@font-face {
    font-family: 'Avenir';
    src: url('avenir-book.ttf');
}

@font-face {
    font-family: 'Avenir-heavy';
    src: url('avenir-heavy.ttf');
}

@font-face {
    font-family: 'Amber';
    src: url('amber.ttf');
}

object,
iframe,
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

html,
body {
    /*background: #6c8bb4 url('../images/body-bg/body-bg-new.jpeg') no-repeat center center fixed;*/
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    height: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;*/
}

/*form {*/
/*    height: 100%;*/
/*}*/

a:link,
a:visited {
    color: #4b4f54;
    text-decoration: none;
}

a:hover,
a:active {
    color: #b45a77;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

#wrapper {
    min-height: 100%;
    position: relative;
}

#header {
    color: #ffffff;
    /*height: 69px;*/
    min-height: 60px;
}

#header .form-group label {
    color: #003E51;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
}

#header .form-group label:after {
    content: "";
}

#login-content {
    padding: 0 0 100px 0;
    position: relative;
}

#content {
    padding: 0 0 69px 135px;
    position: relative;
}

#logo-container {
    background-image: url('../images/icons/nobank-logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 66px;
    left: 0;
    position: absolute;
    width: 345px;
}

#login-content #logo-container {
    bottom: 15px;
}

#content #logo-container {
    top: 10px;
}

#footer {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#login-content #footer {
    height: 100px;
}

::-moz-selection {
    background: #55AF92;
    color: #fff;
}

::selection {
    background: #55AF92;
    color: #fff;
}

.row {
    margin: 0;
}

[class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}

label {
    font-family: 'Roboto', sans-serif;
    color: #003E51;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: -4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

label.white {
    color: #fff;
    font-family: 'Avenir-heavy', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: -4px;
    padding-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

label:after {
    content: " :"
}

label.no-content {
    height: 19px;
    text-transform: none;
}

label.no-content:after {
    content: "";
}

.filter-btn {
    width: 10%;
}

.filter-btn-text {
    color: white;
    margin-bottom: auto;
    margin-top: auto;
}

#header input[type='text'],
select {
    border: 1px solid #003E51;
    color: #003E51;
}

input[type="text"] {
    -webkit-box-shadow: none;
    -webkit-transition: none;
    border: 1px solid #C8C9C7;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

input[type="password"] {
    -webkit-box-shadow: none;
    -webkit-transition: none;
    border-color: #cbc4b9;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 2px 0;
    box-shadow: none;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.btn-filter-icon {
    width: 13%;
    margin-right: 4px;
}

input.pending-ajax[type="text"] {
    background-image: url('../images/icons/ajax-request.gif');
    background-repeat: no-repeat;
    background-position: right 10px center;
}

span.select2-selection__rendered.pending-ajax {
    background-image: url('../images/icons/ajax-request.gif');
    background-repeat: no-repeat;
    background-position: right 18px center;
}

.pending-ajax-left {
    background-image: url('../images/icons/ajax-request.gif');
    background-repeat: no-repeat;
    background-position: left;
    width: 30px;
    height: 30px;
}

.pending-ajax-history {
    background-image: url('../images/icons/ajax-request.gif');
    background-repeat: no-repeat;
    background-position: left;
    width: 30px;
    height: 30px;
}

textarea {
    border: 0;
    border-bottom: 2px solid red;
    border-radius: 0px;
    resize: none;
    width: 100%;
    max-width: 182px;
}

input[type="text"]:focus,
textarea:focus {
    border-color: #003E51;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type="password"]:focus {
    border-color: #18933c;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type="text"]:disabled,
input.mask-disabled {
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    background-color: transparent;
    padding: 0;
    cursor: default;
}

input.pointer-events-none {
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    background-color: transparent;
    padding: 0;
    pointer-events: none;
}

input.mask-disabled.req-element {
    padding: 0 5px;
}

.note-container #note-error.req-element {
    top: 5px !important;
    bottom: 75%;
}

textarea:disabled {
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    background: transparent;
    padding: 0;
    cursor: default;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color:transparent) {
        textarea:disabled {
            color: #161719;
        }
    }
}

input[type="text"].req-element:disabled {
    padding-left: 5px;
}

.form-group.no-content {
    height: 51px;
}

.note-history {
    max-height: 120px;
    overflow-y: scroll;
}

/****************************************************** LOGIN START **************************************************/
.login-wrapper {
    background: #6c8bb4 url('../images/body-bg/body-bg-new.png') no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-wrapper input[type="text"] {
    -webkit-box-shadow: none;
    -webkit-transition: none;
    border-color: #cbc4b9;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 2px 0;
    box-shadow: none;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.login-wrapper input[type="text"]:focus {
    border-color: #18933c;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-cont {
    max-width: 400px;
    margin: 200px auto 0;
    padding: 40px 30px;
}

.username,
.password {
    height: 30px;
    width: 25rem;
}

#login-form {
    position: absolute;
    top: 3rem;
    right: 9rem;
}

#login-form label,
#login-form a,
.login-header {
    padding-top: 20px;
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

.login-header {
    text-align: center;
    padding-bottom: 30px;
    font-size: 20px;
}

.input-line {
    background-color: transparent;
    color: #eeeeee;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #eeeeee 1px;
    padding: 3px 10px;
}

#login-form input:-webkit-autofill,
#login-form input:-webkit-autofill:hover,
#login-form input:-webkit-autofill:focus,
#login-form textarea:-webkit-autofill,
#login-form textarea:-webkit-autofill:hover,
#login-form textarea:-webkit-autofill:focus,
#login-form select:-webkit-autofill,
#login-form select:-webkit-autofill:hover,
#login-form select:-webkit-autofill:focus {
    border-bottom: 1px solid #18933c;
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

.btn-login {
    background: #18933c;
    border: 2px solid white;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 40px auto 0;
    max-width: 100px;
    padding: 7px 20px;
    text-align: center;
    outline: none;
}

.btn-login:hover {
    background: #ffffff;
    color: #18933c;
}

.welcome-wrapper {
    background-image: url('../images/body-bg/welcome-bg-2.gif');
    background-repeat: no-repeat;
    height: 350px;
    margin: 80px auto 0;
    max-width: 350px;
    position: relative;
    min-height: 600px;
}

.welcome-bg {
    background: url('../images/body-bg/welcome-transparent-bg-4.png');
    background-repeat: no-repeat;
    background-position: top 8px right 10px;
    height: 350px;
    position: absolute;
    width: 350px;
}

.welcome-message {
    color: #ffffff;
    font-family: 'Amber';
    font-size: 73px;
    height: 350px;
    line-height: 1;
    padding: 120px 25px 80px 28px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}

/****************************************************** LOGIN END ****************************************************/
/****************************************************** HEADER START *************************************************/
.log-out {
    background: url('../images/icons/logout-new.png') no-repeat center center;
    transform: scale(0.85);
    cursor: pointer;
    height: 100%;
    width: 50px;
}

.log-out:hover {
    background: url('../images/icons/green/logout-green.png') no-repeat center center;
}

.en-flag {
    background-image: url('../images/icons/en-flag.png');
}

.nl-flag {
    background-image: url('../images/icons/nl-flag.png');
}

.de-flag {
    background-image: url('../images/icons/de-flag.png');
}

.fr-flag {
    background-image: url('../images/icons/fr-flag.png');
}

.lang-flag {
    transform: scale(0.9);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    /*display: table-cell;*/
    width: 40px;
}

.switch-lang-cont {
    background-color: #fff;
    display: none;
    position: absolute;
    right: -38px;
    top: 45px;
    width: 125px;
    z-index: 6;
}

.text-flag {
    background-position: 4px center;
    background-repeat: no-repeat;
    font-size: 12px;
    height: 38px;
    line-height: 19px;
    margin: 0;
    padding: 9px 0 4px 50px;
    text-align: left;
    width: 100%;
}

.switch-lang-cont a {
    color: #4b4f54 !important;
    display: inline-block;
    text-decoration: none !important;
    width: 100%;
}

.switch-lang-cont a:not(:last-child) {
    border-bottom: 1px solid #d7d8d8;
}

.switch-lang-cont a.active,
.switch-lang-cont a:hover {
    background: rgb(243, 243, 243);
    background: -moz-linear-gradient(left, rgba(243, 243, 243, 1) 27%, rgba(243, 243, 243, 1) 27%, rgba(225, 226, 227, 1) 49%);
    background: -webkit-linear-gradient(left, rgba(243, 243, 243, 1) 27%, rgba(243, 243, 243, 1) 27%, rgba(225, 226, 227, 1) 49%);
    background: linear-gradient(to right, rgba(243, 243, 243, 1) 27%, rgba(243, 243, 243, 1) 27%, rgba(225, 226, 227, 1) 49%);
}

.header-profile {
    cursor: pointer;
    display: table-cell;
    width: 37px;
    height: 35px;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #003E51;
    border-radius: 15%;
}

.header-profile img {
    display: none;
    width: 31px !important;
    height: 29px !important;
    margin: auto;
}

.header-profile:hover,
.lang-flag:hover {
    border: 1px solid #003E51;
    border-radius: 15%;
    box-shadow: 0px 0 3px #282845;
}

.header-action {
    height: 58px;
}

.header-stats {
    background: url('../images/icons/stats-new.png') no-repeat center center;
    transform: scale(0.85);
    cursor: pointer;
    height: 100%;
    width: 41px;
}

.header-stats:hover {
    background: url('../images/icons/green/stats-green.png') no-repeat center center;
}

.header-configure {
    background: url('../images/icons/configuration-new.png') no-repeat center center;
    transform: scale(0.85);
    cursor: pointer;
    height: 100%;
    width: 50px;
}

.header-configure:hover {
    background: url('../images/icons/green/config-green.png') no-repeat center center;
}

#current-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding-top: 9px;
    margin: 11px 0px;
    border-right: 2px solid #C8C9C7;
    border-left: 2px solid #C8C9C7;
    color: #003E51;
    font-family: "Roboto", sans-serif;
    text-align: center;
}

#current-time {
    margin-top: 8px;
    font-size: 12px;
}

#current-user {
    /* border-right: 1px solid #ffffff; */
    /* margin: 11px 0;
    padding: 8px 26px; */
}

.debtors-filter::placeholder {
    color: #003E51;
    font-family: "Roboto", sans-serif;
}

.header-show-reset {
    text-align: center;
}

/****************************************************** HEADER END ***************************************************/
/****************************************************** MENU START ***************************************************/
#menu {
    left: 0;
    position: absolute;
    top: 0;
    width: 135px;
}

.menu-cont {
    margin-top: 74px;
    text-align: center;
}

.menu-item {
    cursor: pointer;
    display: block;
    margin: 0 auto 11px auto;
    position: relative;
    width: 61px;
}

/*.menu-item.active,*/
/*.menu-item:hover {*/
/*    background: #7594b3;*/
/*    border: 1px solid #4e667c;*/
/*    box-shadow: 3px 3px 6px #475374, inset 0px 0px 3px #5b678a;*/
/*}*/

.menu-item.active:after {
    background: url('../images/icons/green/selected.png') no-repeat center center;
    right: -45px;
    top: 45%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 15px;
    margin-top: -15px;
    z-index: 2;
}

.menu-name {
    font-family: "Roboto", sans-serif;
    color: #003E51;
    font-size: 11px;
    line-height: 1;
    margin-bottom: 3px;
    font-weight: 600;
}

.menu-item.active .menu-name,
.menu-item:hover .menu-name {
    color: #55AF92;
}

.menu-item.dashboard:hover .menu-icon {
    background-image: url('../images/menu/green/dashboard-green.png');
}

.menu-item.invoices:hover .menu-icon {
    background-image: url('../images/menu/green/invoices-green.png');
}

.menu-item.payouts:hover .menu-icon {
    background-image: url('../images/menu/green/payouts-green.png');
}

.menu-item.payments:hover .menu-icon {
    background-image: url('../images/menu/green/payments-green.png');
}

.menu-item.clients:hover .menu-icon {
    background-image: url('../images/menu/green/clients-green.png');
}

.menu-item.debtors:hover .menu-icon {
    background-image: url('../images/menu/green/debtors-green.png');
}

.menu-item .menu-icon {
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
}

.menu-cont a:link,
.menu-cont a:visited,
.menu-cont a:hover,
.menu-cont a:active {
    text-decoration: none;
    font-weight: normal;
}

.menu-item.dashboard .menu-icon {
    background-image: url('../images/menu/dashboard-new.png');
}

.menu-item.invoices .menu-icon {
    background-image: url('../images/menu/invoices-new.png');
}

.menu-item.payouts .menu-icon {
    background-image: url('../images/menu/payouts-new.png');
}

.menu-item.payments .menu-icon {
    background-image: url('../images/menu/payments-new.png');
}

.menu-item.clients .menu-icon {
    background-image: url('../images/menu/clients-new.png');
}

.menu-item.debtors .menu-icon {
    background-image: url('../images/menu/debtors-new.png');
}

/****************************************************** MENU ICONS ACTIVE *****************************************************/

.menu-item.dashboard.active .menu-icon,
.menu-item.dashboard .menu-icon:hover {
    background-image: url('../images/menu/green/dashboard-green.png');
}

.menu-item.invoices.active .menu-icon,
.menu-item.invoices .menu-icon:hover {
    background-image: url('../images/menu/green/invoices-green.png');
}

.menu-item.payouts.active .menu-icon,
.menu-item.payouts .menu-icon:hover {
    background-image: url('../images/menu/green/payouts-green.png');
}

.menu-item.payments.active .menu-icon,
.menu-item.payments .menu-icon:hover {
    background-image: url('../images/menu/green/payments-green.png');
}

.menu-item.clients.active .menu-icon,
.menu-item.clients .menu-icon:hover {
    background-image: url('../images/menu/green/clients-green.png');
}

.menu-item.debtors.active .menu-icon,
.menu-item.debtors .menu-icon:hover {
    background-image: url('../images/menu/green/debtors-green.png');
}

.invoice-filter-btns {
    display: flex;
    width: 88%;
    padding-left: 5px;
    position: absolute;
    bottom: -10px;
}

/****************************************************** MENU END *****************************************************/
/****************************************************** COLORS START *************************************************/
.white-bg {
    background-color: rgba(255, 255, 255, 0.4);
}

.white-bg-pure {
    background-color: rgba(255, 255, 255, 1);
}

.white-text {
    color: #ffffff;
}

.green-text {
    color: #2fa569;
}

.dark-green-text {
    color: #25ad25;
}

.red-text {
    color: #e51b24;
}

.blue-text {
    color: #71a6da;
}

.dark-purple-bg {
    background-color: #9b244a;
}

.light-blue-bg {
    background-color: #7594b3;
}

.dark-grey-bg {
    background-color: #4b4f54;
}

/*.light-grey-bg {*/
/*    background-color: #9fa1a4;*/
/*}*/

.light-grey-bg {
    background-color: rgba(239, 239, 239, 1);
}

.dark-blue-bg {
    background-color: #003E51;
}

.light-green-bg {
    background-color: #55AF92;
}

.dark-green-bg {
    background-color: #418b73;
}

.lighter-grey-bg {
    background-color: #d3d3d3;
}

.white-grey-bg {
    background-color: #efefef;
}

.dark-blue-color {
    color: #003E51;
}

.row-grey {
    color: #747474;
    white-space: nowrap;
}

.white-bt1 {
    border-top: 1px solid #ffffff;
}

.white-br1 {
    border-right: 1px solid #ffffff;
}

.white-bb1 {
    border-bottom: 1px solid #ffffff;
}

.white-bl1 {
    border-left: 1px solid #ffffff;
}

.white-panel {
    /*box-shadow: 0px 2px 9px #8c8c8c;*/
}

.grey-bb2 {
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    background-color: transparent;
}

.red-b1 {
    border: 1px solid #e51b24;
}

.black-b1 {
    border: 1px solid #000;
}

.black-bb1 {
    border-bottom: 1px solid #000;
}

.black-bt1 {
    border-top: 1px solid #000;
}

.black-br1 {
    border-right: 1px solid #000;
}

.black-bb2 {
    border-bottom: 2px solid #000;
}

.light-grey-br1 {
    border-right: 1px solid #aaafb6;
}

.light-grey-bb1 {
    border-bottom: 1px solid #aaafb6;
}

.gray-bb1 {
    border-bottom: 1px solid #d7d8d8;
}

.btn-bg {
    background-image: url('../images/actions/import-icon.png');
    background-repeat: repeat-x;
    border-color: #eeb211;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    box-shadow: 3px 3px 5px #aba6a6;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    text-transform: uppercase;
}

.btn-bg:hover {
    background-image: url('../images/actions/import-icon-active.png');
    border-color: #003E51;
}

.dark-grey-bg-color {
    background-color: rgba(75, 79, 84, 0.3);
}

.light-grey-bg-color {
    background-color: rgba(75, 79, 84, 0.15);
}

/****************************************************** COLORS END ***************************************************/
/****************************************************** POPUP START **************************************************/
.pp-wrapper {
    height: 100%;
    padding: 40px 0;
    width: 100%;
}

.pp-header {
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    left: 0;
    line-height: 2;
    padding: 5px 40px 5px 0px;
    position: absolute;
    text-transform: capitalize;
    top: 0;
    width: 100%;
}

.pp-header.info {
    color: #7594b3;
}

.pp-header.error {
    color: #e31b23;
}

.pp-header-icon {
    background-position: center center;
    background-repeat: no-repeat;
}

.pp-info-icon {
    background-image: url('../images/body-bg/pp-info-icon.png');
}

.pp-error-icon {
    background-image: url('../images/body-bg/pp-error-icon.png');
}

.pp-content {
    background-color: #ffffff;
    color: #4b4f54;
    height: 100%;
    overflow-y: auto;
    padding: 0 10px 10px 10px;
    text-align: left;
    width: 100%;
}

.pp-footer {
    background-color: #ffffff;
    border-top: 1px solid #d7d8d8;
    bottom: 0;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
}

.pp-btn {
    float: left;
    border-right: 1px solid #d7d8d8;
    height: 100%;
    padding: 9px;
    font-weight: 800;
    cursor: pointer;
}

.pp-btn.pp-confirm {
    color: #4b4f54;
}

.pp-btn.pp-cancel {
    color: #e73940;
}

.pp-btn:hover {
    color: #b45a77;
}

.fancybox-close {
    background-image: url('../images/body-bg/pp-close-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 8040;
}

.fancybox-close:hover {
    background-image: url('../images/body-bg/pp-close-icon-active.png');
}

/****************************************************** POPUP END ****************************************************/
/****************************************************** COMMONS START ************************************************/
.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.overflow-x {
    overflow-x: auto;
}

.upper-case {
    text-transform: uppercase !important;
}

.lower-case {
    text-transform: lowercase;
}

.text-bold {
    font-weight: bold;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.uppercase {
    text-transform: uppercase;
}

.fll {
    float: left;
}

.flr {
    float: right;
}

.view-value {
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    min-height: 30px;
    padding: 4px 0;
}

.view-value p {
    margin: 0;
}

.page {
    /*height: 100%;*/
    padding-right: 25px;
}

.tal {
    text-align: left;
}

.content-wrapper {
    background-color: rgba(239, 239, 239, 1);
    min-height: 620px;
    /*height: 100%;*/
}

.content-wrapper.login-cont {
    min-height: 300px;
}

.content-panel {
    background-color: white;
}

.content-panel-08 {
    background-color: rgba(209, 219, 230, 0.8);
}

.view-content-panel {
    background-color: rgba(255, 255, 255, 0.9);
}

/*.content-grey-gradient {*/
/*    background: rgb(186, 196, 204);*/
/*    background: -moz-linear-gradient(left, rgba(172, 180, 186, 0.8) 50%, rgba(208, 216, 223, 0.85) 70%);*/
/*    background: -webkit-linear-gradient(left, rgba(172, 180, 186, 0.8) 50%, rgba(208, 216, 223, 0.85) 70%);*/
/*    background: linear-gradient(to right, rgb(172, 180, 186, 0.8) 50%, rgba(208, 216, 223, 0.85) 70%);*/
/*}*/

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.font-bold {
    font-weight: 700;
}

.float-left {
    float: left;
    width: 100%;
}

.float-right {
    float: right;
}

.display-table {
    display: table;
    width: 100%;
}

.display-block {
    display: block;
}

.display-inline-table {
    display: inline-table;
}

.display-cell {
    display: table-cell;
}

.position-relative {
    position: relative;
}

.content-header {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 17px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.overflow-y {
    overflow-y: auto;
    max-height: 100px;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-y-h106 {
    overflow-y: auto;
    max-height: 106px;
}

.overflow-hidden {
    overflow: hidden;
}

.clear {
    clear: both;
}

.uppercase,
.capitalize-first::first-letter {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.ajax-loader {
    min-height: 40px;
    background: url('../images/icons/ajax-loader.gif') no-repeat left 10px center;
}

/*.big-ajax-loader {*/
/*    background: url('../images/icons/animation.svg') center 80px no-repeat;*/
/*    height: 100%;*/
/*    z-index: 20;*/
/*}*/

.rotate {
    position: absolute;
    opacity: 1;
    z-index: 100;
    background: url('../images/icons/animation.svg') center;
    width: 150px;
    height: 150px;
    animation: rotation infinite 1s linear;
    margin-left: 48%;
    margin-top: 20%;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.overlay-background {
    background: #696969;
    /*display: none;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    opacity: 0.7;
}

.overlay {
    display: none;
}

.ajax-loader.center {
    background-position: center center;
}

.btn-cont {
    text-align: right;
}

.btn-cont a {
    display: inline-block;
}

.btn-cont a.display-none {
    display: none;
}

.btn-wrapper {
    cursor: pointer;
    height: 42px;
    position: relative;
    width: 42px;
}

.btn-wrapper-transparent {
    cursor: pointer;
    height: 42px;
    position: relative;
    width: 42px;
}

.btn-icon {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    width: 100%;
}

#fileupload {
    z-index: 6;
}

.btn-img {
    display: inline-block;
    margin-left: 1px;
    z-index: 5;
}

.btn-icon .btn-count {
    color: #ffffff;
    font-size: 10px;
    height: 21px;
    padding: 4px 0px 0px 1px;
    position: absolute;
    text-align: center;
    top: 18px;
    right: 1px;
    white-space: nowrap;
    width: 22px;
    z-index: 5;
}

.btn-count.client {
    right: 1px;
}

.btn-count.debtor {
    top: 18px;
}

.btn-tooltip {
    background-color: #000000;
    border-radius: 4px;
    bottom: 48px;
    color: #ffffff;
    display: none;
    font-weight: normal;
    height: 26px;
    line-height: 1.2;
    padding: 5px 8px;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 6;
}

.btn-tooltip:after {
    top: 100%;
    right: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-left: -5px;
}

.btn-tooltip.right {
    top: 3px;
    left: 40px;
    right: unset;
}

.btn-tooltip.right:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000000;
    border-width: 5px;
    margin-top: -5px;
}

.calendar:hover .btn-tooltip {
    display: block;
}

.btn-tooltip.right.calendar-tooltip {
    top: 3px;
    left: 160px !important;
    right: unset;
}

.btn-wrapper:hover .btn-tooltip {
    display: block;
}

.btn-wrapper-small {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 46%, rgba(198, 198, 198, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 46%, rgba(198, 198, 198, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 46%, rgba(198, 198, 198, 1) 100%);
    cursor: pointer;
    height: 30px;
    position: relative;
    width: 30px;
    box-shadow: 2px 2px 3px #a1b1b4;
}

.btn-wrapper-small:hover .btn-tooltip {
    display: block;
}

.btn-tooltip.small {
    bottom: 40px;
}

.multiple-content {
    position: relative;
}

.multiple-content .multiple-val {
    cursor: default;
    color: #000;
    font-weight: bold;
}

.multiple-content .multiple-tooltip {
    background-color: #000000;
    border-radius: 4px;
    bottom: 48px;
    color: #ffffff;
    display: none;
    font-weight: normal;
    line-height: 1.2;
    padding: 5px 8px;
    position: absolute;
    right: 0;
    z-index: 2;
}

.multiple-content .multiple-tooltip:after {
    top: 100%;
    right: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-left: -5px;
}

.multiple-content:hover .multiple-tooltip {
    display: block;
}

.confirm-payout .btn-tooltip {
    bottom: 37px;
}

.r-tab-name {
    background-color: #003E51;
    color: #ffffff;
    display: none;
    font-size: 11px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.r-tabs-toggle {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 3px;
    outline: none;
}

.r-tabs-toggle[aria-expanded="true"]+.r-tab-name {
    text-indent: -99999px;
}

.collapse {
    display: inline;
}

.tabs-content {
    display: table;
    margin: 10px 0 0 0;
    padding: 0;
    position: relative;
    text-align: left;
}

.tabs-content a {
    font-weight: normal;
    float: left;
    outline: none;
    position: relative;
    text-decoration: none !important;
    border-right: 1px solid white;
}

.tabs-subject {
    position: relative;
}

.tab {
    background: #919D9D;
    font-family: "Roboto", sans-serif;
    color: white;
    cursor: pointer;
    display: table-cell;
    font-size: 11px;
    list-style-type: none;
    padding: 6px 16px;
    text-align: center;
    text-transform: uppercase;
}

.tab.reverse {
    background: #919D9D;
    font-family: "Roboto", sans-serif;
    color: white;
}

.tab-red {
    background-color: #b45a77;
}

.tab:hover {
    background: #55AF92;
    color: #ffffff;
}

.tab.active {
    background: white;
    color: #003E51;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    position: relative;
    cursor: default;
}

/*.tab-nav {*/
/*    background: rgb(188, 127, 42);*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    cursor: pointer;*/
/*    display: none;*/
/*    height: 28px;*/
/*    line-height: 26px;*/
/*    position: absolute;*/
/*    width: 32px;*/
/*}*/

.tabs-icon {
    background-position: center center;
    background-repeat: no-repeat;
}

.tabs-text,
.tabs-text-no-icon {
    color: #ffffff;
    font-weight: 600;
    padding: 12px 0px;
    text-transform: uppercase;
}

.tabs-text-no-icon {
    padding-left: 10px;
}

.form-group {
    margin-bottom: 5px;
    position: relative;
}

.form-group a.a-action {
    display: inline-block;
    padding-top: 13px;
}

.invoice-formats:hover .info-tooltip {
    display: block;
}

.info-tooltip {
    background-color: #000000;
    border-radius: 4px;
    bottom: 48px;
    color: #ffffff;
    display: none;
    font-weight: normal;
    height: auto;
    line-height: 1.2;
    padding: 5px 8px;
    position: absolute;
    left: 0;
    white-space: nowrap;
    z-index: 2;
}

.row-action-wrapper {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    min-width: 30px;
}

.inactive-pay {
    position: relative;
}

.row-action-wrapper:hover>.row-action-tooltip,
.inactive-pay:hover>.row-action-tooltip,
.inv-flag-cell:hover>.row-action-tooltip {
    display: block;
}

.row-action {
    background: center center no-repeat;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.row-action-tooltip {
    background: #000000;
    border-radius: 5px;
    color: #ffffff;
    display: none;
    font-size: 12px;
    left: 33px;
    line-height: 1;
    padding: 6px 10px;
    position: absolute;
    top: 3px;
    white-space: nowrap;
    z-index: 2;
}

.row-action-tooltip.left {
    right: 35px;
    left: unset;
}

.row-action-tooltip:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000000;
    border-width: 5px;
    margin-top: -5px;
}

.row-action-tooltip.left:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #000000;
    border-width: 5px;
    margin-top: -5px;
}

.row-action-tooltip-correction {
    top: inherit;
    bottom: 0px;
}

.row-action-tooltip-correction:after {
    top: inherit;
    bottom: 7px;
}

.row-action-tooltip.costs {
    top: inherit;
    bottom: 0px;
}

.row-action-tooltip.costs:after {
    top: inherit;
    bottom: 7px;
}

ul.item-corrections {
    margin: 0;
    padding: 5px 0px 0 20px;
}

ul.item-corrections li.item {
    margin-bottom: 2px;
}

.info-action-wrapper {
    position: relative;
    padding-right: 30px;
}

ul.services-tooltip-wrapper {
    margin: 0;
    padding: 5px 0px 5px 20px;
}

.info-action-wrapper .info-action {
    background-image: url(../images/actions/row-view.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px;
}

.view-image-wrap {
    background-color: #fff;
    border-bottom: 2px solid #d1cec6;
    text-align: center;
    vertical-align: middle;
    padding: 16px 0 17px;
}

.view-graydon {
    font-size: 18px;
    font-weight: bold;
}

.content-light-gradient {
    background: -moz-linear-gradient(45deg, rgba(237, 234, 225, 0.9) 50%, rgba(247, 244, 235, 0.85) 70%, rgba(247, 244, 235, 0.85) 71%);
    background: -webkit-linear-gradient(45deg, rgba(237, 234, 225, 0.9) 50%, rgba(247, 244, 235, 0.85) 70%, rgba(247, 244, 235, 0.85) 71%);
    background: linear-gradient(45deg, rgba(237, 234, 225, 0.9) 50%, rgba(247, 244, 235, 0.85) 70%, rgba(247, 244, 235, 0.85) 71%);
}

.password-pattern-wrap {
    display: table;
    margin-top: 2px;
}

.regex-group {
    background-color: #ffffff;
    display: table-cell;
    font-size: 12px;
    font-weight: 600;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    width: 34px;
}

.regex-group-space {
    display: table-cell;
    width: 1px;
}

.regex-group.valid {
    color: #1ea652;
}

.regex-group.invalid {
    color: #e72a33;
}

.responsive-view-only {
    display: none;
}

.form-group.display-none,
.display-none {
    display: none;
}

.display-none-important {
    display: none !important;
}

.visibility-hidden {
    visibility: hidden;
}

.permission-wrapper {
    padding-left: 320px;
    position: relative;
}

.permission-wrapper .p-list .display-table {
    width: 805px;
}

.permission-wrapper .p-screens {
    left: 0;
    margin-top: 160px;
    position: absolute;
    top: 0;
    width: 320px;
}

.permission-wrapper .p-list {
    overflow-x: auto;
}

.permission-wrapper .p-list .roles-cont {
    position: relative;
    left: -17px;
    min-height: 160px;
    background-image: url('../images/body-bg/roles-line-new.png');
    background-repeat: no-repeat;
}

.permission-wrapper .p-list .roles-cont .roles-45-deg {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: absolute;
    white-space: nowrap;
}

.permission-wrapper .p-list .display-cell {
    /*border-left: 1px solid #acbfd1;*/
    border-left: 1px solid #C8C9C7;
}

.permission-wrapper .p-list .display-cell:last-child {
    /*border-right: 1px solid #acbfd1;*/
    border-right: 1px solid #C8C9C7;
}

.permission-wrapper .display-table.roles-group {
    width: 805px;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
}

.permission-wrapper .display-cell {
    vertical-align: middle;
    height: 32px;
}

.permission-wrapper .display-cell.cb {
    width: 50px;
    text-align: center;
}

.permission-wrapper .checkbox-nice {
    display: inline-block;
}

.permission-wrapper .checkbox-nice label::before {
    left: 3px;
    top: 6px;
}

.permission-wrapper .checkbox-nice label::after {
    left: 4px;
    top: 2px;
}

.permission-wrapper .display-table {
    /*border-bottom: 1px solid #acbfd1;*/
    border-bottom: 1px solid #C8C9C7;
}

.permission-wrapper .all-screens {
    padding-left: 10px !important;
    color: #ffffff;
}

.permission-wrapper .screen-group {
    background-color: #bcbcbc;
}

.permission-wrapper .p-screens .screen-group .display-cell:first-child {
    padding-left: 10px
}

.permission-wrapper .p-screens .display-cell:first-child {
    padding-left: 20px;
}

.en .roles-45-deg.client_management {
    bottom: 40px;
    left: 35px;
}

.en .roles-45-deg.invoice_management {
    bottom: 44px;
    left: 85px;
}

.en .roles-45-deg.payin_management {
    bottom: 41px;
    left: 138px;
}

.en .roles-45-deg.payout_management {
    bottom: 44px;
    left: 186px;
}

.en .roles-45-deg.debtor_management {
    bottom: 44px;
    left: 235px;
}

.en .roles-45-deg.cash_collection_management {
    bottom: 62px;
    left: 276px;
}

.en .roles-45-deg.operations_management {
    bottom: 51px;
    left: 330px;
}

.en .roles-45-deg.executive_board {
    bottom: 33px;
    left: 390px;
}

.en .roles-45-deg.management {
    bottom: 27px;
    left: 442px;
}

.en .roles-45-deg.security_management {
    bottom: 46px;
    left: 485px;
}

.en .roles-45-deg.system_administrator {
    bottom: 44px;
    left: 533px;
}

.en .roles-45-deg.fraud_control {
    bottom: 28px;
    left: 591px;
}

.en .roles-45-deg.accountant {
    bottom: 22px;
    left: 643px;
}

.en .roles-45-deg.bank {
    bottom: 8px;
    left: 700px;
}

.en .roles-45-deg.client {
    bottom: 9px;
    left: 750px;
}

.en .roles-45-deg.debtor {
    bottom: 12px;
    left: 801px;
}

/****/
.nl .roles-45-deg.client_management {
    bottom: 25px;
    left: 45px;
}

.nl .roles-45-deg.invoice_management {
    bottom: 30px;
    left: 91px;
}

.nl .roles-45-deg.payin_management {
    bottom: 32px;
    left: 137px;
}

.nl .roles-45-deg.payout_management {
    bottom: 38px;
    left: 186px;
}

.nl .roles-45-deg.debtor_management {
    bottom: 34px;
    left: 241px;
}

.nl .roles-45-deg.cash_collection_management {
    bottom: 30px;
    left: 292px;
}

.nl .roles-45-deg.operations_management {
    bottom: 53px;
    left: 331px;
}

.nl .roles-45-deg.executive_board {
    bottom: 15px;
    left: 397px;
}

.nl .roles-45-deg.management {
    bottom: 27px;
    left: 442px;
}

.nl .roles-45-deg.security_management {
    bottom: 46px;
    left: 484px;
}

.nl .roles-45-deg.system_administrator {
    bottom: 32px;
    left: 540px;
}

.nl .roles-45-deg.fraud_control {
    bottom: 37px;
    left: 589px;
}

.nl .roles-45-deg.accountant {
    bottom: 23px;
    left: 643px;
}

.nl .roles-45-deg.bank {
    bottom: 8px;
    left: 700px;
}

.nl .roles-45-deg.client {
    bottom: 8px;
    left: 751px;
}

.nl .roles-45-deg.debtor {
    bottom: 15px;
    left: 799px;
}

#manage-profile .img-wrapper,
#edit-user .img-wrapper,
#edit-client .img-wrapper {
    display: table-cell;
}

.existing-services {
    position: relative;
}

.service-loader {
    background-color: #000000;
    background-image: url('../images/icons/ajax-loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    height: 100%;
    opacity: 0.2;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.service-count {
    padding-left: 5px;
}

/***** FILTER & ACCORDION START *****/
.filter-left-icon {
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
}

.filter-text {
    font-family: "Roboto", sans-serif;
    color: #ffffff;
    font-weight: 600;
    padding: 12px 10px;
}

.filter-right-icon {
    background-image: url('../images/actions/filter-collapsed-new.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
}

.filter-right-icon.active {
    background-image: url('../images/actions/filter-expanded-new.png');
}

.filter-trigger {
    cursor: pointer;
}

/*.filter-trigger.active:hover .filter-right-icon {*/
/*    background-image: url('../images/actions/filter-expanded-active.png');*/
/*}*/

/*.filter-trigger:hover .filter-right-icon {*/
/*    background-image: url('../images/actions/filter-collapsed-active.png');*/
/*}*/

.filter-footer-text-padding {
    padding: 2px 10px;
}

.filter-footer-text {
    float: left;
    margin-right: 5px;
}

.filter-footer .fft {
    position: relative;
    padding-right: 15px;
    font-weight: 700;
}

.filter-footer .fft::after {
    background-image: url('../images/icons/filter-arrow.png');
    background-position: center right;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.filter-footer .ffv {
    margin-right: 10px;
    margin-left: 5px;
}

.filter-footer-text:first-child {
    font-weight: normal;
}

.filter-footer-text:first-child:after {
    content: " : ";
}

.filter-content {
    display: none;
}

.filter-content.active {
    display: block;
}

/***** FILTER & ACCORDION END *****/
.zip-validation {
    background-color: #d5d7d8;
    background-image: url('../images/actions/zip.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.zip-validation-disabled {
    pointer-events: none;
    background-image: url('../images/actions/zip-disabled.png');
}

.industry-code-description {
    background-image: url('../images/actions/info.png');
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 16px;
}

.select-debtor,
.select-item {
    background-image: url('../images/actions/select-debtor.png');
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.select-debtor:hover {
    background-color: #d5d7d8;
    border-bottom: 2px solid #b45a77;
}

.debtor-search-client.edit-flags-wrap label {
    font-weight: bold;
}

.debtor-search-client.edit-flags-wrap .search-all-label {
    padding: 0px 5px;
}

.select-item:hover {
    background-image: url('../images/actions/select-debtor-active.png');
}

.select-all-reverse-invoice {
    position: absolute;
    right: 0;
    margin: 0 auto;
    text-align: center;
    margin-right: 29px;
}

.select-all-reverse-payment {
    position: absolute;
    right: 0;
}

.confirm-payout {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    width: 30px;
    position: relative;
}

.import-icon {
    /*background-image: url('../images/actions/import-icon.png');*/
    background-color: #55AF92;
    background-repeat: repeat-x;
    border-color: #55AF92;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    box-shadow: 3px 3px 5px #aba6a6;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    height: 28px;
    overflow: hidden;
    padding: 1px 0;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

#check_debtor {
    pointer-events: none;
}

#check_debtor div {
    background-color: #919D9D;
    border-color: #919D9D;
}

/*.import-icon:hover {*/
/*    background-image: url('../images/actions/import-icon-active.png');*/
/*    border-color: #003E51;*/
/*    text-decoration: none;*/
/*}*/

a.import-link:hover,
a.import-link:focus {
    text-decoration: none;
    outline: none;
}

.preferred {
    background-image: url('../images/actions/preferred.png');
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 16px;
    z-index: 3;
}

.service-types-wrapper {
    position: relative;
}

.service-types-wrapper-loader {
    background-color: #000;
    background-image: url('../images/table-loader.gif');
    background-position: center top 10%;
    background-repeat: no-repeat;
    display: none;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.service-row .form-group {
    margin: 0;
}

.font-normal,
.checkbox-nice label {
    padding-top: 2px;
    font-family: 'Roboto', sans-serif;
}

.checkbox-invoice label {
    font-family: 'Roboto', sans-serif;
}

.no-active-entity {
    text-align: center;
    color: #4b4f54;
    font-size: 16px;
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    padding-top: 15px;
    padding-bottom: 5px;
    font-weight: 600;
}

.client-contract-wrapper .form-group {
    margin: 0;
}

.row-baloon {
    background-image: url('../images/body-bg/blue-baloon.png');
    background-repeat: no-repeat;
    background-position: 3px center;
    color: #ffffff;
}

.row-baloon .baloon-val {
    cursor: pointer;
    font-size: 11px;
    height: 30px;
    padding: 8px 0;
    position: absolute;
    width: 25px;
}

.no-active-baloon {
    background-image: url('../images/body-bg/baloon-msg.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 13px;
    height: 100px;
    left: 25px;
    padding: 23px;
    position: absolute;
    text-align: center;
    top: -82px;
    width: 100px;
    z-index: 2;
}

.responsibility {
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    background: transparent;
    padding: 0;
    cursor: default;
    min-height: 30px;
}

.nb-wrap div:first-child {
    padding-top: 4px;
}

.info-header {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    padding: 5px 10px;
    color: #fff;
}

.info-row {
    background-color: white;
    font-family: "Roboto", sans-serif;
    padding: 2px 10px;
}

.info-row span {
    white-space: nowrap;
}

.preferred-red {
    background-image: url(../images/actions/preferred-red.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 16px;
}

.radio-groups-position {
    left: 10px;
    position: relative;
    top: 7px;
}

.group-name-error div.req-element {
    /* Changed on 24 dec */
    left: 0;
}

.group-name-error div.req-element::after {
    right: inherit;
    left: 26px;
}

.contract-status {
    font-size: 17px;
    font-weight: bold;
    padding: 16px 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: #4b4f54;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color:transparent) {

        .form-control[disabled],
        .form-control[readonly],
        fieldset[disabled] .form-control {
            color: #161719;
        }
    }
}

.form-control[disabled].green-text {
    color: #2fa569;
}

.form-control[disabled].red-text {
    color: #e51b24;
}

.no-bg-img {
    background-image: none !important;
}

.display-block {
    display: block !important;
}

.debtor-tab {
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin: 5px 5px 5px 0;
    min-width: 100px;
    padding: 5px 2px 2px 2px;
}

.debtor-tab:hover,
.debtor-tab.active {
    border-bottom: 2px solid #b45a77;
}

.error-text {
    font-size: 17px;
    color: #000;
}

.cursor-pointer {
    cursor: pointer;
}

.lang-content .lang-flag-small {
    background-position: 3px center;
    background-repeat: no-repeat;
    border: 1px solid #e2e2e2;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-right: 5px;
    padding: 3px 6px 3px 28px;
    background-color: #fff;
}

.lang-content.disabled .lang-flag-small:hover {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    cursor: default;
}

.lang-content.disabled .lang-flag-small.active {
    background-color: #EDEDED;
    border: 1px solid #999999;
    cursor: default;
}

.lang-content .lang-flag-small:hover,
.lang-content .lang-flag-small.active {
    background-color: #EDEDED;
    border: 1px solid #999999;
}

.lang-content .disabled,
.lang-content .disabled:hover {
    background-color: #7594b3;
    border: 0px;
    cursor: default;
}

.lang-content .lang-flag-small .lang-text-small {
    text-transform: uppercase;
}

.en-flag-small {
    background-image: url('../images/icons/en-flag-small.png');
}

.nl-flag-small {
    background-image: url('../images/icons/nl-flag-small.png');
}

.de-flag-small {
    background-image: url('../images/icons/de-flag-small.png');
}

.fr-flag-small {
    background-image: url('../images/icons/fr-flag-small.png');
}

.template-usage,
.template-subject,
.template-content {
    display: none;
}

.template-content {
    background-color: #fff;
}

.template-usage.active,
.template-subject.active,
.template-content.active {
    display: block;
}

.email-templates-content {
    width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tmp-footer {
    background-image: url('../images/email-templates/nobank-template-footer.png');
    max-width: 950px;
    height: 180px;
}

.tmp-footer-w794 {
    background-image: url('../images/email-templates/nobank-template-footer-resized.png');
    max-width: 794px;
    height: 150px;
}

.logo-a4 {
    background: url('../images/icons/nblogo-templates.png') #fff;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 170px;
}

.template-content .mce-panel {
    border: none;
    background-color: #f0f0f0;
}

.payments-checkbox {
    overflow: initial;
    white-space: normal;
}

.file-cont {
    float: left;
    width: 100%;
    position: relative;
}

.file-action {
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.file-name {
    padding-left: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 30px;
    line-height: 2.2;
}

.word-break {
    word-break: break-all;
}

.edit-flags-wrap {
    display: table;
    width: 100%;
}

.edit-flags-wrap .form-group {
    float: left;
    width: auto;
}

.edit-flags-wrap .radio-nice label {
    height: 42px;
    padding-left: 0;
}

.edit-flags-wrap .radio-nice label:before {
    top: unset;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.edit-flags-wrap .radio-nice label::after {
    top: unset;
    bottom: 4px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.pay-disc-input {
    width: 47%;
    margin-right: 3%;
    display: inline-block;
}

.form-group.select-two-all {
    min-width: 80px;
    padding-right: 10px;
    text-align: right;
}

.form-group.select-two-all.pr5 {
    padding-right: 5px;
}

.form-group.select-three-all {
    min-width: 103px;
    padding-right: 10px;
    text-align: right;
}

.form-group.select-four-all {
    min-width: 130px;
    padding-right: 10px;
    text-align: right;
}

/*.tab-color {*/
/*    background: rgb(229, 178, 89);*/
/*    background: -moz-linear-gradient(left, rgba(229, 178, 89, 1) 0%, rgba(255, 205, 99, 1) 5%, rgba(255, 205, 99, 1) 100%);*/
/*    background: -webkit-linear-gradient(left, rgba(229, 178, 89, 1) 0%, rgba(255, 205, 99, 1) 5%, rgba(255, 205, 99, 1) 100%);*/
/*    background: linear-gradient(to right, rgba(255, 205, 99, 1) 0%, rgba(255, 205, 99, 1) 5%, rgba(255, 205, 99, 1) 100%);*/
/*}*/

.btn-wrapper.reset-header-filter-btn,
.btn-wrapper.show-header-btn {
    background: #fff;
    box-shadow: none;
    margin-top: 20px;
    height: 30px;
    width: 30px;
}

.col-sm-header .form-group {
    margin-top: -2px;
}

/*.btn-wrapper.reset-header-filter-btn:hover,*/
/*.btn-wrapper.show-header-btn:hover {*/
/*    border-bottom: 2px solid #9b244a;*/
/*}*/

.text-decoration-underline {
    text-decoration: underline;
}

div#payment-period {
    max-height: 180px;
    overflow: hidden;
    overflow-y: auto;
}

.retro-amount {
    position: absolute;
    top: 0px;
    left: 110px;
    width: 140px !important;
}

.view-attachment-icon {
    color: #ffffff;
    font-size: 10px;
    padding: 10px 5px 5px 20px;
    text-align: center;
}

.reset-btn-top {
    display: none;
}

.dash-placeholder {
    padding-right: 20px;
    position: relative;
}

.dash-placeholder .dash {
    height: 30px;
    line-height: 2.3;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
}

.pdf-placeholder-wrap {
    background-color: #525659;
    height: 1106px;
}

.pdf-placeholder-wrap.nb-invoice-pdf {
    background: url('../images/icons/pdf-loading.svg') center top no-repeat #525659;
}

#view-email-invoice label:after,
#view-reminder-sent label:after {
    content: ":";
}

#view-email-invoice p,
#view-reminder-sent p {
    margin: 0;
}

.select-input {
    position: absolute;
    top: 1px;
    right: 5px;
}

.first-keyword-row {
    position: relative;
    padding-right: 50px;
}

.first-keyword-row .btn-wrapper {
    position: absolute;
    right: 0;
    top: 0;
}

.keyword-content {
    display: none;
}

.keyword-content.active {
    display: block;
}

#invoice-languages .checkbox-nice label {
    text-transform: uppercase;
}

input:hover.at-sign,
input:focus.at-sign,
.domain {
    background-image: url('../images/actions/at-sign.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.email-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 30px;
    padding-right: 10px;
    height: 24px;
    line-height: 1.9;
    max-width: 250px;
}

.pdf-icon {
    background-image: url('../images/actions/pdf.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.csv-icon {
    background-image: url('../images/actions/csv.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.xml-icon {
    background-image: url('../images/actions/xml.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.image-icon {
    background-image: url('../images/actions/image.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.responsive-wrapper {
    overflow-x: auto;
}

.responsive-wrapper-hidden {
    overflow-x: hidden;
}

.service-list-content>.service-list-row:last-child {
    border: none;
}

.display-table-nowidth {
    display: table;
}

.dash-cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px 0 10px;
}

.dash-cell.normalized {
    display: block;
    padding: 0;
}

.dash-tooltip {
    background: #000000;
    border-radius: 5px;
    color: #ffffff;
    display: none;
    font-size: 12px;
    left: 235px;
    line-height: 1;
    padding: 6px 10px;
    position: absolute;
    top: -10px;
    white-space: nowrap;
    z-index: 2;
}

.dash-tooltip:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000000;
    border-width: 5px;
    margin-top: -5px;
}

.dash-cell:hover .dash-tooltip {
    display: block;
}

.minw-maxw-50 {
    min-width: 50px;
    max-width: 50px;
}

.minw-maxw-90 {
    min-width: 90px;
    max-width: 90px;
}

.minw-maxw-110 {
    min-width: 110px;
    max-width: 110px;
}

.minw-maxw-150 {
    min-width: 150px;
    max-width: 150px;
}

.minw-maxw-170 {
    min-width: 170px;
    max-width: 170px;
}

.minw-maxw-180 {
    min-width: 180px;
    max-width: 180px;
}

.minw-maxw-198 {
    min-width: 198px;
    max-width: 198px;
}

.minw-maxw-200 {
    min-width: 200px;
    max-width: 200px;
}

.minw-maxw-230 {
    min-width: 230px;
    max-width: 230px;
}

.minw-maxw-250 {
    min-width: 250px;
    max-width: 250px;
}

.minw-maxw-278 {
    min-width: 278px;
    max-width: 278px;
}

.minw-maxw-300 {
    min-width: 300px;
    max-width: 300px;
}

.minw-maxw-350 {
    min-width: 350px;
    max-width: 350px;
}

.minw-maxw-400 {
    min-width: 400px;
    max-width: 400px;
}

.minw-maxw-450 {
    min-width: 450px;
    max-width: 450px;
}

.minw-maxw-500 {
    min-width: 500px;
    max-width: 500px;
}

.minw-maxw-540 {
    min-width: 540px;
    max-width: 540px;
}

.minw-maxw-590 {
    min-width: 590px;
    max-width: 590px;
}

.minw-maxw-600 {
    min-width: 600px;
    max-width: 600px;
}

.minw-maxw-800 {
    min-width: 800px;
    max-width: 800px;
}

.minw-maxw-1000 {
    min-width: 1000px;
    max-width: 1000px;
}

#portfolio-content .responsive-wrapper,
#portfolio-form .parent-scroll-filter {
    overflow: hidden;
}

.avenir-regular {
    font-family: 'Roboto', sans-serif;
}

.avenir-bold {
    font-family: 'Roboto', sans-serif;
}

.dash-bg {
    background-image: url('../images/body-bg/dash-bg.png');
    background-repeat: no-repeat;
    height: 21px;
}

.plus-bg {
    background-image: url('../images/body-bg/plus-bg.png');
    background-repeat: no-repeat;
    background-position: center right;
}

.plus-bg-black {
    background-image: url('../images/body-bg/plus-bg-black.png');
    background-repeat: no-repeat;
    background-position: center right;
}

.minus-bg {
    background: url('../images/body-bg/minus-bg.png');
    background-repeat: no-repeat;
    background-position: 100% 165%;
}

.minus-bg-light {
    background: url('../images/body-bg/minus-bg-light.png');
    background-repeat: no-repeat;
    background-position: 100% 165%;
}

.nb-operation-sign {
    height: 25px;
    position: absolute;
    right: 0;
    top: -30px;
    width: 25px;
}

.balance-overview-operation-sign {
    height: 25px;
    position: absolute;
    right: 52px;
    top: -25px;
    width: 25px;
}

.balance-group-overview-operation-sign {
    height: 25px;
    position: absolute;
    right: 0;
    top: -30px;
    width: 25px;
}

.client-not-live {
    color: red;
    padding: 8px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 18px;
}

.prev-date {
    width: 17px;
    height: 26px;
    background: url('../images/actions/prev-date.png') no-repeat center center;
    position: absolute;
    top: 0;
    right: 21px;
    cursor: pointer;
}

.next-date {
    width: 17px;
    height: 26px;
    background: url('../images/actions/next-date.png') no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.prev-date:hover {
    background: url('../images/actions/prev-date-active.png') no-repeat center center;
}

.next-date:hover {
    background: url('../images/actions/next-date-active.png') no-repeat center center;
}

.prev-date.disabled {
    background: url('../images/actions/prev-date-disabled.png') no-repeat center center;
    cursor: default;
}

.next-date.disabled {
    background: url('../images/actions/next-date-disabled.png') no-repeat center center;
    cursor: default;
}

.disable-button-report {
    pointer-events: none;
    background: none !important;
}

.dots {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.row-action-tooltip.ws-normal {
    white-space: normal;
    height: auto;
}

.row-action-tooltip.cc-emails {
    bottom: 0;
    left: 105%;
    top: unset;
    width: auto;
}

.row-action-tooltip.invoice-numbers {
    bottom: 0;
    left: 105%;
    top: unset;
    width: 375px;
    white-space: normal;
}

.row-action-tooltip.payments-stats {
    left: 105%;
    top: -7px;
}

.row-action-tooltip.cc-emails:after {
    bottom: 6px;
    top: unset;
}

.row-action-tooltip.invoice-numbers:after {
    top: 75%;
}

.cc-email {
    margin-bottom: 2px;
}

.reset-debtor {
    height: 17px;
    width: 17px;
    background: url('../images/actions/reset-debtor.png') no-repeat center center;
    position: absolute;
    top: 29px;
    right: 7px;
}

.reset-debtor:hover {
    background: url('../images/actions/reset-debtor-active.png') no-repeat center center;
}

.p8-10 {
    padding: 8px 10px;
}

.debtor-panel {
    min-height: 600px;
    padding-bottom: 119%;
    margin-bottom: -100%;
}

.display-table-nowidth .dash-cell {
    height: 26px;
}

.display-table-nowidth .total-line {
    margin-left: 300px;
    width: 278px;
}

.freezed {
    /* without background-color for now */
    /*background-color: #fbf1b6 !important;*/
}

.info-panel.freezed {
    font-weight: 700;
}

#debtors-overview .info-panel.freezed {
    font-weight: normal;
}

span.balance-overview-link:hover {
    color: #b45a77;
    font-weight: 700;
    cursor: pointer;
}

.payment-note {
    color: #4b4f54;
    font-family: 'Avenir-heavy', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: -4px;
    font-style: italic;
}

.invoice-note {
    color: #4b4f54;
    font-family: 'Avenir-heavy', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: -4px;
    font-style: italic;
}

.external-invoice-note {
    color: #e51b24;
}

.note-wrap p,
.ui-tooltip-content p {
    margin: 0;
}

.uitooltip {
    color: #ffffff;
    background: #000000;
    font-size: 12px;
    line-height: 1.5em;
    padding: 6px 10px;
    position: absolute;
    border: none;
    max-width: 500px;
    z-index: 9999;
    opacity: 1;
}

.corr-p {
    padding: 2px 10px 2px 18px !important;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.red-input-b1 {
    border-color: #e51b24 !important;
    border-width: 1px 1px 2px 1px !important;
}

input.no-border {
    border-bottom: none !important;
    padding-top: 5px !important;
}

.align-left-center {
    text-align: left !important;
}

.invoice-note-wrapper {
    overflow-y: auto;
    max-height: 100px;
}

div.note-actions {
    border: 1px solid transparent;
}

div.note-required {
    border: 1px solid #e81924;
}

.warning-action {
    background: url('../images/actions/warning-action.png') no-repeat center center;
    height: 42px;
    width: 42px;
}

.warning-tooltip-position {
    left: 40px;
    top: 10px;
}

.dnb-edit-popup {
    top: 435px !important;
}

.pin-code {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}

#choose-dnb-debtor .radio-nice {
    position: relative;
    top: -6px;
}

#choose-dnb-debtor .radio-nice {
    position: relative;
    top: -6px;
}

#choose-dnb-debtor .row-action {
    position: relative;
    top: 4px;
}

/****************************************************** COMMONS END **************************************************/
/****************************************************** INVOICE FLAGS START ******************************************/
.inv-flag-cell {
    padding-right: 3px;
    position: relative;
}

.inv-flag-cell:hover>.inv-flag-tooltip {
    display: block;
}

.inv-flag-tooltip {
    background-color: #000000;
    border-radius: 4px;
    bottom: 33px;
    color: #ffffff;
    display: none;
    font-weight: normal;
    height: 26px;
    line-height: 1.2;
    padding: 5px 8px;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 2;
}

.inv-flag-tooltip:after {
    top: 100%;
    right: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-left: -5px;
}

.inv-flag {
    background-color: #919D9D;
    border-radius: 50%;
    border: 2px solid transparent;
    color: white;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 600;
    height: 26px;
    line-height: 23px;
    text-align: center;
    width: 26px;
}

.inv-flag.active {
    color: #fff;
    background-color: #55AF92;
}

.inv-flag.firstFlagGroup.active {
    color: #fff;
    background-color: #003E51;
}

.inv-flag.thirdFlagGroup.active {
    color: #fff;
    background-color: #55AF92;
}

.inv-flag.error {
    color: #000;
    border: 2px solid #e51b24;
    background-color: #fff;
    font-weight: 700;
}

.inv-flag.migrated {
    color: #fff;
    border: 2px solid #000;
    /*background-color: #f8af00;*/
    background-color: #55AF92;
    font-weight: 700;
}

/****************************************************** INVOICE FLAGS END ********************************************/
/************************************************* HAMBURGER MENU START **********************************************/
.hamburger {
    padding: 6px 5px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    outline: none;
}

.hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -8px;
}

.hamburger-inner::after {
    bottom: -8px;
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
    background-color: white;
}

/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/************************************************* HAMBURGER MENU END ************************************************/
/****************************************************** VALIDATE START ***********************************************/
input[type="text"].req-element,
input[type="password"].req-element,
textarea.req-element {
    border-bottom: 1px solid #e81924;
}

div.req-element {
    background-color: #e81924;
    border-radius: 8px;
    bottom: 24px;
    color: #ffffff;
    display: table;
    font-size: 13px;
    line-height: 1;
    padding: 5px 9px;
    position: absolute;
    right: -5px;
    white-space: nowrap;
    z-index: 1;
}

div.req-element:after {
    top: 100%;
    right: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(232, 25, 36, 0);
    border-top-color: #e81924;
    border-width: 5px;
    margin-left: -5px;
}

div.req-accept-invoice {
    bottom: 28px;
    left: -34px;
    right: unset;
}

.user-roles-validaiton div.req-element {
    bottom: unset;
    left: 0;
    top: -24px;
}

.settings-cont div.req-element {
    left: 0;
}

.password-cont div.req-element {
    bottom: 60px;
}

.note-req div.req-element {
    bottom: 97px;
}

#note-content div.req-element.note-status {
    bottom: unset;
    top: 28px;
    right: 5px;
}

.reset-password div.req-element {
    bottom: 60px;
}

/****************************************************** VALIDATE END *************************************************/
/****************************************************** CHECKBOX START ***********************************************/
.checkbox-nice {
    display: inline;
}

.checkbox-nice label {
    cursor: pointer;
    font-weight: normal;
    height: 25px;
    line-height: 1.6;
    padding-left: 25px;
    position: relative;
}

.checkbox-nice label:before {
    background-color: #ffffff;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 18px;
    border: 1px solid #C8C9C7;
}

.checkbox-nice label.border:before {
    border: 1px solid #C8C9C7;
}

.checkbox-nice label:after {
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 22px;
}

.checkbox-nice input {
    position: absolute;
    visibility: hidden;
}

.checkbox-nice:hover input+label:after {
    background: url('../images/icons/checkbox-checked-hover.png') no-repeat center center;
}

.checkbox-nice input:checked+label:after {
    background: url('../images/icons/checkbox-checked.svg') no-repeat center center;
}

.checkbox-nice label.fixed-width {
    width: 30px;
}

/* Disabled checkbox style */
.checkbox-nice input:disabled+label:before {
    background-color: #acbfd1;
    border: none;
}

.checkbox-nice:hover input:disabled+label:after {
    background: transparent;
}

.checkbox-nice input:disabled:checked+label:after {
    background: url('../images/icons/checkbox-disabled.png') no-repeat center center;
}

.checkbox-nice.display-none {
    display: none;
}

/* Special checkbox style for freezed checkboxes */
.checkbox-nice label.frozen:before {
    /* without background-color for now */
    /*background-color: #fbf1b6;*/
}

/* Special checkbox style for client invoices*/
#invoice-language-en .checkbox-nice input:checked+label:before {
    background: url('../images/icons/en-flag-small.png') no-repeat center center;
    opacity: 0.5;
}

#invoice-language-nl .checkbox-nice input:checked+label:before {
    background: url('../images/icons/nl-flag-small.png') no-repeat center center;
    opacity: 0.5;
}

#invoice-language-de .checkbox-nice input:checked+label:before {
    background: url('../images/icons/de-flag-small.png') no-repeat center center;
    opacity: 0.5;
}

#invoice-language-fr .checkbox-nice input:checked+label:before {
    background: url('../images/icons/fr-flag-small.png') no-repeat center center;
    opacity: 0.5;
}

#invoice-languages .checkbox-nice:hover input+label:after {
    background: url('../images/icons/checkbox-black.png') no-repeat center center;
}

#invoice-languages .checkbox-nice input:checked+label:after {
    background: url('../images/icons/checkbox-black.png') no-repeat center center;
}

#invoice-languages .checkbox-nice:hover input:disabled+label:after {
    background: transparent;
}

#invoice-languages .checkbox-nice input:disabled:checked+label:after {
    background: url('../images/icons/checkbox-black.png') no-repeat center center;
}

/* Disabled checkbox style */
/****************************************************** CHECKBOX END *************************************************/
/****************************************************** RADIO START ***********************************************/
.radio-nice {
    display: inline;
}

.radio-nice label {
    cursor: pointer;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    height: 20px;
    line-height: 1.3;
    padding-left: 25px;
    position: relative;
}

.radio-nice label:before {
    background-color: #ffffff;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    border: 1px solid #003E51;
}

.radio-nice.red-rb label:before {
    border: 2px solid #d50032;
}

.radio-nice.green-rb label:before {
    border: 2px solid #008000;
}

.radio-nice label::after {
    border-radius: 50%;
    content: "";
    height: 12px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 12px;
}

.radio-nice input {
    position: absolute;
    visibility: hidden;
}

.radio-nice:hover input+label:after {
    background-color: #003E51;
}

.radio-nice input:checked+label:after {
    background-color: #003E51;
}

.radio-nice.red-rb input:checked+label:after {
    background-color: #d50032;
}

.radio-nice.green-rb input:checked+label:after {
    background-color: #008000;
}

/* Disabled radio button style */
.radio-nice input:disabled+label:before {
    background-color: #acbfd1;
}

.radio-nice:hover input:disabled+label:after {
    background-color: #acbfd1;
}

.radio-nice input:disabled:checked+label:after {
    background-color: #7594b3;
}

/* Disabled radio button style */
/****************************************************** RADIO END *************************************************/
/****************************************************** SWITCH BTN START *********************************************/
.switch-btn {
    cursor: pointer;
    float: left;
    padding: 2px 0;
    position: relative;
}

.switch-btn .switch-text {
    background-color: #ffffff;
    border: 1px solid #ffd67f;
    color: #4b4f54;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 5px 5px 4px 30px;
    text-align: center;
    text-transform: uppercase;
}

.switch-btn:hover .switch-text {
    border: 1px solid #003E51;
}

.switch-btn.active .switch-text {
    padding: 5px 30px 4px 5px;
}

.switch-btn .switch-trigger {
    background-image: url('../images/body-bg/switch-btn.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.switch-btn:hover .switch-trigger {
    background-image: url('../images/body-bg/switch-btn-active.png');
}

.switch-btn.active .switch-trigger {
    left: inherit;
    right: 0;
}

/****************************************************** SWITCH BTN END ***********************************************/
/****************************************************** LIB FIXES START **********************************************/
.select2-selection__rendered,
span.select2-selection.select2-selection--single {
    outline: none;
}

#header .select2-container--default .select2-selection--single {
    border: 1px solid #003E51;
}

#header .select2-selection__arrow b {
    border-color: #003E51 transparent transparent transparent;
}

#header .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #003E51 transparent;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-radius: 0;
    border: 1px solid #C8C9C7;
}

.select2-container--default .select2-selection--single.req-element,
.select2-container.req-element .select2-selection.select2-selection--single {
    border: 1px solid #e81924;
}

/*.select2-container--default .select2-selection--single .select2-selection__arrow b {*/
/*    border-color: #f0b310 transparent transparent transparent;*/
/*}*/

.select2-container .select2-selection--single {
    height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    color: #003E51;
    font-family: "Roboto", sans-serif;
}

#header .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 27px;
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis;
    width: 100%;
    font-family: "Roboto", sans-serif;
    color: #003E51;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #003E51 transparent;
}

.select2-dropdown {
    border: 1px solid #003E51;
    overflow: hidden;
    border-radius: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid #003E51;
}

.select2-container--open .select2-selection.select2-selection--single {
    border-bottom: 2px solid #003E51;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #003E51;
    outline: none;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: 2px solid #003E51;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #cbe7de;
    color: #000000;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #003E51;
    color: #ffffff;
}

.select2-container--default .select2-selection.select2-selection--single.req-element {
    border: 1px solid #e81924;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent;
    cursor: default;
    border-bottom: 2px solid rgba(75, 79, 84, 0.3);
    padding: 0;
    outline: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
}

.select2-container--default.select2-container--disabled .select2-selection--single b {
    display: none;
}

.select2-container .select2-selection--multiple {
    min-height: 30px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    border-bottom: 2px solid #55AF92;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-right: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 12px;
    color: #4b4f54;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none;
    border-radius: 0;
    margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #55AF92;
    margin-right: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #003E51;
}

.select2-container .select2-selection--single .select2-selection__rendered.preferred,
.select2-container .select2-selection--single .select2-selection__rendered.preferred-red {
    background-position: right 15px center;
    padding-right: 28px;
}

#header .select2-container.disabled-header-filter {
    background-color: #fff;
}

.select2-container--default.disabled-header-filter .select2-selection--single .select2-selection__rendered {
    color: #9a9a9a;
    padding: 0 8px;
}

.table-wrapper {
    background-color: #ffffff;
    overflow-x: auto;
}

table.dataTable thead th,
table.dataTable thead td {
    background-color: #55AF92;
    color: white;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    padding: 6px 18px;
}

table.dataTable thead th.ptb6plr10 {
    padding: 6px 10px;
}

table.dataTable thead th {
    white-space: nowrap;
    font-weight: bold;
}

table.dataTable thead th.th-action {
    text-align: center;
}

table.dataTable thead th.th-action-left {
    text-align: left;
}

.no-wrap {
    white-space: nowrap;
}

.normal-wrap {
    white-space: normal;
}

table.dataTable tbody tr td:not(.no-wrap) .row {
    white-space: nowrap;
}

table.dataTable tbody tr td.no-wrap .row {
    white-space: normal;
}

table.dataTable tbody tr.odd,
table.dataTable tbody tr.correction.odd-p {
    background-color: white;
    border-bottom: 1px solid #C8C9C7;
    /*background-color: #eff2f5;*/
}

table.dataTable tbody tr.even,
table.dataTable tbody tr.correction.even-p {
    background-color: white;
    border-bottom: 1px solid #C8C9C7;
    /*background-color: #d1d5d9;*/
}

.dataTables_wrapper .dataTables_info {
    background-color: #ffffff;
    color: #4b4f54;
    float: none;
    font-size: 12px;
    padding: 4px 10px 1px 10px;
}

table.dataTable.no-footer {
    border-bottom: 0;
}

table.dataTable thead th.td-action,
table.dataTable tbody td.td-action {
    text-align: center;
    height: 34px;
}

table.dataTable tbody td.td-action .display-table,
.display-table.width-auto {
    width: auto;
    display: inline-table;
}

table.dataTable tbody td.td-action.ic-main {
    background-image: url('../images/actions/ic-main-2.png');
    background-position: 0px top;
    background-repeat: no-repeat;
}

table.dataTable tbody td.td-action.ic-item {
    background-image: url('../images/actions/ic-item-2.png');
    background-position: 0px top;
    background-repeat: no-repeat;
}

table.dataTable tbody td.td-action.ic-last {
    background-image: url('../images/actions/ic-last-2.png');
    background-position: 0px top;
    background-repeat: no-repeat;
}

table.dataTable tbody td.td-action .display-cell,
.display-cell.width-auto {
    width: 35px;
    min-width: 35px;
}

table.dataTable tbody td.td-action a {
    display: inline-block;
    max-height: 35px;
}

table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tfoot td {
    padding: 2px 10px;
    font-family: "Roboto", sans-serif;
    color: #003E51;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled,
table.dataTable thead .sorting_disabled {
    background-position: 0% 20%;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}

/*@keyframes gradient {*/
/*    0% {*/
/*        background-position: 0% 50%;*/
/*    }*/
/*    50% {*/
/*        background-position: 100% 50%;*/
/*    }*/
/*    100% {*/
/*        background-position: 0% 50%;*/
/*    }*/
/*}*/


.table-ajax-wrapper {
    /*position: absolute;*/
    /*opacity: 1;*/
    /*z-index: 100;*/
    background-image: url('../images/icons/animation.gif');
    /*width:150px;*/
    /*height:150px;*/
    /*animation: rotation infinite 1s linear;*/
    /*margin-left: 47%;*/
    /*margin-top: 40%;*/
    /*background-color: black;*/
    /*background-image: url('../images/table-loader.gif');*/
    /*background-position: center bottom 10%;*/
    /*background-repeat: no-repeat;*/
    /*display: none;*/
    /*z-index: 2;*/
    background-size: 150px;



    /*background-color: #808080;*/
    background-color: black;
    /*!*background-image: url('../images/table-loader.gif');*!*/
    background-position: center bottom 10%;
    background-repeat: no-repeat;
    display: none;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    width: 100%;
    z-index: 2;
}

#table-info {
    padding: 5px 10px;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    color: #003E51;
}

.table-search-label {
    padding-right: 5px;
    width: 65px;
}

.th-disabled {
    text-align: left;
    background-image: none !important;
    padding-left: 10px !important;
}

.custom-autocomplete.ui-widget-content {
    border: 1px solid #003E51;
    background: #fff;
    font-family: inherit;
    font-size: inherit;
    color: #4b4f54;
    padding: 0;
    margin: 0;
    max-height: 250px;
    overflow-y: auto;
}

.custom-autocomplete.ui-menu .ui-menu-item div {
    padding: 5px;
    /*max-width: 300px;*/
}

.custom-autocomplete .ui-state-active,
.custom-autocomplete .ui-widget-content .ui-state-active,
.custom-autocomplete .ui-widget-header .ui-state-active {
    background: #003E51;
    border: none;
    color: #fff;
    font-weight: normal;
}

.input-sm.ui-autocomplete-input {
    padding: 6px 10px 4px 10px;
}

.select-filter-btn {
    width: 9.5%;
    /*margin-left: 49.5%;*/
    margin-left: auto;
    /*margin-right: 10px;*/
    margin-right: 15px;
}

.reset-filter-btn {
    width: 9.5%;
    /*margin-left: 3%;*/
    margin-right: auto
}

.filter-buttons {
    display: flex;
    width: 98.5%;
    position: absolute;
    bottom: 17px;
}

/****************************************************** LIB FIXES END ************************************************/
/****************************************************** ICONS START **************************************************/
.overview-icon {
    background-image: url('../images/actions/overview.png');
}

.overview-icon:hover {
    background-image: url('../images/actions/overview-active.png');
}

.view-invoice-icon {
    background-image: url('../images/actions/open-invoice.png');
}

.view-invoice-icon:hover {
    background-image: url('../images/actions/open-invoice-active.png');
}

.replace-invoice-icon {
    background-image: url('../images/actions/replace.png');
}

.upload-content:hover .replace-invoice-icon {
    background-image: url('../images/actions/replace-active.png');
}

.import-abnamro-icon {
    background-image: url('../images/actions/import.png');
}

.upload-content:hover .import-abnamro-icon {
    background-image: url('../images/actions/import-active.png');
}

.add-payment-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-payment-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.add-invoice-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-invoice-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.select-icon {
    background-image: url('../images/actions/select.png');
}

.select-icon:hover {
    background-image: url('../images/actions/select-active.png');
}

.export-invoices-icon {
    background-image: url('../images/actions/export.png');
}

.export-invoices-icon:hover {
    background-image: url('../images/actions/export-active.png');
}

.close-icon {
    background-image: url('../images/actions/close.png');
}

.save-icon {
    background-image: url('../images/actions/save.png');
}

.save-icon:hover {
    background-image: url('../images/actions/save-active.png');
}

.confirm-icon {
    background-image: url('../images/actions/confirm.png');
}

.confirm-icon:hover {
    background-image: url('../images/actions/confirm-active.png');
}

.edit-icon {
    background-image: url('../images/actions/edit.png');
}

.edit-rights-icon {
    background-image: url('../images/actions/edit-rights.png');
}

.edit-rights-icon:hover {
    background-image: url('../images/actions/edit-rights-active.png');
}

.client-access-icon {
    background-image: url('../images/actions/client-access.png');
}

.client-access-icon:hover {
    background-image: url('../images/actions/client-access-active.png');
}

.primary-contact-icon {
    background-image: url('../images/actions/primary.png');
}

.acc-expand-icon {
    background-image: url('../images/actions/acc-expand.png');
}

.acc-expand-icon:hover {
    background-image: url('../images/actions/acc-expand-active.png');
}

.acc-collapse-icon {
    background-image: url('../images/actions/acc-collapse.png');
}

.acc-collapse-icon:hover {
    background-image: url('../images/actions/acc-collapse-active.png');
}

.incompleted-clients-icon {
    background-image: url('../images/actions/incompleted-clients.png');
}

.incompleted-clients-icon.active,
.incompleted-clients-icon:hover {
    background-image: url('../images/actions/incompleted-clients-active.png');
}

.incompleted-debtors-icon {
    background-image: url('../images/actions/incompleted-debtors.png');
}

.incompleted-debtors-icon.active,
.incompleted-debtors-icon:hover {
    background-image: url('../images/actions/incompleted-debtors-active.png');
}

.add-row-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-row-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.add-user-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-user-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.print-icon {
    background-image: url('../images/actions/print.png');
}

.print-icon:hover {
    background-image: url('../images/actions/print-active.png');
}

.filter-icon {
    background-image: url('../images/actions/filter.png');
}

.reset-filter-icon {
    background-image: url('../images/actions/reset-filter-x.png');
}

/*.reset-filter-icon:hover {*/
/*    background-image: url('../images/actions/reset-filter-active.png');*/
/*}*/

.reset-filter-icon-small {
    background-image: url('../images/actions/clear-filter.png');
}

/*.reset-filter-icon-small:hover {*/
/*    background-image: url('../images/actions/reset-filter-small-active.png');*/
/*}*/

.search-filter-icon {
    background-image: url('../images/actions/search-white.png');
}

.select-filter-icon-small {
    background-image: url('../images/actions/select-filter-small.png');
}

.select-filter-icon-small:hover {
    background-image: url('../images/actions/select-filter-small-active.png');
}

.info-icon {
    background-image: url('../images/icons/info.png');
}

.upload-icon {
    background-image: url('../images/actions/import.png');
}

.upload-content:hover .import-debtors-icon {
    background-image: url('../images/actions/import-active.png');
}

.upload-content:hover .upload-icon {
    background-image: url('../images/actions/import-active.png');
}

.edit-contract-icon {
    background-image: url('../images/actions/edit.png');
}

.edit-contract-icon:hover {
    background-image: url('../images/actions/edit-active.png');
}

.new-contract-icon {
    background-image: url('../images/actions/add-new.png');
}

.new-contract-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.view-contract-icon {
    background-image: url('../images/actions/view.png');
}

.view-contract-icon:hover {
    background-image: url('../images/actions/view-active.png');
}

.view-bb-report-icon {
    background-image: url('../images/actions/view-bb-repor.png');
}

.view-bb-report-icon:hover {
    background-image: url('../images/actions/view-bb-repor-active.png');
}

.view-bb-report-icon.small {
    background-size: 95%;
}

.view-attachment-icon {
    background-image: url('../images/actions/view.png');
}

.view-attachment-icon:hover {
    background-image: url('../images/actions/view-active.png');
}

.download-contract-icon {
    background-image: url('../images/actions/export.png');
}

.download-contract-icon:hover {
    background-image: url('../images/actions/export-active.png');
}

.add-client-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-client-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.add-client-group-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-client-group-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.add-contact-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-contact-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.edit-client-icon {
    background-image: url('../images/actions/edit.png');
}

.edit-client-icon:hover {
    background-image: url('../images/actions/edit-active.png');
}

.edit-contact-icon {
    background-image: url('../images/actions/edit.png');
}

.edit-contact-icon:hover {
    background-image: url('../images/actions/edit-active.png');
}

.add-service-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-service-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.cancel-icon {
    background-image: url('../images/actions/cancel.png');
}

.cancel-icon:hover {
    background-image: url('../images/actions/cancel-active.png');
}

.bank-accounts-icon {
    background-image: url('../images/actions/add-new.png');
}

.bank-accounts-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.import-debtors-icon {
    background-image: url('../images/actions/import.png');
}

.import-debtors-icon:hover {
    background-image: url('../images/actions/import-active.png');
}

.verify-debtors-icon {
    background-image: url('../images/actions/verify_debtors.png');
}

.verify-debtors-icon:hover {
    background-image: url('../images/actions/verify_debtors.png');
}

.add-debtor-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-debtor-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.edit-debtor-icon {
    background-image: url('../images/actions/edit.png');
}

.edit-debtor-icon:hover {
    background-image: url('../images/actions/edit-active.png');
}

.save-select-debtor-icon {
    background-image: url('../images/actions/save-select.png');
}

.save-select-debtor-icon:hover {
    background-image: url('../images/actions/save-select-active.png');
}

.correct-invoice-icon {
    background-image: url('../images/actions/correct-invoice.png');
}

.correct-invoice-icon:hover {
    background-image: url('../images/actions/correct-invoice-active.png');
}

.correct-payment-icon {
    background-image: url('../images/actions/correct-payment.png');
}

.correct-payment-icon:hover {
    background-image: url('../images/actions/correct-payment-active.png');
}

.edit-payout-icon {
    background-image: url('../images/actions/edit.png');
}

.edit-payout-icon:hover {
    background-image: url('../images/actions/edit-active.png');
}

.email-invoice-copy-icon {
    background-image: url('../images/actions/email-invoice.png');
}

.email-invoice-copy-icon:hover {
    background-image: url('../images/actions/email-invoice-active.png');
}

.follow-up-icon {
    background-image: url('../images/actions/follow-up.png');
}

.follow-up-icon:hover {
    background-image: url('../images/actions/follow-up-active.png');
}

.check-icon {
    background-image: url('../images/actions/check.png');
}

.check-icon:hover {
    background-image: url('../images/actions/check-active.png');
}

.users-logging-icon {
    background-image: url('../images/actions/view.png');
}

.users-logging-icon:hover {
    background-image: url('../images/actions/view-active.png');
}

.send-icon {
    background-image: url('../images/actions/send.png');
}

.send-icon:hover {
    background-image: url('../images/actions/send-active.png');
}

.print-template-icon {
    background-image: url('../images/actions/print.png');
}

.print-template-icon:hover {
    background-image: url('../images/actions/print-active.png');
}

.preview-icon {
    background-image: url('../images/actions/preview.png');
}

.preview-icon:hover {
    background-image: url('../images/actions/preview-active.png');
}

.pdf-icon {
    background-image: url('../images/actions/pdf.png');
}

.pdf-text-icon {
    background-image: url('../images/actions/pdf-text.png');
}

.xml-icon {
    background-image: url('../images/actions/xml.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.csv-icon {
    background-image: url('../images/actions/csv.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.debtor-credibility-icon {
    background-image: url('../images/actions/edit.png');
}

.debtor-credibility-icon:hover {
    background-image: url('../images/actions/edit-active.png');
}

.debtor-credibility-entry-icon {
    background-image: url('../images/actions/add-new.png');
}

.debtor-credibility-entry-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.reminder-copy-icon {
    background-image: url('../images/actions/send-reminder.png');
}

.reminder-copy-icon:hover {
    background-image: url('../images/actions/send-reminder-active.png');
}

.final-reminder-copy-icon {
    background-image: url('../images/actions/final-reminder.png');
}

.final-reminder-copy-icon:hover {
    background-image: url('../images/actions/final-reminder-active.png');
}

.tmp-format-icon {
    background-image: url('../images/actions/a4.png');
}

.tmp-format-icon.square {
    background-image: url('../images/actions/square.png');
}

.match-invoice-history-icon {
    background-image: url('../images/actions/match-history.png');
}

.match-invoice-history-icon:hover {
    background-image: url('../images/actions/match-history-active.png');
}

.add-keyword-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-keyword-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.reset-counters-icon {
    background-image: url('../images/actions/reset-counters.png');
}

.reset-counters-icon:hover {
    background-image: url('../images/actions/reset-counters-active.png');
}

.view-invoice-upload-icon {
    background-image: url('../images/actions/view.png');
}

.view-invoice-upload-icon:hover {
    background-image: url('../images/actions/view-active.png');
}

.upload-invoice-icon {
    background-image: url('../images/actions/import.png');
}

.upload-content:hover .upload-invoice-icon {
    background-image: url('../images/actions/import-active.png');
}

.show-records-icon {
    background-image: url('../images/actions/search.png');
}

/*.show-records-icon:hover {*/
/*    background-image: url('../images/actions/row-view-active.png');*/
/*}*/

.export-report-icon {
    background-image: url('../images/actions/export.png');
}

.export-report-icon.active {
    background-image: url('../images/actions/export-active.png');
}

.export-excel-icon {
    background-image: url('../images/actions/export.png');
}

.export-excel-icon:hover {
    background-image: url('../images/actions/export-active.png');
}

.export-report-icon.small {
    background-size: 95%;
}

.delete-payment-icon {
    background-image: url('../images/actions/delete-payment.png');
}

.delete-payment-icon:hover {
    background-image: url('../images/actions/delete-payment-active.png');
}

.vat-icon {
    background-image: url('../images/actions/vat-btn.png');
}

.vat-icon:hover {
    background-image: url('../images/actions/vat-btn-active.png');
}

.add-one-time-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-one-time-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.view-credibility-icon {
    background-image: url('../images/actions/view-credibility.png');
}

.view-credibility-icon:hover {
    background-image: url('../images/actions/view-credibility-active.png');
}

.new-payout-icon {
    background-image: url('../images/actions/add-new.png');
}

.new-payout-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.senior-loans-icon {
    background-image: url('../images/actions/senior-loan.png');
}

.senior-loans-icon:hover {
    background-image: url('../images/actions/senior-loan-active.png');
}

.export-payouts-icon {
    background-image: url('../images/actions/export.png');
}

.export-payouts-icon:hover {
    background-image: url('../images/actions/export-active.png');
}

.manage-balance-icon {
    background-image: url('../images/actions/manage-balance.png');
}

.manage-balance-icon:hover {
    background-image: url('../images/actions/manage-balance-active.png');
}

.manage-balance-overview-icon {
    background-image: url('../images/actions/manage-balance-overview.png');
}

.manage-balance-overview-icon:hover {
    background-image: url('../images/actions/manage-balance-overview-active.png');
}

.edit-one-time-icon {
    background-image: url('../images/actions/edit.png');
}

.edit-one-time-icon:hover {
    background-image: url('../images/actions/edit-active.png');
}

.view-icon {
    background-image: url('../images/actions/row-view.png');
}

.view-icon:hover {
    background-image: url('../images/actions/row-view-active.png');
}

.add-intercompany-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-intercompany-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.confirm-payout-icon {
    background-image: url('../images/actions/calculate.png');
}

.confirm-payout-icon:hover {
    background-image: url('../images/actions/calculate-active.png');
}

.note-icon {
    background-image: url('../images/actions/note.png');
}

.note-icon:hover {
    background-image: url('../images/actions/note-active.png');
}

.add-debtor-group-icon {
    background-image: url('../images/actions/add-new.png');
}

.add-debtor-group-icon:hover {
    background-image: url('../images/actions/add-new-active.png');
}

.upload-matches-icon {
    background-image: url('../images/actions/upload-matches.png');
}

.upload-content:hover .upload-matches-icon {
    background-image: url('../images/actions/upload-matches-active.png');
}

.missing-icon {
    background-image: url('../images/actions/missing-icon.png');
}

/* TABLE ACTION ICONS START */
.row-view {
    background-image: url('../images/actions/row-view.png');
}

.row-view:hover {
    background-image: url('../images/actions/row-view-active.png');
}

.row-view.disabled {
    background-image: url('../images/actions/row-view-disabled.png');
    cursor: default;
}

.row-edit {
    background-image: url('../images/actions/row-edit.png');
}

.row-edit:hover {
    background-image: url('../images/actions/row-edit-active.png');
}

.row-edit.disabled {
    background-image: url('../images/actions/row-edit-disabled.png');
    cursor: default;
}

.row-print {
    background-image: url('../images/actions/row-print.png');
}

.row-print:hover {
    background-image: url('../images/actions/row-print-active.png');
}

.row-download {
    background-image: url('../images/actions/download.png');
}

.row-download:hover {
    background-image: url('../images/actions/download-active.png');
}

.row-download.disabled {
    background-image: url('../images/actions/download-disabled.png');
    cursor: default;
}

.row-delete {
    background-image: url('../images/actions/row-delete.png');
}

.row-delete:hover {
    background-image: url('../images/actions/row-delete-active.png');
}

.row-delete.disabled {
    background-image: url('../images/actions/row-delete-disabled.png');
    cursor: default;
}

.row-save {
    background-image: url('../images/actions/row-save.png');
}

.row-save:hover {
    background-image: url('../images/actions/row-save-active.png');
}

.row-save.disabled {
    background-image: url('../images/actions/row-save-disabled.png');
    cursor: default;
}

.row-cancel {
    background-image: url('../images/actions/row-cancel.png');
}

.row-cancel:hover {
    background-image: url('../images/actions/row-cancel-active.png');
}

.row-cancel.disabled {
    background-image: url('../images/actions/row-cancel-disabled.png');
    cursor: default;
}

.row-credibility {
    background-image: url('../images/actions/row-credibility.png');
}

.row-credibility:hover {
    background-image: url('../images/actions/row-credibility-active.png');
}

.row-follow-up {
    background-image: url('../images/actions/row-follow-up.png');
}

.row-follow-up:hover {
    background-image: url('../images/actions/row-follow-up-active.png');
}

.row-view-email {
    background-image: url('../images/actions/view-email.png');
}

.row-view-email:hover {
    background-image: url('../images/actions/view-email-active.png');
}

.row-management {
    background-image: url('../images/actions/row-management.png');
}

.row-management:hover {
    background-image: url('../images/actions/row-management-active.png');
}

.row-inactive {
    background-image: url('../images/actions/inactive.png');
}

.row-update {
    background-image: url('../images/actions/update.png');
}

.row-update:hover {
    background-image: url('../images/actions/update-active.png');
}

.row-warning {
    background-image: url('../images/actions/warning.png');
}

.row-reset {
    background-image: url('../images/actions/row-reset.png');
}

.row-reset:hover {
    background-image: url('../images/actions/row-reset-active.png');
}

.row-nb-internal-bank-acc {
    background-image: url('../images/actions/row-nb.png');
}

.row-note {
    background-image: url('../images/actions/row-note.png');
}

.row-note-red {
    background-image: url('../images/actions/row-note-red.png');
}

.row-note:hover,
.row-note-red:hover {
    background-image: url('../images/actions/row-note-active.png');
}

.row-cash-bag {
    background-image: url('../images/actions/cash-bag.png');
}

.row-cash-bag:hover {
    background-image: url('../images/actions/cash-bag-active.png');
}

.row-partial-payment {
    background-image: url('../images/actions/partial-payment.png');
}

.row-partial-payment:hover {
    background-image: url('../images/actions/partial-payment-active.png');
}

.row-download-file {
    background-image: url('../images/actions/download.png');
}

.row-download-file:hover {
    background-image: url('../images/actions/download-active.png');
}

/* TABLE ACTION ICONS END */
/****************************************************** ICONS END ****************************************************/
/***************************************************** SIZES START ***************************************************/
/* MARGIN START */
.m0 {
    margin: 0;
}

.mt-7 {
    margin: -7px;
}

.mt-20 {
    margin-top: -20px;
}

.mr-5 {
    margin-right: -5px;
}

.mt1 {
    margin-top: 1px;
}

.mt2 {
    margin-top: 2px;
}

.mt3 {
    margin-top: 3px;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt7 {
    margin-top: 7px;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt11 {
    margin-top: 11px;
}

.mt12 {
    margin-top: 12px;
}

.mt13 {
    margin-top: 13px;
}

.mt14 {
    margin-top: 14px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt21 {
    margin-top: 21px;
}

.mt22 {
    margin-top: 22px;
}

.mt23 {
    margin-top: 23px;
}

.mt24 {
    margin-top: 24px;
}

.mt25 {
    margin-top: 25px;
}

.mt26 {
    margin-top: 26px;
}

.mt28 {
    margin-top: 28px;
}

.mt30 {
    margin-top: 30px;
}

.mt32 {
    margin-top: 32px;
}

.mt37 {
    margin-top: 37px;
}

.mt38 {
    margin-top: 38px;
}

.mt47 {
    margin-top: 47px;
}

.mt52 {
    margin-top: 52px;
}

.mt113 {
    margin-top: 113px;
}

.mr5 {
    margin-right: 5px;
}

.mr7 {
    margin-right: 7px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr55 {
    margin-right: 55px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb2 {
    margin-bottom: 2px;
}

.mb3 {
    margin-bottom: 3px;
}

.mb4 {
    margin-bottom: 4px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb6 {
    margin-bottom: 6px;
}

.mb7 {
    margin-bottom: 7px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb-m100p {
    margin-bottom: -100%;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml19 {
    margin-left: 19px;
}

.ml52 {
    margin-left: 52px;
}

.ml-1 {
    margin-left: -1px;
}

.mlr5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mlr10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mlr15 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* MARGIN END */
/* PADDING START */
.p0 {
    padding: 0;
}

.p5 {
    padding: 5px;
}

.p6 {
    padding: 6px;
}

.p10 {
    padding: 10px;
}

.pt0 {
    padding-top: 0px;
}

.pt2 {
    padding-top: 2px;
}

.pt1 {
    padding-top: 1px;
}

.pt5 {
    padding-top: 5px;
}

.pt7 {
    padding-top: 7px;
}

.pt10 {
    padding-top: 10px;
}

.pt12 {
    padding-top: 12px;
}

.pt14 {
    padding-top: 14px;
}

.pt15 {
    padding-top: 15px;
}

.pt16 {
    padding-top: 16px;
}

.pt17 {
    padding-top: 17px;
}

.pt18 {
    padding-top: 18px;
}

.pt20 {
    padding-top: 20px;
}

.pt21 {
    padding-top: 21px;
}

.pt22 {
    padding-top: 22px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt68 {
    padding-top: 68px;
}

.pt70 {
    padding-top: 70px;
}

.pt90 {
    padding-top: 90px;
}

.pt170 {
    padding-top: 170px;
}

.pt175 {
    padding-top: 175px;
}

.pr0 {
    padding-right: 0 !important;
}

.pr2 {
    padding-right: 2px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr50 {
    padding-right: 50px;
}

.pr150 {
    padding-right: 150px;
}

.pb3 {
    padding-bottom: 3px;
}

.pb4 {
    padding-bottom: 4px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb6 {
    padding-bottom: 6px;
}

.pb7 {
    padding-bottom: 7px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb14 {
    padding-bottom: 14px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb17 {
    padding-bottom: 17px;
}

.pb24 {
    padding-bottom: 24px;
}

.pb26 {
    padding-bottom: 26px;
}

.pb30 {
    padding-bottom: 30px;
}

.pl0 {
    padding-left: 0px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl13 {
    padding-left: 13px;
}

.pl15 {
    padding-left: 15px;
}

.pl16 {
    padding-left: 16px;
}

.pl18 {
    padding-left: 18px !important;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl35 {
    padding-left: 35px;
}

.pl40 {
    padding-left: 40px;
}

.pl39 {
    padding-left: 39px;
}

.pl100 {
    padding-left: 100px;
}

.pl130 {
    padding-left: 130px;
}

.pl150 {
    padding-left: 150px;
}

.ptb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ptb1 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.plr0 {
    padding-left: 0px;
    padding-right: 0px;
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.plr6 {
    padding-left: 6px;
    padding-right: 6px;
}

.plr9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.plr30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pb100p {
    padding-bottom: 119%;
}

/* PADDING END */
/* WIDTH START */
.width-auto {
    width: auto;
}

.w5 {
    width: 5px;
}

.w15 {
    width: 15px;
}

.w24 {
    width: 24px;
}

.w30 {
    width: 30px;
}

.w34 {
    width: 34px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w55 {
    width: 55px;
}

.w65 {
    width: 65px;
}

.w70 {
    width: 70px;
}

.w60 {
    width: 60px;
}

.w85 {
    width: 85px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w150 {
    width: 150px;
}

.w170 {
    width: 170px;
}

.w200 {
    width: 200px;
}

.w215 {
    width: 215px;
}

.w300 {
    width: 300px;
}

.w381 {
    width: 381px;
}

.w400 {
    width: 400px;
}

.w565 {
    width: 565px;
}

.w590 {
    width: 590px;
}

.w600 {
    width: 600px;
}

.w10p {
    width: 10%;
}

.w20p {
    width: 20%;
}

.w65p {
    width: 65%;
}

.w50p {
    width: 50%;
}

.w80p {
    width: 80%;
}

.w100p {
    width: 100%;
}

.max-w100p {
    max-width: 100%;
}

.min-w60 {
    min-width: 60px;
}

.min-w182 {
    min-width: 182px;
}

.min-w200 {
    min-width: 200px;
}

.min-w350 {
    min-width: 350px;
}

.min-w650 {
    min-width: 650px;
}

.min-w800 {
    min-width: 800px;
}

.max-w70 {
    max-width: 70px
}

.max-w190 {
    max-width: 190px
}

.max-w300 {
    max-width: 300px;
}

.max-w350 {
    max-width: 350px;
}

.max-w794 {
    max-width: 794px;
}

.max-w950 {
    max-width: 950px;
}

/* WIDTH END */
/* HEIGHT START */
/*.h100p {*/
/*    height: 100%;*/
/*}*/

.h-5 {
    height: 5px;
}

.h12 {
    height: 12px;
}

.h14 {
    height: 14px;
}

.h20 {
    height: 20px;
}

.h22 {
    height: 22px;
}

.h24 {
    height: 24px;
}

.h25 {
    height: 25px;
}

.h28 {
    height: 28px;
}

.h30 {
    height: 30px;
}

.h31 {
    height: 31px;
}

.h33 {
    height: 33px;
}

.h42 {
    height: 42px;
}

.h50 {
    height: 50px;
}

.h51 {
    height: 51px;
}

.h56 {
    height: 56px;
}

.h58 {
    height: 58px;
}

.h60 {
    height: 60px;
}

.h66 {
    height: 66px;
}

.h63 {
    height: 63px;
}

.h86 {
    height: 86px;
}

.h90 {
    height: 90px;
}

.h100 {
    height: 100px;
}

.h182 {
    height: 182px;
}

.h142 {
    height: 142px;
}

.min-h17 {
    min-height: 17px;
}

.min-h30 {
    min-height: 30px;
}

.min-h44 {
    min-height: 44px;
}

.min-h51 {
    min-height: 51px;
}

.min-h73 {
    min-height: 73px;
}

.min-h95 {
    min-height: 95px;
}

.min-h116 {
    min-height: 116px;
}

.min-h170 {
    min-height: 170px;
}

.min-h200 {
    min-height: 200px;
}

.min-h240 {
    min-height: 240px;
}

.min-h295 {
    min-height: 295px;
}

.min-h300 {
    min-height: 300px;
}

.min-h333 {
    min-height: 333px;
}

.min-h400 {
    min-height: 400px;
}

.min-h750 {
    min-height: 750px;
}

.min-h900 {
    min-height: 900px;
}

.max-h274 {
    max-height: 274px;
}

.max-h340 {
    max-height: 340px;
}

.max-h794 {
    max-height: 794px;
}

.max-h943 {
    height: 943px;
    max-height: 943px;
}

.max-h1123 {
    height: 1123px;
    max-height: 1123px;
}

.wh24 {
    width: 24px;
    height: 24px;
}

.wh27 {
    width: 27px;
    height: 27px;
}

/* HEIGHT END */
.pos-t0 {
    top: 0px !important;
}

.pos-t2 {
    top: 2px !important;
}

.pos-t-3 {
    top: -3px !important;
}

.pos-r60 {
    right: 60px !important;
}

.top-10 {
    top: -10px;
}

.top1 {
    top: 1px;
}

/***************************************************** SIZES END *****************************************************/
/***************************************************** USER RIGHTS STICKY HEADER *****************************************************/
.roles-cont-sticky {
    position: fixed !important;
    z-index: 99999;
    top: 0px;
    left: 490px !important;
    /* background-image: none !important; */
    /* background:#4B4F54; */
    /*background: #D1DBE7;*/
    background: white;
}

.roles-cont-sticky>.roles-45-deg {
    /* color: white; */
}

.roles-type-sticky {
    position: fixed;
    top: 160px;
    z-index: 999999;
}

.p-screens-header-sticky {
    position: fixed;
    width: 320px;
    top: 0;
    z-index: 99999;
    /*background: #D1DBE7;*/
    background: white;
}

.p-screens-header-title-sticky {
    height: 160px;
    z-index: 999999;
}

.p-screens-title-sticky {
    background: #4B4F54;
    height: 66px;
}

.p-screens-title-sticky>.display-cell {
    vertical-align: bottom !important;
    padding-bottom: 5px;
}

.row-screen-group-adjust {
    margin-top: -160px;
}

/******************************************** USER RIGHTS STICKY HEADER END ******************************************/
/***************************************************** MEDIA QUERY START *********************************************/
@media screen and (min-width: 1700px) {
    #client-hover .info-tooltip {
        width: 600px;
    }
}

@media screen and (max-width:1700px) {
    .mr30-lg-r {
        margin-right: 30px;
    }

    .pl27-1700 {
        padding-left: 27px;
    }

    #current-wrapper {
        font-size: 12px;
    }

    #current-time {
        font-size: 10px;
    }
}

@media screen and (max-width:1640px) {
    .reset-btn-top {
        display: inline-table;
        vertical-align: middle;
        padding-left: 15px;
        margin-top: 6px;
    }

    .reset-btn-bottom {
        display: none;
    }
}

@media screen and (max-width:1500px) {
    .pl0-r1500 {
        padding-left: 0;
    }
}

@media screen and (max-width:1350px) {
    .w80p-r1350 {
        width: 80%;
    }

    .flr-r1350 {
        float: right;
    }

    #current-wrapper {
        border-right: none;
        border-left: none;
    }

    .invoice-filter-btns {
        width: 96%;
    }
}

@media screen and (max-width:1200px) {
    .row-eq-height {
        display: block;
    }

    .view-client-mode {
        display: none;
    }

    .tabs-content {
        margin-top: 8px;
    }

    .r-white-br1 {
        border-right: 1px solid #ffffff;
    }

    .r-white-bl1 {
        border-left: 1px solid #ffffff;
    }

    .h14-r {
        height: 0;
    }

    .pr0-r {
        padding-right: 0;
    }

    .pl0-r {
        padding-left: 0;
    }

    .pt0-r {
        padding-top: 0;
    }

    .mt10-r {
        margin-top: 10px;
    }

    .plr0-r {
        padding-left: 0;
        padding-right: 0;
    }

    .plr10-r {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mr22-r {
        margin-right: 22px;
    }

    .minh0-r {
        min-height: 0px;
    }

    .w100p-r1200 {
        width: 100%;
    }

    .fll-r1200 {
        float: left;
    }

    .mb15-r {
        margin-bottom: 15px;
    }

    .plr5-r-lg {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pr5-r-lg {
        padding-right: 5px;
    }

    .balance-container-r {
        display: none;
    }

    .balance-container {
        display: block;
    }

    .form-group.no-content {
        height: 0px;
    }

    .m0-r {
        margin: 0px;
    }

    .mr0-r {
        margin-right: 0px;
    }

    .mt0-l {
        margin-left: 0px;
    }

    .mt0-r {
        margin-top: 0px;
    }

    .reset-btn-top {
        display: none;
    }

    .reset-btn-bottom {
        display: inline-table;
    }

    .wider-cols .tab {
        padding: 6px 10px;
    }

    .debtor-panel {
        min-height: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .reset-borders {
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
    }

    .ml-1 {
        margin-left: 0;
    }

    #invoice-costs .lg-view-only {
        display: none;
    }

    #invoice-costs .costs-wrapper .row {
        margin-top: 30px;
    }

    #invoice-flags-history .lg-view-only {
        display: none;
    }

    #invoice-flags-history .flags-history-wrapper .row {
        margin-top: 30px;
    }

    .btn-filter-icon {
        width: 15%;
    }

    .filter-btn-text {
        font-size: 13px;
    }

    .content-header {
        margin-bottom: 20px;
    }

    .invoice-filter-btns {
        position: static !important;
    }

    /*#footer {*/
    /*    height: 128px;*/
    /*}*/

    /*#content {*/
    /*    padding-bottom: 128px !important;*/
    /*}*/
}

@media screen and (max-width:991px) {
    .tabs-content a {
        width: 100%;
    }

    .tabs-content {
        margin-top: 8px;
        width: 100%;
    }

    .tabs {
        display: none;
    }

    .tab {
        display: block;
        width: 100%;
    }

    .r-tabs-toggle {
        display: block;
    }

    .r-tab-name {
        display: block;
    }

    .first-label-only {
        display: none;
    }

    .responsive-view-only {
        display: inline-block;
        width: 100%;
    }

    .responsive-row-border:not(:last-child) {
        border-bottom: 1px solid #fff;
        margin-bottom: 10px;
    }

    .h0-r {
        height: 0;
    }

    .w100p-r {
        width: 100%;
    }

    .mt5-r {
        margin-top: 5px;
    }

    .form-group a.a-action {
        padding-top: 0px;
    }

    .mt10-r {
        margin-top: 10px;
    }

    .mt0-r {
        margin-top: 0px;
    }

    .pl0-r {
        padding-left: 0px;
    }

    .pt0-r {
        padding-top: 0px;
    }

    .pt0-medium-r {
        padding-top: 0;
    }

    .pt0-medium-r {
        padding-top: 0px;
    }

    .pt10-r {
        padding-top: 10px;
    }

    .pb10-r {
        padding-bottom: 10px;
    }

    .pr5-r {
        padding-right: 5px;
    }

    .plr5-r {
        padding-left: 5px;
        padding-right: 5px;
    }

    #phones-cont .responsive-table-row>div:last-child,
    #emails-cont .responsive-table-row>div:last-child {
        margin-bottom: 5px;
    }

    .ml13-r {
        margin-left: 13px;
    }

    .no-content-r {
        display: none;
    }

    .reset-btn-bottom {
        padding-bottom: 15px;
        padding-right: 15px;
    }

    #header .display-inline-table .display-table {
        float: right;
        padding-right: 10px;
        max-width: 275px;
    }

    .display-inline-block {
        display: inline-block !important;
    }

    .p0-r {
        padding: 0;
    }

    .pb5-r {
        padding-bottom: 5px;
    }

    .r-sm-white-bb1 {
        border-bottom: 1px solid #ffffff;
    }

    .r-sm-mt5 {
        margin-top: 5px;
    }

    .pt0-sm-r {
        padding-top: 0px;
    }

    .select-all-reverse-invoice,
    .select-all-reverse-payment {
        margin-right: 55px;
    }

    .contract-status {
        padding: 5px 0;
        text-align: center;
    }

    .align-left-center {
        text-align: center !important;
    }

    .media-radio {
        padding-top: 10px !important;
    }
}

@media screen and (max-width:768px) {
    #content {
        background-size: 40px 26px;
        background-position: left 10px bottom 40px;
        padding: 0 0 40px 60px;
    }

    #menu {
        width: 60px;
    }

    .menu-name {
        display: none;
    }

    .menu-item {
        width: 50px;
    }

    .menu-item .menu-icon {
        background-size: 30px;
        height: 46px;
        background-position: center center;
    }

    .menu-item.active:after {
        background: url('../images/icons/green/selected.png') no-repeat center center;
        border-width: 11px 7px;
        margin-top: -5px;
        right: -6px;
    }

    .tabs-content {
        margin-top: 8px;
        width: 100%;
    }

    .tabs-content a {
        width: 100%;
    }

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: left;
    }

    .mr10-r {
        margin-right: 10px;
    }

    .mr25-r {
        margin-right: 25px;
    }

    .plr0-r-sm {
        padding-left: 0;
        padding-right: 0;
    }

    #wrapper {
        background-position: left 10px bottom 30px;
        background-size: 44px;
    }

    #header .col-sm-6 {
        max-width: 350px;
        margin: 0;
        float: right;
        width: 100%;
    }

    #content #logo-container {
        background-size: 50px;
        top: 15px;
        width: 60px;
    }

    #login-content #logo-container {
        background-position: center center;
        bottom: 0;
        margin: 15px 0;
        width: 100%;
    }

    .min-h15-r {
        min-height: 15px;
    }

    .mt0-r-780px {
        margin-top: 0px;
    }

    .w55p-r-768 {
        width: 55%;
    }

    .pt0-r-768 {
        padding-top: 0px;
    }

    .p-header-r-768 {
        padding-right: 25px;
    }

    .p-header-r-768.btn-r {
        text-align: right;
    }

    .plr10-r-s {
        padding-right: 10px;
        padding-left: 10px;
    }

    .select-filter-btn {
        width: 15%;
    }

    .reset-filter-btn {
        width: 15%;
    }
}

@media screen and (max-width:650px) {
    .table-ajax-wrapper {
        width: 500px;
    }
}

@media screen and (max-width:580px) {
    .mr25-r-sm {
        margin-right: 25px;
    }
}

@media screen and (max-width:460px) {
    .pl154 {
        padding-left: 10px;
    }
}

/** lg only **/
@media screen and (min-width: 1200px) {
    .lg-w5ptc {
        width: 5%;
    }

    .lg-w6ptc {
        width: 6%;
    }

    #invoice-costs .lg-view-only {
        display: block;
    }

    #invoice-costs .responsive-label {
        display: none;
    }
}

@media screen and (max-width: 1500px) and (min-width: 1200px) {
    #current-time {
        display: none;
    }
}

/***************************************************** MEDIA QUERY END ***********************************************/