.magnifier-div-parent-hilix {
    margin: 50px auto;
    position: relative;
}
    /*Lets create the magnifying glass*/
    .magnifier-div-parent-hilix .large {
        width: 150px;
        height: 150px;
        position: absolute;
        border-radius: 100%;
        /*Multiple box shadows to achieve the glass effect*/
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        /*hide the glass by default*/
        display: none;
        transform: scale(2);
    }
    /*To solve overlap bug at the edges during magnification */
    .magnifier-div-parent-hilix .small {
        display: block;
    }

a {
    text-decoration: none !important;
}

.btn-primary {
    border-color:transparent;
}

.tooltip255 .tooltiptext {
    font-size: 12px;
}

.vw-10-hilix {
    width: 10vw;
}

.w-100-max {
    max-width: 100px;
}

    .w-100-max input {
        width: 100%;
    }

.height-60-hilix {
    height: 60px;
}

.min-height-500-hilix {
    min-height: 500px;
}

.min-height-800-hilix {
    min-height: 800px;
}

.list-none-hilix {
    list-style: none;
}

.cr-slider-wrap {
    display: none;
}

.croppie-container .cr-boundary {
    display: block;
}

.max-width-image-150-hilix {
    max-width: 150px;
}

.max-height-image-150-hilix {
    max-height: 150px;
}

#ui-datepicker-div {
    background-color: #273553;
}

    #ui-datepicker-div table.ui-datepicker-calendar thead span {
        color: white;
    }

#editCurretSeries:hover {
    text-decoration: underline;
}

select:disabled, input:disabled, textarea:disabled, .disabled-div-hilix {
    opacity: 0.6;
}

.input-no-border-hilix {
    border: none;
    background: transparent;
    background-color: transparent;
}

    .input-no-border-hilix:active, .input-no-border-hilix:enabled {
        border: none;
        background: transparent;
        background-color: transparent;
    }

.filter-box-item-hilix {
    width: 130px;
}

    .filter-box-item-hilix svg {
        font-size: 22px;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
        border-radius: 3px;
        color: #273553;
    }

    .filter-box-item-hilix input[type=text] {
        width: 100%;
        height: 32.29px;
    }

.invitation-div-hilix svg {
    margin: 0 5px;
    width: 30px;
    font-size: 28px;
    color: #ed5545;
}

.more-table-action-hilix {
    border: none;
    background: none;
    font-size: 18px;
}

.copyToUl {
    list-style: none;
    z-index: 100;
    background-color: white;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    padding: 0;
    cursor: default;
    color: white;
    width: 100%;
    font-weight: 700;
    border-bottom: 1px solid #cbc8c8;
    text-align: center;
    min-width: 150px;
    margin: 0;
}

    .copyToUl .copyToLiTitle {
        width: 100%;
        padding: 5px !important;
        min-height: 0 !important;
        cursor: default;
        background-color: #273553;
        color: #fff;
        font-weight: 700;
        border-bottom: 1px solid #cbc8c8;
        text-align: center;
    }

    .copyToUl .copyToLi {
        width: 100%;
        color: #646363;
        border-bottom: 1px solid #cbc8c8;
        cursor: pointer;
        min-height: 0;
    }

.shareUl .shareLi {
    width: 50%;
    float: left;
    cursor: pointer;
}

.step-circle-hilix {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    background: #eff0f1;
    color: #999999;
}

.step-circle-active-hilix {
    background: #273553;
    color: white;
}

.step-circle-ul-hilix li {
    cursor: pointer;
}

.step-circle-disabled-hilix {
    cursor: default !important;
}

.business-card {
    border: 1px solid #cccccc;
    background: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .business-card .profile-img {
        height: 120px;
        background: white;
    }

    .business-card .job {
        color: #666666;
        font-size: 17px;
    }

    .business-card .mail {
        font-size: 16px;
    }

.selectize-dropdown-content {
    max-height: 400px !important;
}

.height-300-hilix {
    height: 300px;
}

.height-150-hilix {
    height: 150px;
}

.height-100-hilix {
    height: 100px;
}

.top-150-hilix {
    top: 150px;
}

.countLinkClss {
    margin: 0 !important;
    color: black;
    text-decoration: underline !important;
}

.page-item.active .page-link, .page-item.active .page-link:active {
    background: #ed5545 !important;
}


    .page-item.active .page-link:focus, .page-item.active .page-link:focus-visible {
        border: none !important;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.disable-collapse-hilix.collapsing {
    -webkit-transition: none !important;
    transition: none !important;
    display: none !important;
}

#tableOnPage_paginate, #tableOnPage2_paginate {
    width: 100%;
}

    #tableOnPage_paginate ul, #tableOnPage2_paginate ul {
        flex-wrap: wrap;
        justify-content: end;
    }

        #tableOnPage_paginate ul li, #tableOnPage2_paginate ul li {
            padding: 2px 5px;
            margin: 0;
        }

#tableOnPage_filter label, #tableOnPage2_filter label {
    display: none !important;
}

#tableOnPage_wrapper .dt-buttons, #tableOnPage2_wrapper .dt-buttons {
    margin: 15px 0;
    height: auto;
    display: flex;
    align-items: center;
}

#tableOnPage_wrapper .dt-button, #tableOnPage2_wrapper .dt-button {
    border: 1px solid #CADEEC;
    border-radius: 5px;
    padding: 5px;
    margin: 0 5px;
}

    #tableOnPage_wrapper .dt-button:hover, #tableOnPage2_wrapper .dt-button:hover {
        background: #E1ECF4;
    }

    #tableOnPage_wrapper .dt-button span, #tableOnPage2_wrapper .dt-button span {
        color: #273553;
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 700;
    }

    #tableOnPage_wrapper .dt-button svg, #tableOnPage2_wrapper .dt-button svg {
        font-size: 20px;
    }

#tableOnPage_length label, #tableOnPage2_length label {
    display: flex !important;
}

    #tableOnPage_length label select, #tableOnPage2_length label select {
        width: 60px !important;
        margin: 0 5px !important;
    }

.tab-sub-hilix {
    border-radius: 5px 5px 0px 0px;
    color: #000000;
    font-size: 14px;
}

.tab-background-color {
    background: #f6f9fb;
}

.total-blue-background-with-border-hilix {
    background: #E1ECF4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


#productContiner .input-select-border-hilix:not(.selectize-dropdown) {
    height: 40px;
    background: #FFFFFF;
    width: 180px;
}

#paymentsContainer .input-select-border-hilix:not(.selectize-dropdown) {
    min-height: 40px;
    background: #FFFFFF;
    width: 180px;
}

#productContiner .min-width-price-hilix:not(.selectize-dropdown), #paymentsContainer .min-width-price-hilix:not(.selectize-dropdown) {
    width: 120px;
}

#productContiner .quantity-field, #paymentsContainer .quantity-field {
    width: 50px;
    text-align: center;
}

#productContiner .quantity-group input, #paymentsContainer .quantity-group input {
    height: 30px;
}

#productContiner svg, #paymentsContainer svg {
    cursor: pointer;
}

.tab-active-background-color {
    background: #273553;
    color: white;
}

.tab-sub-hilix:hover {
    color: white;
    background: #ed5545;
}

.bg-light {
    background: rgba(255, 255, 255, 0.7) !important;
}

.main-white-background-hilix {
    background-color: #ffffff;
}

.main-dark-blue-background-hilix {
    background-color: #0a60a9;
}

.green-btn-bg-hilix {
    background: #273553 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
}

    .green-btn-bg-hilix label {
        cursor: pointer;
    }

    .green-btn-bg-hilix:hover {
        background: #273553 !important;
    }

.invoice-separate-line-div-hilix {
    height: 1px !important;
    border: none;
    background-color: #eff0f1;
    margin: 40px auto;
}

.hr-white-line-hilix {
    width: 95%;
    margin: 0 auto;
    height: 2px !important;
    border: none;
    background-color: #ffffff;
}

.selectize-input {
    border: none !important;
    background: transparent !important;
    min-height: initial !important;
    padding: 3px 0 !important;
}

    .selectize-input.focus {
        box-shadow: none !important;
    }

.selectize-dropdown {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

    .selectize-dropdown [data-selectable].option {
        padding: 10px !important;
        font-size: 16px !important;
        cursor: pointer !important;
        border-bottom: 1px solid #eff0f1;
    }

.selectize-control.single .selectize-input:after {
    display: none !important;
}

.green-background-hilix {
    background-color: #28a645;
}

.main-darker-blue-background-hilix {
    background-color: #273553;
}

.main-accountant-green-background-hilix {
    background-color: #10A4A5;
}

.main-gray-gradient-background-hilix {
    background: linear-gradient(to right, #fff 0%, #f5f5f5 50%);
}

.ul-with-style-circle-hilix {
    list-style-type: disc !important;
}

.btn-outline-info {
    border: 2px solid #ED5545;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #ED5545;
}

    .btn-outline-info:active:focus, .btn-outline-info:focus {
        box-shadow: initial;
    }

    .btn-outline-info:hover {
        background-color: transparent;
        color: #ED5545;
        border: 2px solid #ED5545;
    }

    .btn-outline-info label, .nav-item, .nav-link {
        vertical-align: middle;
        cursor: pointer;
    }

.btn-outline-info-no-border {
    border: none;
}

    .btn-outline-info-no-border:hover {
        background-color: transparent;
        color: #ED5545;
        border: none;
    }

.nav-link {
    line-height: 35px;
    font-weight: 600;
    text-align: center;
    color: #0A60A9;
}

.language-select-hilix {
    background: #F3F8FB;
    border-radius: 80px;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: #333333;
    border: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    width: 48px;
    height: 48px;
    cursor: pointer;
}

.box-border-sub-menu-hilix {
    border: 1px solid #E3ECF3;
    box-shadow: 0px 2px 10px 1px rgb(0 0 0 / 6%);
    border-radius: 5px;
}

.border-radius-03-rem-hilix {
    border-radius: 0.3rem 0.3rem 0 0;
}

#addNewItemBodyModalHilix svg, #previewFilesModalHilix svg {
    width: 25px;
    cursor: pointer;
    color: #273553;
}

.file-preview {
    padding: 0 !important;
}

    .file-preview .btn-outline-secondary, .file-caption .btn-outline-secondary, #kvFileinputModal .btn-outline-secondary {
        color: #273553;
        border-color: #273553;
    }

        .file-preview .btn-outline-secondary:hover, .file-caption .btn-outline-secondary:hover, #kvFileinputModal .btn-outline-secondary:hover {
            color: #273553;
            border-color: #273553;
        }

.file-drop-zone {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.krajee-default .file-footer-caption {
    margin-bottom: 5px !important;
}

.kv-file-upload, .file-upload-indicator, .file-preview .fileinput-remove, #kvFileinputModal .fileinput-remove {
    display: none !important;
}

.file-preview .btn-file, .file-caption .btn-file, #kvFileinputModal .btn-file {
    background: #039746 !important;
}

.file-zoom-dialog .btn-navigate {
    display: none !important;
}

#addNewItemModalHilix {
    overflow-y: auto !important;
}

input[type="file"] {
    display: none;
}

.custom-file-upload {
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #eff0f1;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}

.preview-file-box-hilix {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    float: left;
    text-align: center;
    height: 220px;
    width: 100%;
}

    .preview-file-box-hilix .file-name-hilix {
        font-size: 11px;
        color: #999;
    }

    .preview-file-box-hilix object, .preview-file-box-hilix img, .preview-file-box-hilix iframe {
        max-width: 100% !important;
        width: auto;
        max-height: 150px;
    }

    .preview-file-box-hilix .bi, .preview-file-box-hilix svg {
        cursor: pointer;
    }

.cursour-pointer-hilix {
    cursor: pointer;
}

.dwnShrViewPreview {
    font-size: 25px;
    cursor: pointer;
    color: white;
    margin: 0 10px;
}

#previewFilesModalBodyHilix #previewFilesModalBodyHilix {
    min-height: 700px;
}

#previewFilesModalBodyHilix object {
    min-height: 700px;
    width: 100%;
}

.action-div-hilix {
    height: 100%;
    overflow-y: auto;
}

.allowed-extention {
    border-radius: 5px;
    padding: 10px;
}

.allowed-extention-orange {
    background: #feded0;
    color: #c2856d;
}

.allowed-extention-yellow {
    background: #f8eacc;
    color: #d3b35d;
}

.allowed-extention-blue {
    background: #d1e5fa;
    color: #73a5e4;
}

.allowed-extention-purple {
    background: #e4dffe;
    color: #b6a8eb;
}

#previewFiles {
    border: 1px dashed #aaa;
    min-height: 200px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    width: 100%;
    margin: 0 auto;
}

.custom-file-upload .bi-cloud-arrow-up {
    font-size: 30px;
}

.my-profile-hilix {
    background: #F3F8FB;
    border-radius: 80px;
    border: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.width-height-small-icon-hilix {
    width: 0.875rem;
    height: 0.875rem;
}

#withoutSession2 img {
    width: 35px;
}

.bottom-website-links-hilix {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    background: linear-gradient(268.78deg, #F8695A 13.28%, #0A60A9 99.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-title-hilix {
    font-weight: 800;
    font-size: 18px;
    line-height: 25px;
    color: #ED5545;
}

#irsLogo {
    width: 100px !important;
    filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);
    text-align: center;
    margin: 0 auto;
    display: block;
}

.mh-300-hilix {
    min-height: 300px;
}

.z-index-bellow-hilix {
    z-index: -1;
}

.z-index-above-hilix {
    z-index: 100;
}

.max-width-90-hilix {
    max-width: 90%;
}

.max-width-1300-hilix {
    max-width: 1300px;
    margin: 0 auto;
}

.max-width-1000-hilix {
    max-width: 1000px;
    margin: 0 auto;
}

.max-height-90-hilix {
    max-height: 90%;
}

.hiden-menu-width {
    width: 36px !important;
}

.main-screen-width-when-menu-hidden {
    width: calc(100% - 40px);
}

.text-color-orange-hilix {
    color: #ED5545 !important;
}

.text-color-blue-hilix {
    color: #0A60A9;
}

.text-color-light-gray-hilix {
    color: #B6C1C9;
}

.main-default-page-light-blue-hilix {
    background-color: #F3F8FB;
}

.background-color-transparent-hilix {
    background-color: transparent;
}

.text-color-dark-blue-hilix {
    color: #024176;
}

.text-color-light-gray-hilix {
    color: #a3a3a3;
}

.text-color-dark-gray-hilix {
    color: #333333;
}

.text-color-darker-blue-hilix {
    color: #273553;
}

.text-color-black-hilix {
    color: #000000;
}

.accent-color-orange-hilix {
    accent-color: #ED5545 !important;
}

.d-none-hilix {
    display: none;
}

.table-no-border-hilix td {
    border: none;
}

.datepicker table tr td span.active, .datepicker table tr td.active {
    background: #323a45 !important;
}

.thead-dark-hilix {
    background: #323a45;
    color: white;
}

    .thead-dark-hilix th {
        font-weight: 700;
        color: white !important;
    }

.nested-table-hilix {
    background: white;
    margin: 0;
    box-shadow: 0px 2px 10px 1px rgb(0 0 0 / 6%);
}

#total td, .totalPerYearTD {
    background-color: #989797 !important;
    color: white !important;
}

#total #totalTitle {
    color: #ffffff !important;
}

.image-box-border-shadow-hilix {
    box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 20%) !important;
    border: 1px solid #fff;
}

.login-button-company-hilix:after {
    content: url(/localMedia/images/login-company-gray.svg);
    display: block;
    margin: 0 5px;
    transform: scale(0.8);
}

.login-button-company-hilix:hover {
    color: #ED5545;
}

    .login-button-company-hilix:hover:after {
        content: url(/localMedia/images/login-company-orange.svg);
        transform: scale(0.8);
        display: block;
        margin: 0 5px;
    }

.delete-icon-hilix:after {
    content: url(/localMedia/images/delete-icon.svg);
}

.small-button-hilix {
    background: linear-gradient(264.67deg, #F8695A 6.96%, #0A60A9 108.58%);
    border-radius: 5px;
    color: white;
    border: none;
    text-transform: initial;
    font-size: 1rem;
    padding: 0.25rem 1rem;
    min-width: 150px;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}

    .small-button-hilix:hover, .small-button-hilix.focus, .small-button-hilix:focus {
        background: linear-gradient(264.67deg, #F8695A 6.96%, #0A60A9 108.58%);
        border-radius: 5px;
        color: white !important;
        border: none;
    }

.passive-orange-hilix {
    background-color: rgba(237, 85, 69, 0.15);
}

    .passive-orange-hilix h2 {
        color: #ED5545 !important;
    }

.passive-blue-hilix {
    background-color: rgba(10, 96, 169, 0.15);
}

    .passive-blue-hilix h2 {
        color: #0A60A9 !important;
    }

.passive-purple-hilix {
    background-color: rgba(107, 93, 211, 0.15);
}

.dark-blue-background-hilix {
    background-color: rgb(10 96 169);
}

.passive-purple-hilix h2 {
    color: #6B5DD3 !important;
}

.feature_icon {
    display: inline-table;
    width: 60px;
    height: 60px;
}

    .feature_icon.blue-main-hilix {
        background-color: #0A60A9;
    }

    .feature_icon.orange-main-hilix {
        background-color: #ED5545;
    }

    .feature_icon.purple-main-hilix {
        background-color: #6B5DD3;
    }

    .feature_icon.light-orange-main-hilix {
        background-color: #FCE7E5;
    }

    .feature_icon img {
        width: calc(100% - 30px);
    }


.top-minus-240-hilix {
    top: -240px;
}

.top-minus-340-hilix {
    top: -340px;
}

.feature-hilix {
    border: 1px solid #C3D2DD;
    cursor: pointer;
}

.box-content-hilix {
    display: none;
}

.box-content-hilix-active {
    display: block;
}

.box-content-hilix .list-group-item, .main-blue-background-hilix, .active-feature-main-hilix {
    background: #F3F8FB;
}

    .active-feature-main-hilix h2 {
        color: #ED5545;
    }

.slider-icon {
    width: 45px;
    height: 45px;
    background: #D9D9D9;
}

.slider-icon-active {
    background: #ED5545;
}

    .slider-icon-active svg {
        cursor: pointer !important;
        color: white !important;
    }

.active-tab-dot {
    width: 13px;
    height: 13px;
    background: #DDE4E9;
}

.active-tab-dot-active {
    background: #ED5545;
}

.main-orange-background-hilix {
    background: #ED5545;
}

.main-gray-background-hilix {
    background: #a3a3a3;
}

.main-gray-disabled-background-hilix {
    background: #F3F8FB;
    color: #aeaeae;
    opacity: 0.5;
}

    .main-gray-disabled-background-hilix:hover, .main-gray-disabled-background-hilix:focus, .main-gray-disabled-background-hilix.focus {
        background: #F3F8FB !important;
        color: #aeaeae !important;
        opacity: 0.5 !important;
    }

.main-white-background-hilix {
    background: #ffffff;
}

.prices-middle-blue-background-hilix {
    background: #7AA7C1;
}

.prices-light-blue-background-hilix {
    background: #49A6DA;
}

.prices-orange-background-hilix {
    background: #ED5545;
}

.prices-middle-dark-blue-background-hilix {
    background: #065FA9;
}

.prices-dark-blue-background-hilix {
    background: #024176;
}

.prices-custom-hilix::after {
    content: '*';
    color: red;
}

.border-radius-15-real-hilix {
    border-radius: 15px;
}

.border-radius-15-hilix {
    border-radius: 5px;
}

.border-radius-top-15-hilix {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.border-radius-10-hilix {
    border-radius: 5px;
}

.border-radius-50-hilix {
    border-radius: 50px;
}

.main-default-page-white-hilix {
    background: #FFFFFF;
    height: 100%;
}

.main-default-page-blue-hilix {
    background: rgb(242 242 242);
}

.image-gradient-30-hilix {
    height: 30vw;
    object-fit: fill;
}

.image-gradient-20-hilix {
    height: 20vw;
    object-fit: fill;
}

.image-gradient-10-hilix {
    height: 10vw;
    object-fit: fill;
}

.max-image-height-blog-hilix {
    height: 156px;
}

.max-height-200-hilix {
    max-height: 200px;
}

.max-height-250-hilix {
    max-height: 250px;
}

.max-height-600-hilix {
    max-height: 600px;
}


.max-height-400-hilix {
    max-height: 400px;
}

.page-background-title-hilix {
    height: 150px;
}

.max-width-500-hilix {
    max-width: 500px;
}

.max-width-600-hilix {
    max-width: 600px;
}

.more-action-div-hilix a {
    color: #000000;
    padding: 8px;
    width: 100%;
    display: inline-table;
}

    .more-action-div-hilix a:hover {
        background: #F0F6FA;
    }

.learn-more-btn-hilix {
    display: inline-block;
    box-sizing: border-box;
    padding: 15px 30px;
    font-size: 30px;
    font-size: calc(15px + 1vw);
    line-height: 1;
    margin: 50px auto;
    background: transparent;
    border: 2px solid #ffffff;
    font-weight: 900;
    font-style: italic;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}

    .learn-more-btn-hilix:hover {
        background: white;
        color: #273553;
    }

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

.font-feature-settings-hilix {
    font-feature-settings: 'pnum' on, 'lnum' on;
}

.text-content-blog-hilix {
    height: calc(100% - 156px);
}

.image-fit-hilix {
    object-fit: cover;
}

.border-blog-hilix {
    border-bottom: 1px solid #C3D2DD;
}

.border-bottom-prices-hilix {
    border-bottom: 1px solid #BBCCD9;
}

.orange-border-bottom-hilix {
    border-bottom: 1px solid #ED5545 !important;
}

.orange-ul-hover-hilix li a {
    width: 100%;
    display: block;
    height: 100%;
    color: #ED5545;
}

.orange-ul-hover-hilix li:hover {
    background-color: #ED5545;
}


.orange-ul-hover-hilix li a:hover {
    color: white;
}

.blue_background_transparant-hilix {
    background: rgba(3, 70, 126, 0.8);
    z-index: 100;
}

.justify-content-hilix {
    justify-content: space-between !important;
}

.box-border-hilix {
    border: 1px solid #B7CFE0;
    border-radius: 5px;
}

input:focus {
    outline: none !important;
}

input:-webkit-autofill {
    background-color: #eff0f1 !important;
    -webkit-box-shadow: 0 0 0 50px #eff0f1 inset;
}

.input-select-border-hilix:not(.selectize-dropdown) {
    background: #eff0f1;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 3px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    width: 100%;
    color: #333333;
}

.input-select-border-hilix:focus:not(.selectize-dropdown) {
    background: #eff0f1;
    border: 1px solid #dedede;
    border-radius: 5px;
}

textarea.input-select-border-hilix {
    height: 100px;
}

input[type=file] {
    width: 100%;
    max-width: 500px;
}

.font-size-1-15-hilix {
    font-size: 1.15rem;
}

.font-size-14-hilix {
    font-size: 14px;
}


.width-100-50-margin-hilix {
    width: calc(100% - 80px);
}

.width-40-hilix {
    width: 40px;
}

.dashboard-svg-hilix {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 5px;
    margin: 5px;
}

.dashboard-svg-light-background-hilix {
    background: rgba(38, 168, 242, 0.15);
}

.dashboard-svg-dark-background-hilix {
    background: rgba(10, 96, 169, 0.15);
}

.dashboard-statistic-container-hilix {
    border: 1px solid #E5E9F8;
    background-color: #ecf2f6;
}

#recommended-plan-hilix {
    top: -5px;
    background: #E7F1FB;
    border-radius: 5px;
}

.required-field-label-hilix::after {
    content: "*";
    color: red;
}


.required-field-error-hilix {
    border: 1px solid red !important;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.main-page-inside-hilix {
    background-color: #F9FBFF;
}

.border-top-total-hilix {
    border-top: 1px solid #D2E1EC;
}


.table-hilix {
    border-bottom: none !important;
}

    .table-hilix th {
        color: #273553;
    }

    .table-hilix td {
        font-size: 14px;
        line-height: 19px;
        color: #333333;
        padding: 10px !important;
        border-bottom: 1px solid #D2E1EC;
    }

    #tableOnPage_wrapper svg, #tableOnPage2_wrapper svg, .table-hilix svg {
        width: 16px;
        margin: 0 3px;
    }

    .table-hilix .svg-inline--fa, .nested-table-hilix .svg-inline--fa {
        color: #273553;
        cursor: pointer;
    }

#left-menu-mobile-hilix .svg-inline--fa {
    width: 20px;
}

.border-top-light-table-hilix {
    border-top: 1px solid #D6DCDF;
}

#filters-hilix {
    border: 1px solid #D6DCDF;
    border-radius: 5px;
    background: #F6F9FB;
}

    #filters-hilix .filter-select-hilix {
        color: #656565;
        border: 1px solid #E3ECF3;
    }

.table-head-hilix {
}

.min-vh-60-hilix {
    min-height: 60%;
}

.min-vh-60-hilix {
    min-height: 60%;
}


#blackScreen, #blackScreen4 {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    background: rgba(0,0,0,.5);
    display: none;
}

#loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #0A60A9;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    z-index: 100000;
    display: none;
    top: 50%;
    left: calc(50% - 60px);
    right: calc(50% - 60px);
}

.dashboard-light-blue-background-hilix {
    background-color: rgba(38, 168, 242, 0.08);
}

.dashboard-dark-blue-background-hilix {
    background-color: rgba(10, 96, 169, 0.08);
}

.dashboard-light-blue-text-hilix {
    color: #26A8F2;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.border-top-light-hilix {
    border-top: 1px solid #ececec;
}

.border-bottom-light-hilix {
    border-bottom: 1px solid #ececec;
}

.font-size-1-hilix {
    font-size: 1em;
}

#top-menu-inside-hilix label {
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    color: #273553;
    margin-top: 10px;
}

.company-managment-box-hilix {
    width: 170px;
    border: 1px solid #D6DCDF !important;
    border-radius: 5px;
    background: #F6F9FB;
    margin: 10px;
    cursor: pointer;
}

    .company-managment-box-hilix i {
        font-size: 35px;
        cursor: pointer;
        padding: 20px;
        background: #E7F1FB;
        border-radius: 50%;
    }

    .company-managment-box-hilix label {
        cursor: pointer;
    }

    .company-managment-box-hilix a {
        color: #333333;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        .company-managment-box-hilix a:hover {
            color: #ED5545;
        }

.navbar {
    box-shadow: none;
}

.nav__cont {
    position: fixed;
    width: 230px;
    .nav__cont .nav__items svg top: 0;
    height: 100vh;
    z-index: 100;
    border: 1px solid #eaeaea;
    background: white;
    overflow: hidden;
    transition: width .8s ease;
    cursor: pointer;
}

    .nav__cont .nav {
        list-style-type: none;
        color: white;
        width: 100%;
    }

    .nav__cont .nav__items {
        display: flex;
        width: 100%;
        justify-content: start;
        align-items: center;
        margin-bottom: 5px;
    }

        .nav__cont .nav__items svg {
            font-size: 20px;
            color: #273553;
            margin-bottom: 10px;
            width: 25px;
        }

        .nav__cont .nav__items a {
            position: relative;
            text-decoration: none;
            color: #273553;
            font-weight: 100;
            font-size: 1em;
            padding: 0 10px;
            margin-bottom: 10px;
        }

    .nav__cont .telephone-hilix {
        width: 100%;
        position: absolute;
        bottom: 30px;
    }

    .nav__cont #left-hilix-nav li {
        width: 100%;
    }

#top-menu-inside-hilix svg {
    font-size: 20px;
    color: #273553;
}

#hasAccDiv, #myCompanyName {
    padding: 10px;
    margin: 10px;
    border: 1px solid rgb(39 53 83);
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.fc-header-toolbar {
    flex-wrap: wrap !important;
}

.invStatusUnpaid, .invStatusCancel, .prop2371, .UnusedLabel {
    color: #ED5545 !important;
}

.invStatusPaid, .invStatusActive, .invStatusApproved, .UsedLabel {
    color: #29BE8A !important;
}

label[class*=invStatus], [class*=invStatus], .UnusedLabel, .UsedLabel {
    display: inline-block;
    min-width: 70px;
    max-width: 110px;
    text-align: center;
}

.UnusedLabel, .UsedLabel {
    min-width: 110px;
}

.newInvStatuspaidInvoice, .newInvStatusdebitInv, .newInvStatuspaidInvoiceNV {
    color: #087b00 !important;
}

.newInvStatusinvoice1, .newInvStatusinvoiceNV {
    color: #d87b06 !important;
}

.newInvStatusprotocol {
    color: #47c1d0 !important;
}

.newInvStatusstockRcpt {
    color: #944000 !important;
}

.newInvStatusrecipts, .newInvStatusproformInv {
    color: #0a60a9 !important;
}

.newInvStatuscancelReceipt, .newInvStatuscancelInvoiceType, .newInvStatusnoVatCanceledInvoice, .newInvStatuscancelIncomeComand, .newInvStatuscancInvReceipt, .newInvStatuscreditInv, .newInvStatuscancInvReceiptNV, .newInvStatuscancelInvoiceTypeNV {
    color: #ff3e3e !important;
}

.newInvStatusproposal, .newInvStatusjobOrder {
    color: #713d75 !important;
}

label[class*='invStatus'], [class*='invStatus'], .UnusedLabel, .UsedLabel {
    float: initial !important;
    box-sizing: border-box;
    font-weight: 700;
    padding: 2px;
    display: block;
    max-width: 110px;
}

.invStatusNotFinished, .invStatusPending {
    color: #a85500 !important;
    border: 1px solid #a85500;
}

.invStatusNotFinished {
    cursor: pointer;
}

.invStatusPending {
    width: auto !important;
}

label[class*='newInvStatus'], [class*='newInvStatus'] {
    font-weight: 700;
}

.newInvStatusUnpaid {
    color: #ff3e3e;
    text-decoration: underline;
    font-weight: 700;
}

.newInvStatusPaid {
    color: #087b00;
    font-weight: 700;
}

.newInvStatusNotFinished {
    cursor: pointer;
    color: #a85500;
    text-decoration: underline;
    font-weight: 700;
}

.accountedCBDiv {
    min-width: 130px;
}

    .accountedCBDiv .btn-primary {
        background-color: #273553 !important;
    }

@media screen and (max-width:992px) {
    #navbarNav {
        position: absolute;
        background: linear-gradient(264.67deg, #F8695A 6.96%, #0A60A9 108.58%);
        width: 100%;
        top: 57px;
    }
}

@media screen and (max-width:768px) {
    .box-shadow-menu-hilix {
        box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 20%) !important;
    }

    .nav__cont {
        width: 100%;
        display: flex;
        height: 60px;
        justify-content: space-between;
        position: absolute !important;
    }

    .content-over-menu-hilix {
        width: 100%;
        margin-top: 60px;
    }

    .nav__cont .nav {
        width: auto;
    }

    .nav__cont .telephone-hilix {
        position: initial;
    }

    .nav__cont #left-hilix-nav li {
        width: auto;
        align-self: center;
        margin: 0 5px;
    }

    .nav__cont .dropdown-menu {
        position: fixed !important;
    }

    .nav__cont .dropdown button {
        font-size: 12px;
        max-width: 200px;
    }

    .nav__cont .dropdown .my-profile-hilix {
        width: 30px;
        height: 30px;
    }

        .nav__cont .dropdown .my-profile-hilix svg {
            width: 100%;
            height: 100%;
            color: #273553;
        }
}

@media screen and (max-width:500px) {
    .height-60-hilix {
        height: 40px;
    }

    #left-hilix-nav .btn-outline-info {
        font-size: 12px;
        padding: 5px;
    }

        #left-hilix-nav .btn-outline-info img {
            width: 18px;
        }

    #left-hilix-nav .language-select-hilix {
        font-size: 12px;
        width: 35px;
        height: 35px;
    }

    #navbar-toggler-header .fa-bars {
        font-size: 26px;
    }

    .small-button-hilix {
        min-width: 100px;
    }
}