@font-face {
    font-family: 'AvenirLTStd-Heavy';
    src: url("/fonts/AvenirLTStd-Heavy_gdi.eot");
    src: url("/fonts/AvenirLTStd-Heavy_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-Heavy_gdi.woff") format("woff"), url("/fonts/AvenirLTStd-Heavy_gdi.ttf") format("truetype"), url("/fonts/AvenirLTStd-Heavy_gdi.svg#AvenirLTStd-Heavy") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-25CA
}

@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url("/fonts/AvenirLTStd-Medium_gdi.eot");
    src: url("/fonts/AvenirLTStd-Medium_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-Medium_gdi.woff") format("woff"), url("/fonts/AvenirLTStd-Medium_gdi.ttf") format("truetype"), url("/fonts/AvenirLTStd-Medium_gdi.svg#AvenirLTStd-Medium") format("svg");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-25CA
}

body {
    background: #FAFAFA;
    font-family: "AvenirLTStd-Medium", Arial, Helvetica, sans-serif
}

a {
    color: #38B449;
    cursor: pointer;
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    color: #38B449;
    text-decoration: none
}

.dark-text {
    color: #333
}

.green-text {
    color: #38B449
}

ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

ul li {
    list-style: none;
    list-style-image: none
}

.breadcrumb {
    color: #BBB;
    text-transform: uppercase;
    font-size: 0.85em
}

.alert-success {
    border-radius: 2px
}

strong {
    font-family: 'AvenirLTStd-Heavy', Arial, Helvetica, sans-serif
}

.mB {
    margin-bottom: 20px
}

.pdG {
    padding: 10px
}

.wwrap {
    word-wrap: break-word
}

.bg-info {
    border-radius: 2px;
    padding: 10px
}

.company-reports-pagination {
    padding: 10px;
    border-top: 1px solid #ddd;
    margin: 20px 0px;
    color: #777;
    border-bottom: 1px solid #ddd
}

.company-reports-pagination p {
    margin-bottom: 0px
}

#_tblCompanyAdminUserReport tr.not-found {
    border: 2px dashed #a94442
}

.panel.no-report-display {
    margin-top: 20px
}

.rules-panel {
    color: #777;
    font-size: 1.1em
}

.extra-margin {
    margin-top: 5px;
    margin-bottom: 15px
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }
    to {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }
    to {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg)
    }
}

.profile .panel-body .item.row {
    border-bottom: 1px solid #DDD;
    margin: 0;
    padding: 15px 0
}

.profile .panel-body .item.row:last-child {
    border-bottom: 0
}

.profile .panel-body .item.row .email {
    text-overflow: ellipsis;
    word-wrap: break-word
}

.profile .panel-body .item.row label {
    margin: 0 20px 0 0
}

@media only screen and (max-width: 480px) {
    .profile .panel-body .item.row label {
        display: block;
        margin: 10px 0 0 0
    }
}

@media only screen and (max-width: smaller) {
    .profile .panel-body .item.row label {
        display: block;
        margin: 10px 0 0 0
    }
}

.profile .panel-body .item.row label input[type="radio"] {
    margin: 0 5px 0 0
}

.current-balance-status {
    margin-bottom: 25px
}

.current-balance-status .item {
    margin: 0;
    padding: 0
}

.current-balance-status .item:last-child {
    border-right: 0
}

.current-balance-status .item span {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    font-weight: bold;
    font-family: "AvenirLTStd-Heavy", Arial, Helvetica, sans-serif;
    padding: 15px 10px 5px
}

.current-balance-status .item h4 {
    background-color: #f9f9f9;
    color: #777;
    display: block;
    margin: 0;
    padding: 10px
}

.current-balance-status .item .icon {
    padding: 5px 10px;
    font-size: 16px
}

.money-available-panel .panel-body {
    min-height: 60px;
    text-align: center
}

.money-available-panel .panel-body h2 {
    color: #777;
    font-family: "AvenirLTStd-Medium", Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 18px
}

.company-admin-panel .select2-container {
    width: auto !important;
    min-width: 200px
}

#_tblCompanyAdminUserReport {
    margin-top: 20px
}

#_tblCompanyAdminUserReport input.last_payment,
#_tblCompanyAdminUserReport input.insuficient {
    margin-bottom: 10px
}

#_tblCompanyAdminUserReport .input-hidden {
    display: none
}

#_tblCompanyAdminUserReport .input-hidden .select2 {
    width: 100% !important;
    margin-top: 5px
}

.available-debtors-panel .panel-body,
.products-info-panel .panel-body {
    min-height: 124px;
    text-align: center
}

.available-debtors-panel .panel-body h2,
.products-info-panel .panel-body h2 {
    color: #777;
    font-family: "AvenirLTStd-Medium", Arial, Helvetica, sans-serif;
    font-size: 4em;
    margin: 15px 0
}

.panel-value-chart .panel-body {
    min-height: 350px;
    text-align: center;
    position: relative
}

.panel-value-chart .panel-body h1 {
    color: #777;
    font-family: "AvenirLTStd-Medium", Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-top: 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #DDD
}

.how-we-re-doing .panel-body {
    min-height: 200px
}

.companies .search .search-button,
.accounts .search .search-button {
    width: 100%
}

.input-batch-history-table tr td {
    text-align: center
}

.active-user .panel-body,
.payment-batch .panel-body {
    text-align: center
}

.active-user .panel-body h2,
.payment-batch .panel-body h2 {
    color: #777;
    padding: 0 0 20px 0
}

.active-user .panel-body h2 span,
.payment-batch .panel-body h2 span {
    color: #777;
    font-family: "Helvetica Neue", "Open Sans", Arial, Sans-serif;
    font-size: 100%;
    font-weight: 300
}

.active-user .panel-body h2 span.red-color,
.payment-batch .panel-body h2 span.red-color {
    color: red
}

.active-user .panel-body h2 span.green-color,
.payment-batch .panel-body h2 span.green-color {
    color: #38B449
}

.active-user .panel-body h4,
.payment-batch .panel-body h4 {
    color: #777;
    font-size: 185%;
    padding: 0 0 20px 0
}

.active-user .panel-body .items,
.payment-batch .panel-body .items {
    margin: 20px
}

.active-user .panel-body .items .item,
.payment-batch .panel-body .items .item {
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
    display: block;
    min-height: 140px;
    padding: 8px
}

@media only screen and (max-width: 768px) {
    .active-user .panel-body .items .item,
    .payment-batch .panel-body .items .item {
        border: 1px solid #DDD !important
    }
}

@media only screen and (max-width: small) {
    .active-user .panel-body .items .item,
    .payment-batch .panel-body .items .item {
        border: 1px solid #DDD !important
    }
}

.active-user .panel-body .items .item:nth-child(3n),
.payment-batch .panel-body .items .item:nth-child(3n) {
    border-right: 0
}

.active-user .panel-body .items .item h3,
.payment-batch .panel-body .items .item h3 {
    color: #777;
    font-size: 125%;
    margin: 5px 0
}

.active-user .panel-body .items .item p,
.payment-batch .panel-body .items .item p {
    color: #777;
    font-size: 85%;
    margin: 0
}

.active-user .panel-body .batches,
.payment-batch .panel-body .batches {
    margin: 20px
}

.active-user .panel-body .batches h3,
.payment-batch .panel-body .batches h3 {
    color: #777;
    font-size: 500%;
    margin: 5px 0
}

.active-user .panel-body .batches p,
.payment-batch .panel-body .batches p {
    color: #777;
    font-size: 120%;
    margin: 0
}

.notifications-list .notification-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.notifications-list .notification-item .notification-header div:first-child {
    padding: 10px 5px
}

.notifications-list .notification-item .notification-body {
    background-color: rgba(0, 0, 0, 0.05);
    display: none;
    padding: 5px
}

.meta-data {
    margin-top: 10px;
    color: #777
}

.meta-data span {
    display: inline-block;
    padding-left: 10px
}

.meta-data span:first-child {
    border-right: 1px solid #BBB;
    padding-right: 10px
}

.accountable-filter-container {
    float: right;
    text-align: right
}

.login.container {
    margin-top: 20px;
    max-width: 302px;
    padding: 0
}

.navbar-default {
    background: #FFF;
    border: none;
    border-bottom: 1px solid #DDD;
    border-radius: 0;
    height: 75px
}

.navbar-collapse {
    padding: 0
}

.navbar-nav>li>a {
    font-size: 16px;
    padding: 27px 15px
}

.nav-x .icon-bar {
    background: #727e83;
    display: block;
    height: 2px;
    margin-bottom: 7px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    width: 26px
}

.nav-x.open .icon-bar.first {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: 9px
}

.nav-x.open .icon-bar.center {
    opacity: 0
}

.nav-x.open .icon-bar.last {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    bottom: 9px
}

.nav-x .dropdown-toggle {
    margin: 17px 5px 7px 5px;
    padding: 10px
}

.nav-x.open>a {
    background: none !important
}

.brand ul li {
    vertical-align: middle
}

@media only screen and (max-width: 768px) {
    .brand ul li {
        border-right: 1px solid rgba(0, 0, 0, 0.1)
    }
    .brand ul li:last-child {
        border: 0
    }
}

@media only screen and (max-width: small) {
    .brand ul li {
        border-right: 1px solid rgba(0, 0, 0, 0.1)
    }
    .brand ul li:last-child {
        border: 0
    }
}

.ic-head {
    padding: 25px 15px
}

.ic-head>a {
    padding: 0 !important
}

.ic-notifications,
.ic-requests,
.ic-logout {
    position: relative
}

.ic-notifications a.icon {
    background: url(../images/head-notifications.png) no-repeat;
    background-size: 21px 25px;
    height: 25px;
    width: 21px;
    display: inline-block
}

.ic-requests a {
    background: url(../images/head-requests.png) no-repeat;
    background-size: 31px 25px;
    height: 25px;
    width: 31px;
    display: inline-block
}

.ic-logout a {
    background: url(../images/head-logout.png) no-repeat;
    background-size: 25px 23px;
    height: 25px;
    width: 25px;
    display: inline-block
}

.ic-notifications .badget,
.ic-requests .badget {
    background: #8dc63f;
    border-radius: 50%;
    bottom: -3px;
    color: #FFF;
    display: block;
    font-size: 10px;
    height: 18px;
    position: absolute;
    right: -8px;
    text-align: center;
    width: 18px
}

header.from-website {
    background-color: #213F99;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAAChCAIAAABIwMrZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkE4RTc3MTI1QUY2MTFFNThGMTY4QTVCMDU3NDc3MDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkE4RTc3MTM1QUY2MTFFNThGMTY4QTVCMDU3NDc3MDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQThFNzcxMDVBRjYxMUU1OEYxNjhBNUIwNTc0NzcwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQThFNzcxMTVBRjYxMUU1OEYxNjhBNUIwNTc0NzcwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnLLcS4AAAr0SURBVHja7F3rmqI4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");
    background-repeat: repeat;
    background-size: 70px 79px;
    color: white;
    margin-bottom: 30px
}

header.from-website .container-fluid {
    min-height: 70px;
    max-width: 1170px
}

header.from-website ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none
}

header.from-website ul li {
    list-style: none;
    list-style-image: none
}

header.from-website .logotype {
    float: left;
    padding: 0 0 0 15px;
    margin: 16px 0 8px 0
}

header.from-website .logotype a span {
    display: none
}

header.from-website .navigation {
    float: right;
    margin: 0 15px 0 0
}

header.from-website .navigation nav.menu ul li {
    border-right: 1px solid #38B449;
    display: inline-block;
    margin: 23px 0 0;
    margin-right: -4px;
    vertical-align: top
}

header.from-website .navigation nav.menu ul li:last-child {
    border-right: 0;
    margin-left: -2px;
    margin-right: -11px
}

header.from-website .navigation nav.menu ul li:last-child a {
    color: #fff !important;
    padding: 9px 10px 8px;
    margin-top: -8px;
    min-height: inherit;
    background-color: #52CE63;
    border-top: 1px solid #52CE63;
    border-bottom: 3px solid #38B449;
    position: relative;
    z-index: 2;
    overflow: hidden
}

header.from-website .navigation nav.menu ul li:last-child a:after {
    content: '';
    position: absolute;
    left: -188px;
    width: 200px;
    height: 400%;
    background-color: #38B449;
    top: 0;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    transition: .2s ease-in;
    z-index: -1
}

header.from-website .navigation nav.menu ul li:last-child a:hover:after {
    left: -80px
}

header.from-website .navigation nav.menu ul li a {
    color: white;
    display: block;
    font-size: 95%;
    font-family: "AvenirLTStd-Medium", Arial, Helvetica, sans-serif;
    padding: 2px 7px;
    transition: color .1s ease-in;
    text-decoration: none
}

header.from-website .navigation nav.menu ul li a:hover {
    color: #38B449
}

header.from-website .navigation nav.menu ul li .sub-menu {
    background-color: #38B449;
    position: absolute;
    -webkit-animation: showUp .2s;
    animation: showUp .2s;
    display: none;
    z-index: 9999
}

header.from-website .navigation nav.menu ul li .sub-menu li {
    border: 0;
    display: block;
    margin: 0
}

header.from-website .navigation nav.menu ul li .sub-menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: white;
    padding: 15px 14px;
    min-width: 200px
}

header.from-website .navigation nav.menu ul li .sub-menu li a:hover {
    background-color: rgba(0, 0, 0, 0.08)
}

header.from-website .navigation nav.menu ul li .sub-menu li:last-child a {
    border: 0;
    margin-top: 0 !important
}

header.from-website .navigation nav.menu ul li .sub-menu li:last-child a:after {
    display: none !important
}

header.from-website .navigation nav.menu ul li:hover>.sub-menu {
    display: block
}

header.from-website .actioners {
    float: right;
    margin: 15px 15px 0 0;
    padding: 0 0 0 0;
    text-align: center
}

header.from-website .actioners ul li {
    display: inline-block
}

header.from-website .actioners ul li button {
    min-height: 42px;
    margin: 0 0 8px 0;
    padding: 10px
}

header.from-website .actioners ul li button:hover:after {
    left: -80px
}

.sidebar {
    background: #42494b;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    top: 0
}

.sidebar .mobile-nav span.glyphicon-menu-up {
    display: none
}

.brand {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.brand a {
    display: block;
    padding: 18px 10px
}

.sidebar-links {
    list-style: none;
    padding: 0
}

.sidebar-links li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.6);
    display: block;
    font-family: 'AvenirLTStd-Medium', sans-serif;
    padding: 15px 10%;
    text-transform: uppercase
}

.sidebar-links li a:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.05)
}

.sidebar-links a:hover,
.sidebar-links a.active {
    color: #8dc63f
}

.sidebar-links a span {
    display: block;
    float: left;
    height: 20px;
    margin-right: 20px;
    margin-top: -1px;
    width: 30px
}

.sidebar-links a .badge {
    font-style: normal;
    background-color: #8dc63f
}

.sidebar-links a span.ic-dashboard {
    background: url(../images/side-dashboard.png) no-repeat;
    background-size: 20px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-dashboard,
.active span.ic-dashboard {
    background: url(../images/side-dashboard.png) no-repeat;
    background-size: 20px !important;
    background-position: center -25px !important
}

.sidebar-links a span.ic-reports {
    background: url(../images/side-reports.png) no-repeat;
    background-size: 20px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-reports,
.active span.ic-reports {
    background: url(../images/side-reports.png) no-repeat;
    background-size: 20px !important;
    background-position: center -25px !important
}

.sidebar-links a span.ic-cases {
    background: url(../images/side-cases.png) no-repeat;
    background-size: 20px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-cases,
.active span.ic-cases {
    background: url(../images/side-cases.png) no-repeat;
    background-size: 20px !important;
    background-position: center -25px !important
}

.sidebar-links a span.ic-companies {
    background: url(../images/side-companies.png) no-repeat;
    background-size: 21px 45px;
    background-position: center 0px
}

.sidebar-links a:hover span.ic-companies,
.active span.ic-companies {
    background: url(../images/side-companies.png) no-repeat;
    background-size: 21px 45px;
    background-position: center -25px !important
}

.sidebar-links a span.ic-users {
    background: url(../images/side-users.png) no-repeat;
    background-size: 20px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-users,
.active span.ic-users {
    background: url(../images/side-users.png) no-repeat;
    background-size: 20px !important;
    background-position: center -20px !important
}

.sidebar-links a span.ic-franchises {
    background: url(../images/side-franchises.png) no-repeat;
    background-size: 30px 45px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-franchises,
.active span.ic-franchises {
    background: url(../images/side-franchises.png) no-repeat;
    background-size: 30px 45px !important;
    background-position: center -25px !important
}

.sidebar-links a span.ic-accounts {
    background: url(../images/side-accounts.png) no-repeat;
    background-size: 30px 45px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-accounts,
.active span.ic-accounts {
    background: url(../images/side-accounts.png) no-repeat;
    background-size: 30px 45px !important;
    background-position: center -25px !important
}

.sidebar-links a span.ic-debtors {
    background: url(../images/side-debtors.png) no-repeat;
    background-size: 22px 45px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-debtors,
.active span.ic-debtors {
    background: url(../images/side-debtors.png) no-repeat;
    background-size: 22px 45px !important;
    background-position: center -25px !important
}

.sidebar-links a span.ic-products {
    background: url(../images/side-products.png) no-repeat;
    background-size: 20px 45px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-products,
.active span.ic-products {
    background: url(../images/side-products.png) no-repeat;
    background-size: 20px 45px !important;
    background-position: center -25px !important
}

.sidebar-links a span.ic-inactives {
    background: url(../images/side-inactives.png) no-repeat;
    background-size: 24px 45px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-inactives,
.active span.ic-inactives {
    background: url(../images/side-inactives.png) no-repeat;
    background-size: 24px 45px !important;
    background-position: center -25px !important
}

.sidebar-links a span.ic-guides {
    background: url(../images/side-guides.png) no-repeat;
    background-size: 18px 45px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-guides,
.active span.ic-guides {
    background: url(../images/side-guides.png) no-repeat;
    background-size: 18px 45px !important;
    background-position: center -25px !important
}

.sidebar-links a span.ic-profile {
    background: url(../images/side-profile.png) no-repeat;
    background-size: 18px 45px;
    background-position: center 0
}

.sidebar-links a:hover span.ic-profile,
.active span.ic-profile {
    background: url(../images/side-profile.png) no-repeat;
    background-size: 18px 45px !important;
    background-position: center -25px !important
}

.footer {
    clear: both;
    display: block;
    padding: 20px;
    color: #BBB
}

@media only screen and (max-width: 768px) {
    .footer {
        padding: 20px 0
    }
}

@media only screen and (max-width: small) {
    .footer {
        padding: 20px 0
    }
}

footer.from-website {
    background-color: #213F99;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAAChCAIAAABIwMrZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkE4RTc3MTI1QUY2MTFFNThGMTY4QTVCMDU3NDc3MDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkE4RTc3MTM1QUY2MTFFNThGMTY4QTVCMDU3NDc3MDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQThFNzcxMDVBRjYxMUU1OEYxNjhBNUIwNTc0NzcwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQThFNzcxMTVBRjYxMUU1OEYxNjhBNUIwNTc0NzcwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnLLcS4AAAr0SURBVHja7F3rmqI4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");
    background-repeat: repeat;
    background-size: 70px 79px;
    color: white
}

footer.from-website ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none
}

footer.from-website ul li {
    list-style: none;
    list-style-image: none
}

footer.from-website .footer-top {
    padding: 30px 0 10px;
    text-align: center
}

footer.from-website .footer-top .socials ul li {
    display: inline-block
}

footer.from-website .footer-top .socials ul li a {
    display: block;
    padding: 10px 15px
}

footer.from-website .footer-top .socials ul li a:hover {
    background-color: #1c3684
}

footer.from-website .footer-top .more-info ul {
    padding: 0 0 10px 0
}

footer.from-website .footer-top .more-info ul li {
    display: inline-block
}

footer.from-website .footer-top .more-info ul li a {
    color: white;
    display: block;
    padding: 10px 6px
}

footer.from-website .footer-top .more-info ul li a span {
    color: white;
    padding: 0 6px
}

footer.from-website .footer-top .navbar-bottom {
    display: block;
    margin: 15px 0;
    padding: 17px 0
}

footer.from-website .footer-top .navbar-bottom::after,
footer.from-website .footer-top .navbar-bottom::before {
    clear: both;
    content: ' ';
    display: block
}

footer.from-website .footer-top .navbar-bottom nav ul li {
    border-right: 1px solid #38B449;
    display: inline-block;
    margin: 8px 0;
    margin-right: -4px
}

footer.from-website .footer-top .navbar-bottom nav ul li:last-child {
    border: 0
}

footer.from-website .footer-top .navbar-bottom nav ul li a {
    color: white;
    display: block;
    font-size: 85%;
    padding: 0px 9px
}

@media only screen and (max-width: 768px) {
    footer.from-website .footer-top .navbar-bottom {
        display: block
    }
    footer.from-website .footer-top .navbar-bottom nav ul li {
        display: block;
        border: 0;
        margin: 0
    }
    footer.from-website .footer-top .navbar-bottom nav ul li a {
        border-bottom: 1px solid #284dbb;
        float: left;
        padding: 13px 0;
        text-decoration: none;
        width: 50%
    }
    footer.from-website .footer-top .navbar-bottom nav ul li a:hover {
        background-color: rgba(255, 255, 255, 0.1)
    }
}

@media only screen and (max-width: small) {
    footer.from-website .footer-top .navbar-bottom {
        display: block
    }
    footer.from-website .footer-top .navbar-bottom nav ul li {
        display: block;
        border: 0;
        margin: 0
    }
    footer.from-website .footer-top .navbar-bottom nav ul li a {
        border-bottom: 1px solid #284dbb;
        float: left;
        padding: 13px 0;
        text-decoration: none;
        width: 50%
    }
    footer.from-website .footer-top .navbar-bottom nav ul li a:hover {
        background-color: rgba(255, 255, 255, 0.1)
    }
}

@media only screen and (max-width: 480px) {
    footer.from-website .footer-top .navbar-bottom nav ul li a {
        float: none;
        width: 100%
    }
}

@media only screen and (max-width: smaller) {
    footer.from-website .footer-top .navbar-bottom nav ul li a {
        float: none;
        width: 100%
    }
}

footer.from-website .footer-top .logotype {
    margin: 10px 0 0
}

footer.from-website .footer-top .logotype a span {
    display: none
}

footer.from-website .footer-bottom {
    padding: 15px 0;
    background: white
}

footer.from-website .footer-bottom .terms ul li {
    display: inline-block;
    margin: 0 4px
}

footer.from-website .footer-bottom .terms ul li a {
    color: #213F99;
    font-size: 80%
}

@media only screen and (max-width: 768px) {
    footer.from-website .footer-bottom .terms {
        border-bottom: 1px solid #F9f9f9;
        padding-bottom: 20px
    }
    footer.from-website .footer-bottom .terms ul li {
        display: block;
        padding: 4px 0
    }
}

@media only screen and (max-width: small) {
    footer.from-website .footer-bottom .terms {
        border-bottom: 1px solid #F9f9f9;
        padding-bottom: 20px
    }
    footer.from-website .footer-bottom .terms ul li {
        display: block;
        padding: 4px 0
    }
}

footer.from-website .footer-bottom .divisions ul {
    text-align: right
}

footer.from-website .footer-bottom .divisions ul li {
    display: inline-block;
    margin: 0 4px;
    color: #777;
    font-size: 80%
}

@media only screen and (max-width: 992px) {
    footer.from-website .footer-bottom .divisions {
        margin-top: 25px;
        padding-bottom: 25px
    }
    footer.from-website .footer-bottom .divisions ul {
        text-align: left
    }
    footer.from-website .footer-bottom .divisions ul li {
        display: block
    }
    footer.from-website .footer-bottom .divisions ul li a {
        display: block;
        padding: 8px 0
    }
}

.go-up {
    background-color: #38B449;
    border-radius: 1px;
    border: none;
    bottom: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px -1px 0px rgba(0, 0, 0, 0.15);
    color: white;
    cursor: pointer;
    display: none;
    font-size: 110%;
    height: 49px;
    position: fixed;
    right: 24px;
    transition-duration: 0.25s;
    transition-property: background-color, box-shadow;
    width: 50px;
    z-index: 99999
}

.go-up .up span {
    margin: 15px 0 0 17px;
    display: block
}

.button-primary {
    background-color: #00833F;
    border: 0;
    border-top: 1px solid #00833F;
    border-bottom: 3px solid #006738;
    color: white;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.7em;
    min-height: 50px;
    outline: 0;
    overflow: hidden;
    padding: 15px 32px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 2;
    transition: .2s ease-in;
    display: inline-block
}

.button-primary:hover:after {
    left: -80px
}

.button-primary:hover {
    background-color: #00833F;
    color: #fff;
    text-decoration: none
}

.button-primary:hover::before {
    left: -2px;
    text-decoration: none
}

.button-primary:active {
    background-color: white;
    border-top: 1px solid white;
    border-bottom: 3px solid #00833F;
    color: #00833F;
    text-decoration: none
}

.button-primary:active:focus {
    box-shadow: none
}

.button-primary:focus {
    background-color: white;
    border-top: 1px solid white;
    border-bottom: 3px solid #00833F;
    box-shadow: 0px 0px 2px #00833F;
    color: #00833F;
    text-decoration: none;
    transition: .1s ease-in
}

.button-primary:focus:hover::before {
    left: -60px;
    opacity: 0
}

.button-primary:focus::before {
    background: #00833F;
    left: -60px;
    opacity: 0
}

.button-primary::after {
    content: '';
    position: absolute;
    left: -188px;
    width: 200px;
    height: 400%;
    background-color: #006738;
    top: 0;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    transition: .2s ease-in;
    z-index: -1
}

.button-default {
    background-color: #52CE63;
    border: 0;
    border-top: 1px solid #52CE63;
    border-bottom: 3px solid #38B449;
    color: white;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.7em;
    min-height: 50px;
    outline: 0;
    overflow: hidden;
    padding: 15px 32px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 2;
    transition: .2s ease-in;
    display: inline-block
}

.button-default:hover {
    color: #fff
}

.button-default:hover::before {
    background-color: #38B449;
    left: -2px;
    text-decoration: none
}

.button-default:active {
    background-color: white;
    border-top: 1px solid white;
    border-bottom: 3px solid #38B449;
    color: #38B449;
    text-decoration: none
}

.button-default:active::before {
    left: -60px;
    opacity: 0
}

.button-default:active:focus {
    box-shadow: none
}

.button-default:focus {
    background-color: white;
    border-top: 1px solid white;
    border-bottom: 3px solid #38B449;
    box-shadow: 0px 0px 2px #38B449;
    color: #38B449;
    text-decoration: none;
    transition: .1s ease-in
}

.button-default:focus:hover::before {
    left: -60px;
    opacity: 0
}

.button-default:focus::before {
    background: #38B449;
    left: -60px;
    opacity: 0
}

.button-default::after {
    content: '';
    position: absolute;
    left: -188px;
    width: 200px;
    height: 400%;
    background-color: #38B449;
    top: 0;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    transition: .2s ease-in;
    z-index: -1
}

.button-link {
    background-color: #00833F;
    border: 0;
    border-top: 1px solid #00833F;
    border-bottom: 3px solid #006738;
    color: white;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.7em;
    min-height: 50px;
    min-width: 130px;
    outline: 0;
    overflow: hidden;
    padding: 15px 32px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 2;
    transition: .2s ease-in
}

.button-link:hover {
    background-color: #38B449;
    border-top: 1px solid #38B449;
    border-bottom: 3px solid #52CE63;
    text-decoration: none
}

.button-link:hover::before {
    background-color: #52CE63;
    left: -2px;
    text-decoration: none
}

.button-link:active {
    background-color: white;
    border-top: 1px solid white;
    border-bottom: 3px solid #00833F;
    color: #00833F;
    text-decoration: none
}

.button-link:active:focus {
    box-shadow: none
}

.button-link:focus {
    background-color: white;
    border-top: 1px solid white;
    border-bottom: 3px solid #00833F;
    box-shadow: 0px 0px 2px #00833F;
    color: #00833F;
    text-decoration: none;
    transition: .1s ease-in
}

.button-link:focus:hover::before {
    left: -33px
}

.button-link:focus::before {
    background: #00833F;
    left: -33px
}

.button-outline {
    background-color: transparent;
    border: 2px solid #00833F;
    border-radius: 2px;
    color: #00833F;
    cursor: pointer;
    font-family: "AvenirLTStd-Heavy", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.7em;
    min-height: 50px;
    min-width: 130px;
    outline: 0;
    overflow: hidden;
    padding: 13px 42px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 2;
    transition: .2s ease-in
}

.button-outline:hover {
    background-color: #00833F;
    border: 2px solid #00833F;
    border-radius: 2px;
    color: white
}

.button-light {
    background-color: transparent;
    border: 2px solid white;
    border-radius: 2px;
    color: white;
    cursor: pointer;
    font-family: "AvenirLTStd-Heavy", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.7em;
    outline: 0;
    overflow: hidden;
    padding: 13px 42px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 2;
    transition: .2s ease-in
}

@media only screen and (max-width: 768px) {
    .button-light {
        display: inline-block
    }
}

@media only screen and (max-width: small) {
    .button-light {
        display: inline-block
    }
}

.button-light:hover {
    background-color: #00833F;
    border: 2px solid #00833F;
    border-radius: 2px;
    color: white
}

.button-light:focus {
    background-color: #00833F;
    border: 2px solid #00833F;
    border-radius: 2px;
    color: white;
    text-decoration: none
}

.button:disabled {
    background-color: #F9f9f9;
    border: 0;
    border-top: 1px solid #F9f9f9;
    border-bottom: 3px solid #F9f9f9;
    color: #BBB;
    cursor: pointer;
    font-family: "AvenirLTStd-Heavy", Arial, Helvetica, sans-serif;
    font-weight: bold
}

.form-control {
    border: 1px solid #DDD;
    border-radius: 0;
    height: auto;
    padding: 10px
}

.form-control:active,
.form-control:focus {
    border-color: #8cc63e
}

.input-group-addon {
    border-radius: 0
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding-right: 26px
}

.checkbox,
.radio {
    margin-bottom: 15px
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
    display: inline-block;
    position: relative
}

.checkbox input[type=checkbox]:not(old),
.radio input[type=radio]:not(old) {
    height: 20px;
    cursor: pointer;
    margin: 0;
    opacity: 0;
    padding: 0;
    width: 20px
}

.checkbox input[type=checkbox]:not(old)+label,
.radio input[type=radio]:not(old)+label {
    display: inline-block;
    line-height: 20px;
    margin-left: -25px;
    padding-left: 25px
}

.checkbox input[type=checkbox]:not(old)+label {
    background: url("/images/checks.png") no-repeat 0 0;
    background-size: 20px
}

.checkbox input[type=checkbox]:not(old):checked+label,
.radio input[type=radio]:not(old):checked+label {
    background-position: 0 -20px
}

.radio input[type=radio]:not(old)+label {
    background: url("/images/radio-buttons.png") no-repeat 0 0;
    background-size: 20px
}

.btn {
    background: #FFF;
    border-width: 2px;
    border-radius: 0;
    font-family: 'AvenirLTStd-Heavy', Arial, Helvetica, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 15px 9px 15px;
    position: relative;
    text-transform: uppercase;
    outline: none !important
}

.btn-default {
    color: #707c81
}

.btn-primary {
    border: 2px solid #38b449;
    color: #38b449
}

.btn-primary:hover {
    background: #38b449;
    border-color: rgba(17, 105, 56, 0.5)
}

.btn-primary:active,
.btn-primary:focus {
    background: #116938 !important;
    border-color: rgba(17, 105, 56, 0.5) !important
}

.btn .glyphicon {
    border-right: 2px solid #38b449;
    margin-right: 10px;
    padding-right: 14px
}

.btn.left .glyphicon {
    border-left: 2px solid #38b449;
    margin-left: 10px;
    padding-left: 14px;
    border-right: none;
    margin-right: 0;
    padding-right: 0
}

.btn:hover .glyphicon,
.btn:focus .glyphicon {
    border-color: #FFF
}

.btn-default .glyphicon {
    border-color: #CCC !important
}

.btn-link {
    color: #38b449
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    color: #116938 !important
}

.btn-danger {
    color: #d43f3a
}

.toggle-group .btn {
    box-shadow: none;
    padding: 7px 15px;
    position: absolute;
    border: 0
}

.toggle-group .btn.toggle-on {
    background-color: #38B449;
    color: white
}

.toggle-group .btn.toggle-handle {
    padding: 7px 9px;
    position: relative
}

.nav-buttons {
    clear: both;
    padding: 10px 0 5px 0
}

@media only screen and (max-width: 370px) {
    .nav-buttons .btn {
        display: block;
        margin-bottom: 10px;
        width: 100%
    }
}

.breadcrumb {
    background-color: transparent;
    padding: 8px 2px
}

.breadcrumb li+li:before {
    color: #BBB
}

.breadcrumb li.active {
    color: #BBB
}

.breadcrumb li a {
    color: #777
}

.filter-form {
    border-bottom: 1px solid #DDD;
    margin: 30px 0;
    text-align: center
}

.filter-form .select2-container .select2-selection {
    background-color: #F9f9f9;
    border-top: 0;
    border-bottom: 0
}

.filter-form .form-group {
    margin: 0
}

.filter-form .form-group .form-control {
    background-color: #F9f9f9;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .filter-form .form-group .form-control {
        border-top: 0;
        border-bottom: 0;
        box-shadow: inherit;
        text-align: left
    }
}

.filter-form .btn {
    border: 1px solid #DDD
}

@media only screen and (min-width: 768px) {
    .filter-form .btn {
        background-color: #F9f9f9;
        border-top: 0;
        border-bottom: 0;
        box-shadow: inherit
    }
}

@media only screen and (max-width: 768px) {
    .filter-form .btn {
        display: block;
        width: 100%
    }
}

@media only screen and (max-width: small) {
    .filter-form .btn {
        display: block;
        width: 100%
    }
}

.filter-form .text-left,
.filter-form .text-right {
    padding: 0
}

.filter-form.inside-panel .select2-container .select2-selection {
    background-color: transparent
}

.filter-form.inside-panel .form-group .form-control {
    background-color: transparent
}

.filter-form.inside-panel .btn {
    background-color: transparent
}

.select2-container .select2-selection {
    border: 1px solid #DDD;
    border-radius: 0;
    height: auto;
    padding: 10px 15px 10px 10px;
    outline-color: #38B449
}

.select2-container .select2-selection .select2-selection__rendered {
    line-height: 20px
}

.select2-container .select2-selection .select2-selection__arrow {
    height: 20px;
    padding: 10px 5px;
    position: absolute;
    box-sizing: content-box
}

.select2-container .select2-dropdown {
    border: 1px solid #DDD;
    border-radius: 0
}

.select2-container .select2-dropdown ul li {
    padding: 10px 18px
}

.select2-container .select2-dropdown ul li.select2-results__option--highlighted {
    background-color: #38B449
}

.executives .executive {
    border-bottom: 1px solid #DDD;
    padding: 15px 50px 15px 15px;
    position: relative
}

.executives .executive:nth-child(2n+1) {
    border-right: 1px solid #DDD
}

@media only screen and (max-width: 480px) {
    .executives .executive {
        padding: 15px;
        border-right: 0
    }
}

@media only screen and (max-width: smaller) {
    .executives .executive {
        padding: 15px;
        border-right: 0
    }
}

.executives .executive .actions {
    margin: 22px 15px 0 0;
    position: absolute;
    top: 0;
    right: 0
}

.executives .executive .actions ul {
    list-style: none;
    list-style-image: none
}

.executives .executive .actions ul li {
    list-style: none;
    list-style-image: none
}

.executives .executive .actions ul li a {
    color: #777;
    font-size: 140%
}

.executives .executive .actions ul li a:hover {
    color: #00833F
}

.executives .new-executive {
    text-align: center
}

.executives .new-executive a span {
    margin: 124px 0;
    font-size: 400%;
    height: 80px;
    width: 80px
}

.executives .new-executive a:hover {
    color: #BBB
}

.representatives .people .new-person {
    padding: 25px;
    text-align: center
}

.representatives .people .people-list .person-card {
    border: 1px solid #BBB;
    margin: 0 0 12px 0;
    padding: 10px;
    position: relative
}

.representatives .people .people-list .person-card .items {
    padding: 0 30px 0 0
}

.representatives .people .people-list .person-card .items .item {
    border-bottom: 1px solid #DDD
}

.representatives .people .people-list .person-card .items .item span {
    float: left;
    padding: 10px;
    width: 50%
}

.representatives .people .people-list .person-card .items .item span:nth-child(2n+1) {
    border-right: 1px solid #DDD
}

.representatives .people .people-list .person-card .items .item:last-child {
    border: 0
}

.representatives .people .people-list .person-card .items .item::after {
    content: " ";
    clear: both;
    display: block
}

.representatives .people .people-list .person-card .actions {
    border-left: 1px solid #DDD;
    height: 80%;
    margin: 10px 0;
    padding: 50px 10px 0 10px;
    position: absolute;
    top: 0;
    right: 0
}

.representatives .people .people-list .person-card .actions ul li a {
    color: #777;
    display: block;
    font-size: 140%
}

.representatives .people .people-list .person-card .actions ul li a:hover {
    color: #00833F
}

#filter_form .product-selector.no-border .select2-container .select2-selection {
    border-right: none
}

#filter_form .select2-container .select2-selection {
    border-left: none;
    text-transform: uppercase;
    color: #00833F
}

@media only screen and (max-width: 768px) {
    #filter_form .select2-container .select2-selection {
        border: 1px solid #DDD;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: small) {
    #filter_form .select2-container .select2-selection {
        border: 1px solid #DDD;
        margin-bottom: 10px
    }
}

#filter_form #time-freq {
    border: none;
    width: 50px;
    border-bottom: 1px solid #00833F;
    text-align: center
}

@media only screen and (max-width: 768px) {
    #filter_form #time-freq {
        display: inline
    }
}

@media only screen and (max-width: small) {
    #filter_form #time-freq {
        display: inline
    }
}

#filter_form .filter-left {
    margin-left: 20px;
    margin-right: 20px;
    text-transform: uppercase
}

@media only screen and (max-width: 768px) {
    #filter_form .filter-left {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: small) {
    #filter_form .filter-left {
        margin-bottom: 10px
    }
}

#filter_form .filter-left .select2-container .select2-selection {
    border-right: none
}

@media only screen and (max-width: 768px) {
    #filter_form .filter-left .select2-container .select2-selection {
        border-right: 1px solid #DDD
    }
}

@media only screen and (max-width: small) {
    #filter_form .filter-left .select2-container .select2-selection {
        border-right: 1px solid #DDD
    }
}

#filter_form .filter-left.supercash-select-container {
    position: relative;
    width: 220px;
    margin-right: 0px
}

@media only screen and (max-width: 768px) {
    #filter_form .filter-left.supercash-select-container {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        text-align: center
    }
}

@media only screen and (max-width: small) {
    #filter_form .filter-left.supercash-select-container {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        text-align: center
    }
}

#filter_form .filter-left.supercash-select-container label {
    left: 0px;
    position: absolute;
    bottom: 5px
}

@media only screen and (max-width: 768px) {
    #filter_form .filter-left.supercash-select-container label {
        position: static
    }
}

@media only screen and (max-width: small) {
    #filter_form .filter-left.supercash-select-container label {
        position: static
    }
}

#filter_form .filter-left.supercash-select-container .select2-container {
    right: -55px;
    width: 60% !important
}

@media only screen and (max-width: 768px) {
    #filter_form .filter-left.supercash-select-container .select2-container {
        right: -20px;
        width: 30% !important;
        min-width: 130px
    }
}

@media only screen and (max-width: small) {
    #filter_form .filter-left.supercash-select-container .select2-container {
        right: -20px;
        width: 30% !important;
        min-width: 130px
    }
}

#filter_form .green {
    color: #00833F
}

.datatable {
    display: block;
    overflow: auto;
    min-height: 200px
}

.table.half td {
    width: 50%
}

.table.sortable th .glyphicon {
    font-size: 0.8em
}

.table thead {
    color: #333;
    font-family: "AvenirLTStd-Heavy", Arial, Helvetica, sans-serif;
    font-weight: bold
}

.table thead tr th {
    margin: 6px 0;
    padding: 8px 8px;
    white-space: nowrap;
    border: 0;
    outline: 0;
    cursor: pointer
}

.table thead tr th.tablesorter-header .tablesorter-header-inner:after {
    content: '';
    float: right;
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #333;
    visibility: hidden
}

.table thead tr th.tablesorter-headerDesc .tablesorter-header-inner:after {
    border-bottom: none;
    border-width: 4px 4px 0;
    visibility: visible;
    opacity: 0.7
}

.table thead tr th.tablesorter-headerAsc .tablesorter-header-inner:after {
    visibility: visible;
    opacity: 0.7
}

.table thead tr th.sorter-false .tablesorter-header-inner:after {
    display: none
}

.table tbody {
    color: #777;
    font-size: 13px
}

.table tbody tr.suspended td {
    color: rgba(169, 68, 66, 0.8)
}

.table tbody tr.suspended td.actions a {
    color: rgba(169, 68, 66, 0.8)
}

.table tbody tr th {
    padding: 16px 8px
}

.table tbody tr td {
    padding: 16px 8px
}

.table tbody tr td a span.glyphicon {
    margin-right: 5px
}

.table tbody tr td input[type="checkbox"] {
    background-color: transparent;
    box-shadow: none
}

.table tbody tr td .input-group .form-control {
    line-height: inherit
}

.table.with-sorting thead tr th {
    background-color: #DDD;
    border-right: 2px solid #F9f9f9
}

.table.with-sorting thead tr th:first-child,
.table.with-sorting thead tr th:last-child {
    text-align: center
}

.table.with-sorting tbody tr th:first-child {
    text-align: center
}

.table.with-sorting tbody tr td:last-child {
    text-align: center
}

.cickable-table tr.clickable {
    cursor: pointer
}

.actioner-list ul li {
    display: inline-block;
    padding: 10px 12px
}

#_tblCompanyBatchFile {
    margin-top: 20px
}

.nav-tabs li a {
    background-color: #ffffff;
    border-radius: 0 !important;
    color: #213f99;
    text-transform: uppercase
}

.nav-tabs li a:hover {
    background: #ffffff;
    color: #213f99;
}

.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover {
    background-color: #213f99;
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover {
        border-bottom-color: transparent !important
    }
}

.nav-tabs.nav-tabs-by-step li a {
    border-radius: 0 !important;
    color: #ffffff;
    cursor: default;
    text-transform: uppercase
}

.nav-tabs.nav-tabs-by-step li a:hover {
    background-color: rgba(217, 224, 226, 0.48)
}

.section-nav-tabs .nav-tabs {
    border: 0
}

.section-nav-tabs .nav-tabs li a {
    border-left: 0;
    border-right: 0
}

@media only screen and (min-width: 768px) {
    .section-nav-tabs .nav-tabs li a {
        background-color: transparent
    }
}

.section-nav-tabs .nav-tabs li a:hover {
    background-color: #DDD
}

.section-nav-tabs .nav-tabs li a:focus {
    background-color: transparent
}

@media only screen and (min-width: 768px) {
    .section-nav-tabs .nav-tabs li.active a {
        border-bottom: 0
    }
}

.pagination ul li a {
    background-color: #38B449
}

.panel.panel-default {
    border-radius: 0
}

.tab-content {
    margin-top: 15px
}

.panel .panel-heading {
    background: #FFF;
    height: 44px;
    padding: 0;
    position: relative;
    text-transform: uppercase
}

.panel .panel-heading::after {
    clear: both;
    content: " ";
    display: block
}

.panel .panel-heading .panel-title {
    color: #707c81;
    display: table-cell;
    float: left;
    font-family: 'AvenirLTStd-Heavy', Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.panel .panel-heading .no-icon {
    position: relative
}

.panel .panel-heading .no-icon::after {
    background: #DDD;
    bottom: 0;
    content: "";
    height: 24px;
    right: -2px;
    position: absolute;
    width: 1px
}

.panel .panel-heading .glyphicon {
    color: #707c81;
    margin-right: 10px;
    padding-right: 15px
}

.panel .panel-heading .glyphicon::after {
    background: #DDD;
    bottom: -15px;
    content: "";
    height: 24px;
    left: 25px;
    position: absolute;
    width: 1px
}

.panel .panel-heading .actions {
    position: absolute;
    margin: 0 5px 0 0;
    top: 0;
    right: 0
}

.panel .panel-heading .actions li {
    display: inline-block
}

.panel .panel-heading .actions li a {
    color: #777
}

.panel .panel-heading .actions li a span {
    display: inline-block;
    margin: 0 0 0 4px;
    padding: 15px;
    top: 0
}

.panel .panel-heading .actions li a span::after {
    background: #DDD;
    bottom: 0px;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 1px
}

.panel .panel-heading .actions li a:hover .glyphicon {
    color: #38B449
}

.panel .panel-heading .toggle.btn {
    margin: 4px
}

.details-panel .list {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

.details-panel .list li {
    border-bottom: 1px solid #DDD;
    display: block;
    padding: 10px 8px 10px 8px
}

.details-panel .list li:last-child {
    border: 0
}

.details-panel .items .item {
    border-bottom: 1px solid #DDD;
    display: block;
    padding: 8px
}

.details-panel .items .item:last-child {
    border: 0
}

.details-panel .items .item h5 {
    color: #777;
    font-size: 90%;
    margin: 5px 0
}

.details-panel .items .item p {
    font-size: 135%;
    margin: 0
}

.supercash-detail-panel .panel-body .items.left {
    border-right: 1px solid #DDD
}

.chart {
    position: relative
}

.chart canvas.vertical {
    margin-top: 25px
}

.chart ul.legend li .color {
    border: 2px solid #00833F;
    border-radius: 50px;
    display: inline-block;
    height: 40px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    width: 40px
}

.chart ul.legend li .color.quickcash {
    border: 2px solid #dcdcdc;
    background-color: rgba(220, 220, 220, 0.2)
}

.chart ul.legend li .color.supercash {
    border: 2px solid #97bbcd;
    background-color: rgba(151, 187, 205, 0.2)
}

.chart ul.legend li .color.green {
    border: 2px solid #248f41;
    background-color: #8dc63f
}

.chart ul.legend li .color.gray {
    border: 2px solid #555555;
    background-color: #888888
}

.chart ul.legend li .color.blue {
    border: 2px solid #7498AB;
    background-color: #AEC9D7
}

.chart ul.legend li .color.light-gray {
    border: 2px solid #DDDDDD;
    background-color: #F8F8F8
}

.chart ul.legend li .color.violet {
    background-color: #ADB4E4;
    border: 2px solid #7e84ab
}

.chart ul.legend li .name {
    display: inline-block;
    margin: 4px 0 0 0
}

.chart ul.legend.horizontal {
    text-align: center
}

.chart ul.legend.horizontal li {
    display: inline-block;
    padding: 10px 15px
}

.chart ul.legend.horizontal li:first-child:not('.single') {
    padding-right: 20px;
    border-right: 1px solid #DDD
}

.chart ul.legend.vertical {
    margin: 50px 0 0 0;
    text-align: left
}

.chart ul.legend.vertical li {
    display: block;
    padding: 15px 10px
}

.chart ul.legend.vertical li:first-child {
    border-bottom: 1px solid #DDD
}

.chart ul.legend.vertical.user-status li {
    padding: 15px 0px;
    border-bottom: 1px solid #DDD
}

.chart ul.legend.vertical.user-status li:last-child {
    border: none
}

.modal .modal-content {
    border-radius: 0 !important;
    border: 2px solid #c6ccce
}

.modal .modal-title {
    color: #707c81;
    font-family: 'AvenirLTStd-Heavy', Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.modal .close {
    font-size: 30px;
    outline: none
}

.modal .modal--login {
    max-width: 380px;
    padding: 20px
}

.modal .modal--login .modal-body {
    max-width: 390px
}

.modal .modal--new-agent {
    max-width: 550px;
    padding: 20px
}

#_selectReportModal .panel-body {
    cursor: pointer;
    transition: background-color 300ms
}

#_selectReportModal .panel-body:hover {
    background-color: #efefef
}

#_selectReportModal .panel-body h2 {
    color: #707c81;
    text-align: center
}

#_selectReportModal .reports-uploader {
    margin: 0 auto;
    padding-top: 50px;
    width: 70%
}

#_selectReportModal .reports-uploader .reports-back {
    margin-top: 50px;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #BBB;
    color: #BBB;
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: box-shadow 300ms
}

#_selectReportModal .reports-uploader .reports-back:hover {
    box-shadow: 0px 0px 3px #ccc
}

@media (max-width: 480px) {
    .g-recaptcha iframe {
        max-width: 100%;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform-origin: center center;
        -webkit-transform-origin: center center
    }
    #rc-imageselect {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    .g-recaptcha iframe {
        transform: scale(0.9);
        -webkit-transform: scale(0.9)
    }
}

@media (min-width: 480px) {
    #rc-imageselect {
        transform: none;
        -webkit-transform: none
    }
    .g-recaptcha iframe {
        max-width: none;
        transform: none;
        -webkit-transform: none
    }
}

@media (min-width: 372px) {
    .g-recaptcha iframe {
        transform: scale(0.9);
        -webkit-transform: scale(0.9)
    }
}

body.login-iframe>div:last-child>div:nth-child(2) {
    right: auto !important;
    transform: scale(0.85) !important;
    -webkit-transform: scale(0.85) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important
}

@media only screen and (max-width: 372px) {
    body.login-iframe>div:last-child>div:nth-child(2) {
        transform: scale(0.9) !important;
        -webkit-transform: scale(0.9) !important;
        transform-origin: 0 0 !important;
        -webkit-transform-origin: 0 0 !important
    }
}

.g-recaptcha>div>div {
    margin: 4px auto !important;
    text-align: center;
    width: auto !important;
    height: auto !important
}

.quick-cash .cash-details {
    margin: 0 0 20px 0
}

.quick-cash .cash-details:after {
    clear: both;
    content: " ";
    display: block
}

.quick-cash .cash-details .item {
    margin: 0 0 5px 0;
    min-height: 80px;
    padding: 0 2px
}

.quick-cash .cash-details .item span {
    border-bottom: 1px solid #DDD;
    color: #333;
    display: block;
    font-size: 90%;
    font-family: "AvenirLTStd-Heavy", Arial, Helvetica, sans-serif;
    overflow: hidden;
    padding: 13px 10px 7px 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quick-cash .cash-details .item input {
    background-color: rgba(0, 0, 0, 0.05);
    border: 0;
    padding: 10px;
    width: 100%
}

.quick-cash .cash-details .item input[type='number'] {
    background-color: white;
    border: 1px solid #ddd;
    border-top: 0
}

.quick-cash .cash-details .amount label {
    margin: 0;
    position: relative;
    width: 100%
}

.quick-cash .cash-details .amount label::before {
    padding: 8px 6px 8px 10px;
    text-align: center;
    background-color: white;
    border-right: 1px solid #ddd;
    content: attr(data-currency) " ";
    font-family: "AvenirLTStd-Heavy", Arial, Helvetica, sans-serif;
    position: absolute;
    top: 2px;
    left: 2px
}

.quick-cash .cash-details .amount label .help-block,
.quick-cash .cash-details .amount label .error {
    background-color: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    color: #A94442;
    left: 1px;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 41px;
    z-index: 999
}

.quick-cash .cash-details .amount label .help-block::before,
.quick-cash .cash-details .amount label .error::before {
    border: 8px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-top: 0px;
    content: " ";
    left: 37px;
    position: absolute;
    top: -10px;
    width: 1px
}

.quick-cash .cash-details .amount input {
    font-family: "AvenirLTStd-Heavy", Arial, Helvetica, sans-serif;
    width: 100%;
    padding: 10px 10px 10px 54px
}

.quick-cash .cash-details .request {
    clear: both;
    margin: 10px 0 5px 0;
    padding: 0
}

@media only screen and (max-width: 768px) {
    .quick-cash .cash-details .request {
        clear: both;
        display: block;
        width: 100%
    }
}

@media only screen and (max-width: small) {
    .quick-cash .cash-details .request {
        clear: both;
        display: block;
        width: 100%
    }
}

.quick-cash .cash-details .request button {
    display: block;
    width: 100%
}

.quick-cash .slider-container {
    margin: 0 30px
}

.quick-cash .cash-slider .ui-slider {
    background: #38B449;
    border: 1px solid #bdc3c7;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
    color: #222222;
    margin-top: 4px;
    position: relative;
    text-align: left
}

.quick-cash .cash-slider .ui-slider .noUi-origin {
    top: 0;
    border-radius: 0;
    height: 100%;
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background: #e1e1e1;
    font-weight: bold
}

.quick-cash .cash-slider .ui-slider .noUi-handle {
    background-color: #38B449;
    box-shadow: none;
    border: 1px solid #f9f9f9;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    height: 2.2em;
    line-height: 30px;
    left: -60px;
    overflow: hidden;
    text-align: center;
    top: 7px;
    width: 120px;
    z-index: 2
}

.quick-cash .cash-slider .ui-slider .noUi-handle::before,
.quick-cash .cash-slider .ui-slider .noUi-handle::after {
    background-color: inherit;
    border: 0;
    position: absolute;
    top: 9px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFFFFF;
    margin: 0 3px;
    font-size: 11px
}

.quick-cash .cash-slider .ui-slider .noUi-handle::before {
    content: "\e079";
    left: 2px;
    right: auto
}

.quick-cash .cash-slider .ui-slider .noUi-handle::after {
    content: "\e080";
    left: auto;
    right: 10px
}

.quick-cash .cash-slider .splits-slider .noUi-handle {
    left: -30px;
    width: 60px
}

body.dragging,
body.dragging * {
    cursor: move !important
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000
}

ol.drag-list li.placeholder {
    position: relative
}

ol.drag-list li {
    list-style-type: none;
    cursor: move;
    display: inline-block;
    padding: 0px 10px !important;
    margin: 10px;
    border: 1px solid #38b449
}

ol.drag-list li.placeholder:before {
    position: absolute
}

ol.drag-list label {
    display: inline !important
}

.unchecked-items {
    margin-top: 20px
}

.checked-fields .drag-list,
.unchecked-fields .drag-list {
    margin: 20px;
    padding: 0
}

.checked-fields .drag-list li,
.unchecked-fields .drag-list li {
    background-color: white;
    border-color: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    display: block
}

.checked-fields .drag-list li .checkbox,
.unchecked-fields .drag-list li .checkbox {
    margin: 6px 6px 10px 6px
}

.checked-fields .drag-list li .checkbox label,
.unchecked-fields .drag-list li .checkbox label {
    color: #777;
    padding-left: 30px;
    padding-bottom: 3px
}

.checked-fields .drag-list li.placeholder,
.unchecked-fields .drag-list li.placeholder {
    background-color: #38B449;
    border-color: #38B449
}

.unchecked-fields {
    background-color: #F9f9f9;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    padding-bottom: 10px
}

#_requestContentPopover {
    display: none
}

#_displayRequestsPopover+.popover {
    left: -652.5px;
    max-width: 800px
}

#_notificationsPopover+.popover {
    left: -452.5px;
    max-width: 600px
}

.popover {
    border-radius: 2px;
    z-index: 999
}

@media only screen and (max-width: 1400px) {
    .popover {
        width: 100%;
        min-width: 620px;
        display: block
    }
}

@media only screen and (max-width: 768px) {
    .popover {
        width: 100%;
        min-width: 320px;
        display: block
    }
}

@media only screen and (max-width: small) {
    .popover {
        width: 100%;
        min-width: 320px;
        display: block
    }
}

.popover .see-all {
    background-color: #FAFAFA;
    padding: 5px
}

.popover .see-all a {
    color: #00833F;
    border: 0 none;
    display: block;
    font-size: 90%;
    font-weight: bold;
    font-family: "AvenirLTStd-Heavy", Arial, Helvetica, sans-serif;
    width: 100%
}

.ic-notifications .popover-content {
    padding: 0
}

.ic-notifications .notifications-container {
    display: block;
    max-height: 300px;
    min-width: 230px;
    overflow: auto;
    padding: 0
}

.ic-notifications .notifications-container .media {
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    min-width: 400px;
    padding: 5px 10px;
    margin-top: 0
}

.ic-notifications .notifications-container .media:last-child {
    border-bottom: 0
}

.ic-notifications .notifications-container .media::after {
    clear: both;
    display: block;
    content: " "
}

.ic-notifications .notifications-container .media .media-body {
    padding: 5px
}

.ic-notifications .notifications-container .media .media-body strong {
    display: block;
    line-height: 19px
}

.ic-notifications .notifications-container .media .media-body small {
    display: block;
    opacity: 0.8
}

.ic-notifications .notifications-container .media .media-right {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding: 16px 10px
}

.ic-notifications .notifications-container .media .media-right a:hover {
    color: #00833F;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3)
}

.ic-notifications .notifications-container .media .media-right a:active {
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3)
}

.ic-notifications .notifications-container .media.unread {
    background-color: #E4F9EE
}

.ic-notifications .notifications-container .media.unread .media-body strong {
    color: #00833F
}

.ic-notifications .notifications-container .media.unread .media-body small {
    color: #00833F
}

.ic-notifications .notifications-container .media.unread .media-right a {
    color: #00833F;
    border-color: #00833F
}

.ic-requests .popover a {
    background: none;
    height: auto;
    width: auto;
    color: #808080
}

.ic-requests .popover-content {
    padding: 0
}

.ic-requests .popover-table-container {
    display: block;
    max-height: 300px;
    min-width: 230px;
    overflow: auto;
    padding: 0 10px
}

.ic-requests .popover-table-container .table {
    margin: 0
}

.ic-requests .popover-table-container .table tbody tr {
    margin-top: 5px
}

.ic-requests .popover-table-container .table tbody tr td {
    min-width: 120px;
    border: 0 none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    padding: 10px 8px
}

.ic-requests .popover-table-container .table tbody tr td strong {
    font-size: 13px
}

.ic-requests .popover-table-container .table tbody tr td span {
    display: block;
    font-size: 12px
}

.ic-requests .popover-table-container .table tbody tr td:first-child {
    border-left: 0
}

.ic-requests .popover-table-container .table tbody tr td:nth-child(2) {
    min-width: 190px
}

.ic-requests .popover-table-container .table tbody tr td:last-child {
    min-width: 100%;
    padding-top: 14px
}

.btn-transparent {
    background-color: transparent;
    padding: 5px 10px;
    font-size: 0.8em;
    border: 1px solid #BBB;
    color: #9A9A9A
}

.btn-transparent:hover {
    background-color: #FAFAFA
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9)
}

.cube-overlay-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -45px 0 0 -15px
}

.cube-overlay-spinner .text {
    bottom: -40px;
    color: #00833F;
    font-weight: bold;
    left: 50%;
    margin-left: -95px;
    position: absolute;
    text-align: center;
    width: 200px
}

.cube-overlay-spinner .box-wrapper {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.cube-overlay-spinner .box-wrapper .box {
    height: 30px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 30px
}

.cube-overlay-spinner .box-wrapper .box .side {
    background-color: #38B449;
    height: 26px;
    outline: 1px solid #00833F;
    position: absolute;
    width: 26px
}

.cube-overlay-spinner .box-wrapper .box .side:nth-child(1) {
    -webkit-transform: translateZ(14px);
    transform: translateZ(14px);
    transition: all .3s ease-in-out;
    z-index: 9999
}

.cube-overlay-spinner .box-wrapper .box .side:nth-child(2) {
    -webkit-transform: rotateY(90deg) translateZ(14px);
    transform: rotateY(90deg) translateZ(14px);
    left: 0;
    transition: all .3s .3s ease-in-out;
    z-index: 999
}

.cube-overlay-spinner .box-wrapper .box .side:nth-child(3) {
    -webkit-transform: rotateY(180deg) translateZ(14px);
    transform: rotateY(180deg) translateZ(14px);
    transition: left .3s 1.5s ease-in-out;
    left: 0px;
    z-index: 999
}

.cube-overlay-spinner .box-wrapper .box .side:nth-child(4) {
    background-color: #52CE63;
    -webkit-transform: rotateY(-90deg) translateZ(18px);
    transform: rotateY(-90deg) translateZ(18px);
    right: 0;
    transition: all .3s .6s ease-in-out;
    z-index: 999
}

.cube-overlay-spinner .box-wrapper .box .side:nth-child(5) {
    background-color: #A3D55F;
    -webkit-transform: rotateX(-90deg) translateZ(14px) rotate(180deg);
    transform: rotateX(-90deg) translateZ(14px) rotate(180deg);
    top: 0px;
    transition: top .3s .9s ease-in-out;
    z-index: 90
}

.cube-overlay-spinner .box-wrapper .box .side:nth-child(6) {
    -webkit-transform: rotateX(90deg) translateZ(14px);
    transform: rotateX(90deg) translateZ(14px);
    left: 0px;
    top: 0px;
    transition: left .4s .3s ease-in-out, top .3s 1.5s ease-in-out
}

@-webkit-keyframes spinningH {
    from {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }
    to {
        -webkit-transform: rotateX(360deg) rotateY(360deg);
        transform: rotateX(360deg) rotateY(360deg)
    }
}

@keyframes spinningH {
    from {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }
    to {
        -webkit-transform: rotateX(360deg) rotateY(360deg);
        transform: rotateX(360deg) rotateY(360deg)
    }
}

.animate {
    -webkit-animation: spinningH 3.2s infinite linear;
    animation: spinningH 3.2s infinite linear
}

@media (max-width: 768px) {
    .sidebar {
        margin-bottom: 15px;
        overflow: visible;
        position: inherit
    }
    .brand {
        position: relative
    }
    .brand a {
        padding: 18px 15px
    }
    .brand img {
        margin: 0
    }
    .brand ul {
        margin: 0;
        position: absolute;
        top: 0;
        right: 0
    }
    .brand ul li {
        display: inline-block
    }
    .nav li a:focus,
    .nav li a:hover {
        background-color: transparent
    }
    .ic-head {
        padding: 22px 22px
    }
    .nav-x .dropdown-toggle {
        margin: 17px 7px 7px 7px
    }
    .nav-x.open .dropdown-menu {
        background-color: #FFF;
        display: block;
        left: inherit;
        position: absolute;
        right: 5px;
        top: 70px
    }
    .nav-x.open .dropdown-menu:before {
        background: #FFF;
        content: "";
        height: 15px;
        position: absolute;
        right: 17px;
        top: -7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 15px
    }
    .nav-x.open .dropdown-menu a {
        display: block
    }
    .sidebar-links {
        margin: 0
    }
    .sidebar-links,
    .id-menu-checkbox {
        display: none !important
    }
    input[type=checkbox]:checked~label>.glyphicon-menu-down {
        display: none
    }
    input[type=checkbox]:checked~label>.glyphicon-menu-up {
        display: inline
    }
    input[type=checkbox]:checked~ul {
        display: block !important
    }
    .mobile-nav {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #FFF;
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 10px;
        text-align: center;
        text-transform: uppercase
    }
    .mobile-nav .glyphicon {
        margin-left: 10px;
        opacity: 0.5
    }
}

@media (max-width: 480px) {
    .brand img {
        max-width: 140px
    }
    .ic-head {
        padding: 18px 15px
    }
    .nav-x .dropdown-toggle {
        margin: 12px 0 7px 0
    }
    .nav-x.open .dropdown-menu {
        top: 60px
    }
    .nav-x.open .dropdown-menu:before {
        right: 10px
    }
}