.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:hover,
.dark-mode input:-webkit-autofill:focus,
.dark-mode input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #343a40 inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.select2-selection__rendered span:nth-child(2) {
    color: #73c4ee;
    padding-left: 25px;
}

.select2-results__option span {
    color: #73c4ee;
    padding-left: 25px;
}

.task-section-list-table > li .text {
    font-weight: 400 !important;
    margin-right: 5px;
}

.small-box .icon > i.ion {
    font-size: 42px !important;
}

.badge-draft {
    background-color: #999999;
    color: #FFFFFF !important;
}

.badge-default {
    background-color: #d2d6de;
    color: #444;
}

.badge-canceled {
    background-color: #7d0f11;
    color: floralwhite;
}

.badge-unpaid {
    background-color: #6c347a !important;
    color: #FFFFFF !important;
}

.badge-emailed {
    background-color: #97d4b3 !important;
}

.badge-viewed {
    color: #3f4141;
    background-color: #f795c7 !important;
}

.badge-parent-account {
    color: #FFFFFF !important;
    background-color: #882588;
}

.badge-third-party-bill-payer {
    color: #FFFFFF !important;
    background-color: #422488;
}

.badge-approved {
    background-color: #468847;
    color: #FFFFFF !important;
}

.badge-sent {
    background-color: #3A87AD;
    color: #FFFFFF !important;
}

.badge-rejected, .badge-overdue {
    background-color: #B94A48;
    color: #FFFFFF !important;
}

.badge-paid, .badge-applied {
    background-color: #28a745;
    color: #FFFFFF !important;
}

.badge-mailed {
    background-color: #ffa144 !important;
}

.badge-larger {
    font-size: 110%; /* Increase font size by 10% */
}

.dashboard-widget-card {
    background-color: #FAF9F8 !important;
    box-shadow: 1px 1px #FAF9F8;
}

.card-title-credit-memo {
    color: #FF1492;
}

.title-credit-memo {
    color: #FF1492;
}

.client-inactive-watermark, .quote-rejected-watermark, .proforma-invoice-rejected-watermark {
    color: #b22222;
    border: 0.5rem solid #b22222;
}

.invoice-paid-watermark, .quote-approved-watermark, .proforma-invoice-approved-watermark {
    color: #48b222;
    border: 0.5rem solid #48b222;
}

.credit-memo-applied-watermark {
    color: #FF1492;
    border: 0.5rem solid #FF1492;
}

.badge-dark-blue {
    color: #ffffff;
    background-color: #1A4B7F;
}

.revision-doc-watermark {
    color: #1A4B7F;
    border: 0.5rem solid #1A4B7F;
}

.client-inactive-watermark, .invoice-paid-watermark, .credit-memo-applied-watermark, .revision-doc-watermark, .quote-approved-and-rejected-watermark, .proforma-invoice-approved-and-rejected-watermark {
    position: fixed;
    font-size: 3em;
    width: auto;
    top: 50%;
    text-align: center;
    z-index: 0;
    transform: rotate(330deg);
    -webkit-transform: rotate(330deg);
    font-weight: 700;
    display: inline-block;
    padding: 0.25rem 1rem;
    border-radius: 1rem;
    font-family: 'Courier';
    -webkit-mask-image: url('dist/img/grunge.png');
    -webkit-mask-size: 944px 604px;
    mix-blend-mode: multiply;
    -webkit-mask-position: 13rem 6rem;
    z-index: 999;
    background: #e7e7e7;
    left: 40%;
    text-transform: uppercase;
    letter-spacing: 5px;
}

@media (max-width: 767px) {
    .client-inactive-watermark {
        left: 25% !important;
    }

    .quote-approved-and-rejected-watermark, .proforma-invoice-approved-and-rejected-watermark {
        left: 10% !important;
        font-size: 2em;
    }
}

.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered, select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px 0px 0px 5px !important;
    margin-top: -0.1rem;
}

select.form-control-sm ~ .select2-container--default {
    font-size: 13px;
}

.select2-selection__clear {
    margin-left: 6px !important;
}

.dark-mode .select2-selection {
    background-color: #343a40 !important;
    border-color: #6c757d !important;
}

.dark-mode .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
}

.dark-mode .dropdown-item {
    color: #fff !important;
}

.currency_code-style {
    background: #fff8dc;
    color: #000000;
}

.callout-pink-cm {
    border-left: 5px solid #e9ecef !important;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border-left-color: #e83e8c !important;
}

.cm-pink {
    color: #e83e8c !important;
}

.jc-left {
    justify-content: left !important;
}

.jc-right {
    justify-content: right !important;
}

.jc-center {
    justify-content: center !important;
}


.fw-400 {
    font-weight: 400 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-450 {
    font-weight: 600 !important;
}

.w-100 {
    width: 100px !important;
}

td.col-4.copy-to-clipboard-hover:not(.description):hover .copy-icon-btn {
    display: block !important;
}

td.col-4.copy-to-clipboard-hover:hover span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
    display: inline-block !important;
}

td.col-4.copy-to-clipboard-hover:hover span.select2.select2-container.select2-container--default {
    display: inline-block !important;
}

.dark-mode .open-ar-current {
    color: rgb(43, 42, 42) !important;
}

.dark-mode .open-ar-30 {
    color: rgb(43, 42, 42) !important;
}

.dark-mode .open-ar-60 {
    color: rgb(43, 42, 42) !important;
}

.dark-mode .open-ar-90 {
    color: rgb(43, 42, 42) !important;
}

.dark-mode .open-ar-91 {
    color: rgb(43, 42, 42) !important;
}

.dark-mode .open-ar-tot {
    color: rgb(43, 42, 42) !important;
}

.open-ar-current {
    background-color: #ededed;
}

.open-ar-30 {
    background-color: #e4eddc;
}

.open-ar-60 {
    background-color: #f0efd3;
}

.open-ar-90 {
    background-color: #ead6b7;
}

.open-ar-91 {
    background-color: #e5bdbd;
}

.open-ar-tot {
    background-color: #dce3ed;
}

.open-ar-card-label-dark {
    color: #474745;
    font-size: large;
}

.fi-form-area {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
    margin-left: 0 !important;
}

.alt-fi-form-area-color {
    background-color: rgb(249, 249, 249) !important;
}

.dark-mode .alt-fi-form-area-color {
    background-color: rgb(53, 53, 53) !important;
}

/* ABS - IT Company Fields */
.abs-it-company-bg-color {
    background-color: #e6f1ff !important;
}


.pagination-nav-css > nav > .pagination {
    flex-flow: wrap !important;
    float: right !important;
}

.text-white-75 {
    color: rgba(255, 255, 255, 0.75) !important;
}

.task-overdue {
    color: #c4757d !important;
}

.task-current {
    color: #5190d1 !important;
}

.task-future {
    color: #787b7e !important;
}

.va-t {
    vertical-align: top !important;
}

.form-subtext {
    font-size: 80%;
    margin-top: 0;
}

.document-options-label {
    margin-bottom: 2px !important;
}

.document-options-input-group {
    padding-bottom: .6rem !important;
}

.timer-today {
    color: #168be8 !important;
}

.timer-tomorrow {
    color: #c3a447 !important;
}

.timer-yesterday {
    color: #82bd7b !important;
}

.timer-in-the-past {
    color: #738699 !important;
}

.timer-in-the-future {
    color: #5eb3a9 !important;
}

/* Specific column widths to avoid Safari not rendering invoice, RI and quote line items properly. */
.cw-8 {
    width: 8.3%;
}

.cw-16 {
    width: 16.6%;
}

.cw-25 {
    width: 25%;
}

.cw-33 {
    width: 33%;
}

.cw-40 {
    width: 40%;
}

.cw-42 {
    width: 42%;
}

.cw-50 {
    width: 50%;
}

.addable-navitem {
    display: inline-flex;
}

.addable-navitem:hover > .nav-item-plus-icon {
    display: inherit;
}

.nav-item-hover {
    position: relative;
}

.nav-item-plus-icon {
    margin-left: -1.4em !important;
    display: none;
    position: absolute !important;
    right: 10px !important;
    top: 8px !important;
    z-index: 99999999 !important;
}

.textWhite {
    color: white !important;
}

.mt-2 .link1 {
    width: 82% !important;
    float: left;
    border-radius: 3px 0px 0px 3px;
}

.mt-2 .link2 {
    width: 18% !important;
    text-align: center;
    border-radius: 0px 3px 3px 0px;
    float: right;
}

.mt-2 .link2.active {
    width: 18% !important;
    background-color: #007bff;
    display: flex;
    padding: 19px 17px;
    min-height: 40px;
    max-height: 40px;
}

.nav-sidebar > .nav-item {
    float: left;
    width: 100%;
}

.mt-2 .link2 {
    display: none;
}

.nav-sidebar > .nav-item:hover .link2 {
    display: flex !important;
    background: transparent !important;
    padding: 19px 17px;
}

.nav-sidebar > .nav-item:hover {
    background: #555;
    border-radius: 3px;
}

.mt-2 .link1:hover {
    background: #555;
}

.mt-2 .link1.active {
    border-radius: 0px;
    box-shadow: none !important;
    border-radius: 3px 0px 0px 3px;
}

[class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link, [class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link:focus {
    background-color: transparent;
}

.nav-item .link1, .nav-item .link2 {
}

.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .dark-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #007bff !important;
}

.dark-mode .mt-2 ul li.nav-item:hover .link2.active {
    background-color: #007bff !important;
}

.invoice-cols-grouping-hdr {
    background-color: #d9d9d9 !important;
    color: #1b1919 !important;
}

.dark-mode .invoice-cols-grouping-hdr {
    background-color: #4a5662 !important;
    color: #ffffff !important;
}

.invoice-cols-grouping-hdr-line-color {
    border-top-color: rgb(98, 98, 98);
}

.mt-2 .nav-sidebar .nav-item > .nav-link {
    margin-bottom: 0px;
}

.client-table-type-indicator-column {
    width: 5px;
}

.light-mode #collapsed-card-tasks .card-header .card-tools .btn-tool-custom:hover {
    color: #FFFFFF;
}

.alertify-notifier.ajs-center {
    z-index: 99999 !important;
}

.preset-task-items-count {
    padding: 2px 4px;
    position: absolute;
}

@media screen and (max-width: 1615px) {
    .max-content-custom {
        width: max-content !important;
    }
}

.sidebar-collapse .link2.active {
    display: none;
}

.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .mt-2 .link2.active {
    display: block;
    display: flex;
}

.sidebar-collapse .link1.active {
    padding-right: 42px;
    border-radius: 5px;
}

.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .mt-2 .link1.active {
    border-radius: 3px 0px 0px 3px;
}

.table.dataTable.table-sm > thead > tr > th {
    padding-right: 27px;
}

@media only screen and (max-width: 1630px) {
    .description-cw {
        min-width: 385px !important;
        width: 385px !important;
    }

    .description-ri-cw {
        min-width: 378px !important;
    }

    .quantity-ri-cw {
        min-width: 71px !important;
    }

    .price-ri-cw {
        min-width: 152px !important;
    }

    .tax-ri-cw {
        min-width: 152px !important;
    }

    .subtotal-ri-cw {
        min-width: 148px !important;
    }

    .price-cw {
        min-width: 100px !important;
    }

    .quantity-cw {
        min-width: 96px !important;
    }


    .discount-type-cw {
        min-width: 81px !important;
    }

    .discount-sm {
        min-width: 100px !important;
    }
}

@media only screen and (max-width: 1615px) {

    .discount-type-and-discount {
        width: 207px !important;
    }

    .price-cw {
        min-width: 100px !important;
    }

    .quantity-cw {
        min-width: 96px !important;
    }

    .tax-cw {
        min-width: 92px !important;
    }

    .subtotal-cw {
        min-width: 103px !important;
    }
}

.radius-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.radius-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.merge-select-css {
    width: 100px;
    height: 28px;
}

.mw-80 {
    min-width: 80px;
}

.notification-animation {
    animation: ring 4s .7s ease-in-out infinite;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }
    1% {
        -webkit-transform: rotateZ(30deg);
    }
    3% {
        -webkit-transform: rotateZ(-28deg);
    }
    5% {
        -webkit-transform: rotateZ(34deg);
    }
    7% {
        -webkit-transform: rotateZ(-32deg);
    }
    9% {
        -webkit-transform: rotateZ(30deg);
    }
    11% {
        -webkit-transform: rotateZ(-28deg);
    }
    13% {
        -webkit-transform: rotateZ(26deg);
    }
    15% {
        -webkit-transform: rotateZ(-24deg);
    }
    17% {
        -webkit-transform: rotateZ(22deg);
    }
    19% {
        -webkit-transform: rotateZ(-20deg);
    }
    21% {
        -webkit-transform: rotateZ(18deg);
    }
    23% {
        -webkit-transform: rotateZ(-16deg);
    }
    25% {
        -webkit-transform: rotateZ(14deg);
    }
    27% {
        -webkit-transform: rotateZ(-12deg);
    }
    29% {
        -webkit-transform: rotateZ(10deg);
    }
    31% {
        -webkit-transform: rotateZ(-8deg);
    }
    33% {
        -webkit-transform: rotateZ(6deg);
    }
    35% {
        -webkit-transform: rotateZ(-4deg);
    }
    37% {
        -webkit-transform: rotateZ(2deg);
    }
    39% {
        -webkit-transform: rotateZ(-1deg);
    }
    41% {
        -webkit-transform: rotateZ(1deg);
    }
    43% {
        -webkit-transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }
    1% {
        -moz-transform: rotate(30deg);
    }
    3% {
        -moz-transform: rotate(-28deg);
    }
    5% {
        -moz-transform: rotate(34deg);
    }
    7% {
        -moz-transform: rotate(-32deg);
    }
    9% {
        -moz-transform: rotate(30deg);
    }
    11% {
        -moz-transform: rotate(-28deg);
    }
    13% {
        -moz-transform: rotate(26deg);
    }
    15% {
        -moz-transform: rotate(-24deg);
    }
    17% {
        -moz-transform: rotate(22deg);
    }
    19% {
        -moz-transform: rotate(-20deg);
    }
    21% {
        -moz-transform: rotate(18deg);
    }
    23% {
        -moz-transform: rotate(-16deg);
    }
    25% {
        -moz-transform: rotate(14deg);
    }
    27% {
        -moz-transform: rotate(-12deg);
    }
    29% {
        -moz-transform: rotate(10deg);
    }
    31% {
        -moz-transform: rotate(-8deg);
    }
    33% {
        -moz-transform: rotate(6deg);
    }
    35% {
        -moz-transform: rotate(-4deg);
    }
    37% {
        -moz-transform: rotate(2deg);
    }
    39% {
        -moz-transform: rotate(-1deg);
    }
    41% {
        -moz-transform: rotate(1deg);
    }
    43% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }
    43% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

@media all and (min-width: 500px) {
    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }
}

@media all and (max-width: 499px ) {
    .dropdown-menu .submenu-left {
        left: auto;
    }

    .sm-dropdown-menu {
        top: 40px !important;
    }
}

.min-width-185 {
    min-width: 185px !important;
}

.min-width-67 {
    min-width: 67px !important;
}

.dark-mode a {
    color: #59a9ff;
}

.dark-mode .warning-text {
    color: #f07c7c;
}

.warning-text {
    color: #ff5b5b;
    font-weight: bold;
}

.dark-mode .alert-success {
    background-color: #12634e;
}

input:-webkit-autofill, input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
}

.dark-mode .form-control:disabled {
    background-color: #6c757d !important;
}

.btn-lightblue-shadow {
    box-shadow: 0px 0px 10px lightblue !important;
}

.badge-sales {
    background-color: #be64f7 !important;
    color: #f0f6f6 !important;
}

.badge-support {
    color: #606060FF !important;
    background: #D6ED17FF !important;
}

.badge-unread-message {
    background-color: #f5dff3 !important;
    color: #bb00ff !important;
}

.bg-info-disabled:disabled, .bg-info-disabled[readonly] {
    background-color: #a3d8e0;
    opacity: 1;
}

.kpi-card-icon-size {
    font-size: 55px !important;
}

.infopop-icon {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 0.875rem;
    color: #43474b;
    display: inline-block;
    font-style: normal;
    line-height: 1;
}

.dark-mode .infopop-icon {
    color: #bcc5ce !important;
}

.infopop-icon::before {
    content: "\f4b0"; /* Unicode for the 'fa-comment-lines' icon */
}

.main-header-z-index {
    z-index: 1000;
}

.sidebar-collapse .info.text-wrap {
    display: none;
}

.custom-switch.custom-switch-lg {
    padding-bottom: 1rem;
    padding-left: 2.25rem;

    & .custom-control-label {
        padding-left: .75rem;
        padding-top: 0.15rem;

        &::before {
            border-radius: 1rem;
            height: 1.5rem;
            width: 2.5rem;
        }

        &::after {
            border-radius: .65rem;
            height: calc(1.5rem - 4px);
            width: calc(1.5rem - 4px);
        }
    }

    .custom-control-input:checked ~ .custom-control-label::after {
        transform: translateX(1rem);
    }
}

.custom-switch.custom-switch-xl {
    padding-bottom: 1rem;
    padding-left: 2.25rem;

    & .custom-control-label {
        padding-left: 2rem;
        padding-top: 0.5rem;

        &::before {
            border-radius: 1rem;
            height: 2rem;
            width: 3.5rem;
        }

        &::after {
            border-radius: 2rem;
            height: calc(2rem - 4px);
            width: calc(2rem - 4px);
        }
    }

    .custom-control-input:checked ~ .custom-control-label::after {
        transform: translateX(1.5rem);
    }
}

.dropdown-xs-size {
    height: 24px !important;
    padding: 1px 7px !important;
}

.pt-c-2 {
    padding-top: 2px !important;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
    border: none !important;
}

.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
    border: none !important;
}

.dark-mode .email-template-body .note-editing-area, .dark-mode #client_mail_form .note-editing-area, .dark-mode .support-ticket-message-editor .note-editing-area, .dark-mode #modal-support-ticket-create-create .note-editing-area, .dark-mode .email_template_form .note-editing-area, .dark-mode #subject, .dark-mode #mail_subject, .dark-mode #mail_modal_subject, .dark-mode #template-subject, .dark-mode #edit-template-subject {
    background: #fff;
    color: #000;
}

.chosen-container-multi {
    width: 100% !important;
}

.dark-mode .no-results, .dark-mode .chosen-choices, .dark-mode .chosen-container, .dark-mode .chosen-single, .dark-mode .chosen-drop {
    background: #343a40 !important;
    border-color: #6c757d !important;
}

.dark-mode .no-results, .dark-mode iframe, .dark-mode .chosen-drop, .dark-mode .active-result, .dark-mode .chosen-single, .dark-mode .chosen-container-active .chosen-choices li.search-field input[type=text], .dark-mode .chosen-search-input {
    color: #ffff !important;
}

.text-decoration-color-red {
    text-decoration-color: red !important;
}

.support-ticket-message-editor .note-codable, .create-modal-sp .note-codable, .summer-note-source-code-css .note-codable, .custom-payment-sourceCode-display #body, .custom-payment-iframe-display #payment-targetCode, .custom-invoice-sourceCode-display #body, .custom-invoice-iframe-display #invoice-targetCode, .custom-quote-sourceCode-display #body, .custom-quote-iframe-display #quote-targetCode, .custom-proforma_invoice-sourceCode-display #body, .custom-proforma_invoice-iframe-display #proforma_invoice-targetCode, .email-template-body .note-codable {
    background: #ffffff !important;
    color: #000000 !important;
}

.dark-mode .main-header {
    border-color: #4b545c;
}