/*------------------------------------------------------------------
[Custom Stylesheet]
Project:	Contractor Portal - Responsive Admin Template

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1.import icon and fonts Styles 
2. Body, layout
3. bootstrap css overlaping
4. card css
5. font-family
6. font-size
7. width
8. text-color
9. text-legends color
10.status-color
11.Border css
12.Button css
13.HEADER SECTION
14.Form-element
15.Add-update-link
16.Treeview css
17.Arrow-class
18.Required-error-message
19.Project-List Design
20.Legend Drop-down
21.All Table Design
22.Modal Css
23.Sub Contractor List
24.login-page
25.no record found
26.file upload
*/

/******************* 
import icon and fonts Styles 
*******************/
@import url(../fonts/Ionicons/css/ionicons.css);
@import url(../fonts/cryptocoins-master/webfont/cryptocoins.css);
@import url(../fonts/flag-icon/css/flag-icon.css);
@import url(../fonts/fontawesome-free-5.10.2-web/css/all.css);
@import url(../fonts/glyphicons/glyphicon.css);
@import url(../fonts/linea-icons/linea.css);
@import url(../fonts/material-design-iconic-font/css/materialdesignicons.css);
@import url(../fonts/simple-line-icons-master/css/simple-line-icons.css);
@import url(../fonts/themify-icons/themify-icons.css);
@import url(../fonts/font/font.css);
@import url(../fonts/custom-icon/style.css);

@import url(csp-light-box.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


@import url('ncp-profile-edit.css?version=01282025');
/******************* 
import icon and fonts Styles 
*******************/
/*------------------------ Body, layout ----------------------------*/
body {
    /*background:url(../images/body_bg.jpg) no-repeat center center fixed;*/
    background-origin: content-box;
    background-size: cover !important;
    font-family: 'OpenSans', 'sans-serif';
    font-weight: inherit;
    color: #31404E;
}

html {
    font-size: 16px !important;
}


.after-po::after,
.before-po::before {
    position: absolute;
    content: ""
}

.fixed-img {
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

    .fixed-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: fixed;
    }

        .fixed-img img.wtw {
            object-fit: unset;
        }

.full-bx-link {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

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

.fw-4 {
    font-weight: 400;
}

.md-accordion .card .card-body {
    line-height: inherit !important;
}

a {
    color: #0D72BA;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'OpenSans-Bold';
    font-weight: inherit !important
}

h1, .h1 {
    font-size: 2.25rem;
}

h4, .h4 {
    font-size: 1.25rem;
    margin-bottom: 0.1rem;
}

h5, .h5 {
    font-size: 1.125rem;
}

h6, .h6 {
    font-size: 0.936em;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.none {
    cursor: none;
}

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

    .not-allowed a.disabled {
        opacity: 0.5 !important;
    }

.pointer {
    cursor: pointer;
}

.box-shadow {
    box-shadow: 0px 14px 9px -17px rgba(0,0,0,0.5);
}

.csp-btn-filter {
    margin: 0 12px 0 3px;
}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto !important;
    width: auto !important;
    background-size: 100% 100%;
    z-index: 0;
}
/*------------------------ Body, layout end ----------------------------*/

/*------------------ bootstrap css overlaping start ------------------*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.container {
    max-width: 1280px;
}
/*------------------ bootstrap css overlaping end  ------------------*/

/*----------------- card css start ------------*/
.card {
    font-weight: inherit;
}
/*----------------- card css end  -------------------*/

/*--------------- font-family start ------------------*/
.roboto-light {
    font-family: 'Roboto-Light';
}

.roboto-regular {
    font-family: 'Roboto-Regular';
}

.roboto-medium {
    font-family: 'Roboto-Medium';
}

.roboto-bold {
    font-family: 'Roboto-Bold';
}

.openSans {
    font-family: 'OpenSans', 'sans-serif';
}

.openSans-light {
    font-family: 'OpenSans-Light';
}

.openSans-medium {
    font-family: 'OpenSans-Semibold';
}

.openSans-bold {
    font-family: 'OpenSans-Bold';
}
/*-------------- font-family end ------------------*/

/*--------------- font-size start ------------------*/
.f-10 {
    font-size: 10px !important;
}

.f-11 {
    font-size: 11px;
}

.f-12 {
    font-size: 12px;
}

.f-13 {
    font-size: 13px;
}

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

.f-15 {
    font-size: 15px !important;
}

.f-16 {
    font-size: 16px;
}

.f-17 {
    font-size: 17px;
}

.f-18 {
    font-size: 18px;
}

.f-19 {
    font-size: 19px;
}

.f-20 {
    font-size: 20px;
}

.f-21 {
    font-size: 21px;
}

.f-22 {
    font-size: 22px;
}

.f-32 {
    font-size: 32px;
}

.f-60 {
    font-size: 60px;
}

.f-94 {
    font-size: 94px;
}
/*-------------- font-size end ------------------*/

/*-------------- width class  ------------------*/
.w-60 {
    width: 60%;
}

.w-90 {
    width: 90%;
}

.w-94 {
    width: 94%;
}

/*-------------- width class end ------------------*/
.bg-light-success {
    background: #e9ffd4;
    border: 1px solid #d1ecb7;
}

.bg-gray {
    background: #f2f2f2 !important;
}

.bg-light-modal {
    background: #BADEFF !important;
}

.btn-default-dark {
    background: #31404E;
    color: #fff !important;
    padding: 0.5rem 0.9rem;
    border-radius: 2rem;
    font-size: 13px;
    display: inline-block;
}

.close-modal-button {
    font-size: 30px;
    color: #31404E !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
/*-------------- text-color start ------------------*/
.text-light {
    color: #A4A7B3 !important;
}

.text-gray {
    color: #666666;
}

.text-light-gray {
    color: #EFEFF6;
}

.text-dark-gray {
    color: #333;
}

.text-gray-normal {
    color: #c1c7d8
}


.text-heading-gray,
.icon-gray {
    color: #626366;
}

.text-dark-blue {
    color: #085775 !important;
}

.text-blue {
    color: #0D72BA !important;
}

.text-default {
    color: #31404E !important;
}

.text-success {
    color: #07A54E !important;
}

.text-expiring {
    color: #f5a623 !important;
}

.none-shadow {
    box-shadow: none !important;
}

.text-list-title {
    color: #394959;
}
/*.text-overflow { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}*/
.pointer-event-none {
    cursor: pointer;
    pointer-events: none;
}
/*--------------- text-color end ----------------*/
/* --------------- text-legends color -------------------*/
.text-estimated-project {
    color: #256cac;
}

.text-estimated-contractor {
    color: #b3226e;
}

.text-Incurred {
    color: #246eaf;
}

.text-PaidOut {
    color: #31c7c8;
}

.text-estimated {
    color: #1574f0;
}

.text-baseline {
    color: #f5a623;
}

.text-to-date {
    color: #31c7c8;
}

.text-actual {
    color: #90d76d;
}


.text-green {
    color: green;
}

.text-red {
    color: #b4130f;
}

.text-orange {
    color: orange;
}

/* ---------------- text-legends color-------------------*/

/*------------------ status-color ------------------*/
.defult-status {
    color: #b8bfde;
}

.assigned-status {
    color: #48484C;
}

.closed-status {
    color: #A0A0A0;
}

.completed-status {
    color: #E8B72E;
}

.cancelled-status,
.notification-count {
    color: #666666;
}

.closed-out-status {
    color: #2F4183;
}

.enrolled-status {
    color: #6BBF46;
}

.excluded-status {
    color: #00AACF;
}

.excluded-closed-status {
    color: #2F4183;
}

.expiring-offsite-coverage-status,
.missing-payroll-status {
    color: #F65959;
}

.expired-offsite-incomplete-status,
.incomplete-paperwork-status,
.expired-offsite-coverage-status {
    color: #C91010;
}

.not-awarded-status {
    color: #999999;
}

.not-enrolled-status {
    color: #858585;
}

.conditionally-enrolled-status {
    color: #6BBF46;
}

.expired-offsite-pending-review-status,
.pending-review-status,
.pending-closeout-status,
.enrolled-pending-certificates-status {
    color: #F7A506;
}

.closeout-status {
    color: #626366;
}

.expired-status {
    color: #E2294D;
}


/*------------- notification Status -------------*/
.expired-coi,
.incomplete-paperwork-status {
    color: #C91010;
}

.pending-review-status a, .pending-review-status div {
    color: #F7A506 !important;
}

.completed-status a, .completed-status div {
    color: #E8B72E !important;
}

.complete-review-status a, .complete-review-status div {
    color: #07A54E !important;
}

.custom-treeview .treeview-colorful-list li.completed.complete-review-status a,
.custom-treeview .treeview-colorful-list li.completed.pending-review-status a,
.custom-treeview .treeview-colorful-list li.completed.completed-status a, {
    background: #ffffff;
}

.custom-treeview .treeview-colorful-list li.completed.complete-review-status.active a {
    background: #E6F6ED;
}

.custom-treeview .treeview-colorful-list li.completed.pending-review-status.active a,
.custom-treeview .treeview-colorful-list li.completed.completed-status.active a {
    background: #fff2cf;
}
/*------------------ status-color end ------------------*/

.aiml-info-text {
    display: flex;
    align-items: center;
    margin: 15px 0 0;
}

    .aiml-info-text img {
        margin-right: 10px;
        display: inline-block;
    }

    .aiml-info-text p {
        margin: 0;
        line-height: 1.3;
        width: calc(100% - 35px);
        font-size: 13px;
    }

.div-status i.fa-check,
.div-status i.fa-times {
    border: 2px solid #A0A0A0;
    border-radius: 50px;
    color: #A0A0A0;
    font-size: 9px !important;
    height: 17px;
    padding: 2px 0;
    text-align: center;
    width: 17px;
    display: inline-block;
}
.card-contractor-package-list2 .div-status i {
    border: 2px solid !important;
    border-color: inherit;
    font-size: 10px !important;
    padding: 4px;
    border-radius: 100%;
}

.card-contractor-package-list2 .div-status .about-status.conditionally-enrolled-status {
    flex-wrap: wrap;
    justify-content: end;
}

    .card-contractor-package-list2 .div-status .about-status.conditionally-enrolled-status i {
        left: -5px;
        position: relative;
        margin-right: 0;
    }
}
}

.div-status .assigned-status i.fa-check,
.div-status .assigned-status i.fa-times {
    border: 2px solid #48484C;
    color: #48484C;
}

.div-status .closed-status i.fa-check,
.div-status .closed-status i.fa-times {
    border: 2px solid #A0A0A0;
    color: #A0A0A0;
}

.div-status .cancelled-status i.fa-check,
.div-status .cancelled-status i.fa-times {
    border: 2px solid #666666;
    color: #666666;
}

.div-status .closed-out-status i.fa-check,
.div-status .closed-out-status i.fa-times {
    border: 2px solid #2F4183;
    color: #2F4183;
}

.div-status .enrolled-status i.fa-check,
.div-status .enrolled-status i.fa-times {
    border: 2px solid #6BBF46;
    color: #6BBF46;
}

.div-status .excluded-status i.fa-check,
.div-status .excluded-status i.fa-times {
    color: #00AACF;
    border: 2px solid #00AACF;
}

.div-status .excluded-closed-status i.fa-check,
.div-status .excluded-closed-status i.fa-times {
    color: #2F4183;
    border: 2px solid #2F4183;
}

.div-status .expiring-offsite-coverage-status i.fa-check,
.div-status .expiring-offsite-coverage-status i.fa-times,
.div-status .missing-payroll-status i.fa-check,
.div-status .missing-payroll-status i.fa-times {
    color: #F65959;
    border: 2px solid #F65959;
}

.div-status .expired-offsite-incomplete-status i.fa-check,
.div-status .incomplete-paperwork-status i.fa-check,
.div-status .expired-offsite-incomplete-status i.fa-times,
.div-status .incomplete-paperwork-status i.fa-times,
.div-status .expired-offsite-coverage-status i.fa-check,
.div-status .expired-offsite-coverage-status i.fa-times {
    color: #C91010;
    border: 2px solid #C91010;
}

/*.incomplete-paperwork-status i.fa-check,
.incomplete-paperwork-status i.fa-times {
    color: #E2294D;
    border: 2px solid #E2294D;
}*/


.div-status .not-awarded-status i.fa-check,
.div-status .not-awarded-status i.fa-times {
    color: #999999;
    border: 2px solid #999999;
}

.div-status .not-enrolled-status i.fa-check,
.div-status .not-enrolled-status i.fa-times {
    color: #858585;
    border: 2px solid #858585;
}

.div-status .conditionally-enrolled-status i.fa-check,
.div-status .conditionally-enrolled-status i.fa-times {
    color: #6BBF46;
    border: 2px solid #6BBF46;
}

.div-status .expired-offsite-pending-review-status i.fa-check,
.div-status .pending-review-status i.fa-check,
.div-status .pending-closeout-status i.fa-check,
.div-status .enrolled-pending-certificates-status i.fa-check,
.div-status .expired-offsite-pending-review-status i.fa-times,
.div-status .pending-review-status i.fa-times,
.div-status .pending-closeout-status i.fa-times,
.div-status .enrolled-pending-certificates-status i.fa-times {
    color: #F7A506;
    border: 2px solid #F7A506;
}

.div-status .completed-status i.fa-check,
.div-status .completed-status i.fa-times {
    color: #E8B72E;
    border: 2px solid #E8B72E;
}

.div-status .closeout-status i.fa-check,
.div-status .closeout-status i.fa-times {
    color: #626366;
    border: 2px solid #626366;
}

.div-status .expired-status i.fa-check,
.div-status .expired-status i.fa-times {
    color: #E2294D;
    border: 2px solid #E2294D;
}

/*--------------------------Image Sprite ------------------*/
.icon-group-x20,
.icon-group {
    background: url(../images/image_sprite_ncp.png) no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.icon-group-x20 {
    height: 20px;
    width: 20px;
}

.assigned-status .right-thick, .active .right-thick {
    background-position: -18px 0;
}

.not-enrolled-status .right-thick, .active .right-thick {
    background-position: -18px 0;
}

.conditionally-enrolled-status .right-thick, .active .right-thick {
    background-position: -18px 0;
}

.usd-dollor {
    background-position: -36px 0;
}

.missing-payroll-status .usd-dollor, .active .usd-dollor {
    background-position: -54px 0;
}

.document-delete {
    background-position: -72px 0;
}

.incomplete-paperwork-status .document-delete, .active .document-delete {
    background-position: -89px 0;
}

.stopwatch-icon {
    background-position: -108px 0;
}

.expired-coi .stopwatch-icon, .active .stopwatch-icon {
    background-position: -125px 0;
}

.bullhorn-icon {
    background-position: -146px 0;
}

.active .bullhorn-icon {
    background-position: -167px 0;
}

.my-projects .icon-group-x20, .my-safety-alert .icon-group-x20 {
    background-position: 0px -18px;
}

.my-projects.active .icon-group-x20, .my-safety-alert.active .icon-group-x20 {
    background-position: -21px -18px;
}

.my-sub-contractors .icon-group-x20, .my-sub-contractors-safety-alert .icon-group-x20 {
    background-position: -42px -18px;
}

.my-sub-contractors.active .icon-group-x20, .my-sub-contractors-safety-alert.active .icon-group-x20 {
    background-position: -63px -18px;
}
/*------------------ Border css start------------------*/
hr {
    border-color: #A4A7B3;
}

.border-green,
.border-green-1,
.border-green-2 {
    border-color: #07A54E;
}

hr.border-green {
    margin: 1.5rem 0 3rem 0;
}

hr.border-green-1 {
    /*margin:2.5rem 0 2.5rem 0;*/
    margin: 3rem 0;
}

hr.border-green-2 {
    margin: 2.25rem 0;
}

.border-solid-gray {
    border: 1px solid #979797;
}

.border-solid-top-gray {
    border-top: 1px solid #979797;
}

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

.border-bottom {
    border-color: #D8D8D8 !important;
}

.border-top {
    border-color: #D8D8D8 !important;
}

.border-dashed-bottom {
    border-bottom: 1px dashed #aeb2b9;
}

.border-dashed-left {
    border-left: 1px dashed #aeb2b9;
}

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

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

.border-top-dark {
    border-top: 1px solid #A4A7B3 !important;
}

.border-bottom-dark {
    border-bottom: 1px solid #A4A7B3 !important;
}

.border-right-dark {
    border-right: 1px solid #A4A7B3 !important;
}

.border-left-dark {
    border-left: 1px solid #A4A7B3 !important;
}

.border-radius-0 {
    border-radius: 0px !important;
}

.border-radius-3 {
    border-radius: 3px !important;
}

.border-radius-5 {
    border-radius: 5px !important;
}

.border-radius-4 {
    border-radius: 4px !important;
}
/*------------------ Border css start------------------*/

/*------------------ Button css start ------------------*/

.btn-save-exit {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    border: 1px solid #fff !important;
}

.btn {
    text-transform: none;
    margin: 0;
}

.btn-dark-green { /*background:#07A54E;*/
    background: #069873 !important;
    border-radius: 5px;
}

.btn-dark-green-border {
    border: 1px solid #069873 !important
}

.btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green:hover {
    background: #068766 !important;
}

.btn-blue {
    background: #0D72BA !important;
    color: #ffffff !important;
    border: 1px solid #1976d2;
}

.btn-light-blue {
    background: #0D72BA !important;
}

.btn.btn-lg {
    font-size: 1rem;
    padding: 0.75rem 1.25rem;
    font-family: 'OpenSans-Semibold';
}

.btn-normal-blue {
    box-shadow: none;
    border: 1px solid #0D72BA !important;
    padding: 0.3rem 0.675rem !important;
    font-weight: inherit;
}

.btn-outline-blue {
    border: 1px solid #1976d2 !important;
}

.btn-outline-grey {
    border: 1px solid #616161 !important;
}

.btn-outline-gray {
    color: #626366;
}

.btn-outline-gray {
    border: 1px solid #A4A7B3 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.btn-p {
    padding: 0.3rem 1.2rem !important;
}

.btn-outline-darkgray {
    border: 1px solid #626366 !important;
    color: #626366 !important;
}

.input-file-btn {
    padding: 4px 8px;
    font-size: 11px;
    border-radius: 3px;
}

    .input-file-btn .custom-file-input {
        height: 25px;
    }

.btn-light-gray {
    background: #F4F4F4;
    color: #666666 !important;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 15px;
    border: 0;
    outline: 0;
    box-shadow: none;
}
/* btn-outline-gray css */
.custom-btn-group .btn {
    border: 1px solid #A4A7B3;
    box-shadow: none;
}

    .custom-btn-group .btn.active
    /*.custom-btn-group .btn-outline-gray:active,
.custom-btn-group .btn-outline-gray:focus {background-color: #03b0ff;color:#fff !important;border: 1px solid #0D72BA !important;}*/
    .custom-btn-group .btn-outline-gray.dropdown-toggle {
        background-color: #03b0ff !important;
    }

.custom-btn-group .btn-outline-gray.dropdown-toggle:focus, .custom-btn-group .btn-outline-gray.dropdown-toggle:hover {
    background-color: #03b0ff !important;
}

.custom-btn-group .btn-outline-gray:not([disabled]).active,
.custom-btn-group .btn-outline-gray:not([disabled]):active,
.show > .custom-btn-group .btn-outline-gray.dropdown-toggle {
    background-color: #0D72BA !important;
    color: #fff !important;
}

.custom-btn-group.subcontractor-switch .btnNoTooltip .btn {
    margin-left: -1px;
    border-radius: 0 .125rem .125rem 0px !important;
}

.custom-btn-group.subcontractor-switch .btnYesTooltip .btn {
    border-radius: .125rem 0 0px .125rem !important;
}

.custom-btn-group.required label:first-child {
    border-left: 1px solid #ff3b36 !important;
    border-top: 1px solid #ff3b36 !important;
    border-bottom: 1px solid #ff3b36 !important
}

.custom-btn-group.required label:nth-of-type(2) {
    border-right: 1px solid #ff3b36 !important;
    border-top: 1px solid #ff3b36 !important;
    border-bottom: 1px solid #ff3b36 !important
}

a.filter-btn {
    background: #0D72BA;
    padding: 8px 20px;
    display: inline-flex;
    color: #fff !important;
    font-size: 15px;
    border-radius: 3px;
    height: 45px;
    align-items: center;
}

.filter-btn i {
    transform: rotate(180deg);
}

.close-btn {
    background: #fff;
    color: #666666;
    border: 1px solid #A4A7B3;
    font-size: 14px;
    padding: 0.5rem !important;
    border-radius: 4px;
}

.search-btn {
    background: #0D72BA;
    color: #ffffff !important;
    border: 1px solid #1976d2;
    font-size: 14px;
    padding: 0.5rem !important;
    border-radius: 4px;
    font-family: 'OpenSans-Semibold';
}
/*------------------ Button css end ------------------*/

/*---------  HEADER SECTION START ---------------------*/
header {
    background: #085775;
}

    header .navbar {
        box-shadow: none !important;
    }

    header .navbar-nav .nav-link em {
        font-size: 20px;
    }

.client-logo {
    width: auto;
    max-height: 120px;
    margin: 0 auto 0;
}

    .client-logo img {
        max-width: 180px;
        padding: 0px 10px;
        max-height: 110px;
    }



.nav-user-custom .dropdown-menu .dropdown-item {
    display: inline-block;
}

.nav-user-custom li .mobile-name {
    display: none;
}

.dropdown-menu .dropdown-item:active {
    background: inherit !important;
}
/*-------------Navigation design------------*/
.custom-nav {
    background: #085775;
}

    .custom-nav .nav-item {
        border-left: 1px solid #A4A7B3;
    }

    .custom-nav.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
        background: none;
    }

    .custom-nav .nav-item .nav-link {
        /*padding: 0.8rem 0.7rem;*/
        font-size: 0.9rem;
        font-family: 'OpenSans-Semibold';
    }

        .custom-nav .nav-item .nav-link i, .custom-nav .nav-item .nav-link i.far {
            padding: 0rem 0.2rem 0 0;
            position: relative;
            vertical-align: middle;
            font-size: 1rem;
        }

    .custom-nav .navbar-brand {
        padding: 0;
    }

        .custom-nav .navbar-brand img {
            max-height: 48px;
            max-width: 150px;
        }
/*-------------Navigation design------------*/
/*---------  HEADER SECTION START ---------------------*/

/*------------------ Form-element css start ------------------*/
[placeholder] {
    text-overflow: ellipsis;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
focus::-webkit-input-placeholder,
focus::-moz-placeholder,
focus:-ms-input-placeholder,
focus:-moz-placeholder {
    text-overflow: ellipsis;
}

.box-input {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 24px 10px 10px 10px;
}

    .box-input .form-control {
        border: 0;
    }

.fix-label {
    position: absolute;
    top: 10px !important;
    color: #a0a0a0;
    font-weight: normal;
    font-size: 11px;
    margin-left: auto !important;
    z-index: 99;
}

label.fix-label-input {
    position: absolute !important;
    top: 10px !important;
    color: #a0a0a0 !important;
    font-weight: normal !important;
    font-size: 11px !important;
    margin-left: 10px !important;
}

    label.fix-label-input.active {
        transform: inherit !important;
    }

.token-input-focused-facebook label.fix-label-input {
    border: 1px solid #f00;
}

li.token-input-token-facebook {
    margin-top: 10px !important;
}


.custom-form-group .md-form.select-wrapper input.select-dropdown {
    margin: 0;
    border: 0;
    line-height: inherit;
    /*width: 85%;*/
}

.custom-form-group .md-form {
    margin: 0
}

.custom-form-group.custom-select .md-form {
    padding: 0 13px 0 10px;
}



select:focus, *:focus {
    outline: none;
}

.custom-form-group {
    padding: 18px 12px 5px 12px;
    background: #fff;
    border: 1px solid #A4A7B3;
    border-radius: 5px;
    margin-bottom: 1.5rem;
    margin-top: 0;
    position: relative;
}

    .custom-form-group.only-textarea {
        padding: 5px 12px 5px 12px;
    }

.input-custom-height .custom-form-group {
    padding: 0px 0px 0px 12px !important;
}

.input-custom-height .md-form.custom-form-group input[type=password],
.input-custom-height .md-form.custom-form-group input[type=text] {
    height: 50px;
    padding-top: 13px;
}

.input-custom-height .md-form.custom-form-group label {
    top: 20px;
}


.custom-form-group .form-control {
    border: 0 !important;
    background: none;
    font-family: 'OpenSans';
    margin: 0;
    padding: 0;
    background-color: none;
    font-weight: normal;
    height: 38px;
    position: relative;
    z-index: 9;
}

.custom-form-group textarea.form-control {
    height: 120px;
    resize: none;
    margin-top: 8px;
}

.custom-form-group.only-textarea textarea.form-control {
    margin-top: 0px;
}

.md-form textarea ~ label.active {
    color: #A4A7B3;
}

.md-form.custom-form-group label {
    top: 18px;
    margin-left: 15px;
}

.md-form.custom-form-group label {
    color: #A4A7B3;
}

.md-form label {
    z-index: 99;
}

.md-form.custom-form-group label.active {
    -webkit-transform: translateY(-9px) scale(1);
    transform: translateY(-9px) scale(1);
    margin-left: 10px;
    font-size: 0.6875rem !important;
    top: 20px;
}

.md-form.custom-form-group label i.fa-question-circle {
    cursor: default;
}

.md-form.custom-form-group input[type=text]:focus:not([readonly]),
.md-form.custom-form-group input[type=password]:focus:not([readonly]),
.md-form.custom-form-group input[type=email]:focus:not([readonly]),
.md-form.custom-form-group input[type=url]:focus:not([readonly]),
.md-form.custom-form-group input[type=time]:focus:not([readonly]),
.md-form.custom-form-group input[type=date]:focus:not([readonly]),
.md-form.custom-form-group input[type=datetime-local]:focus:not([readonly]),
.md-form.custom-form-group input[type=tel]:focus:not([readonly]),
.md-form.custom-form-group input[type=number]:focus:not([readonly]),
.md-form.custom-form-group input[type=search-md]:focus:not([readonly]),
.md-form.custom-form-group input[type=search]:focus:not([readonly]),
.md-form.custom-form-group textarea.md-textarea:focus:not([readonly]) {
    box-shadow: none !important;
    border-bottom: 0 !important;
}

    .md-form.custom-form-group input[type=text]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=password]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=email]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=url]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=time]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=date]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=datetime-local]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=tel]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=number]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=search-md]:focus:not([readonly]) + label,
    .md-form.custom-form-group input[type=search]:focus:not([readonly]) + label,
    .md-form.custom-form-group textarea.md-textarea:focus:not([readonly]) + label {
        color: #A4A7B3;
    }

.md-form input[type=text].valid,
.md-form input[type=password].valid,
.md-form input[type=search].valid {
    box-shadow: none !important;
}

.custom-form-group.required,
.table-form-group > .required {
    border-color: #ff3b36 !important;
    border-left: 3px solid;
}

/* safety Form input label design */
.safety-form-declaration .md-form.custom-form-group label {
    font-size: 0.855rem;
    margin-left: 12px;
    top: 22px;
}

    .safety-form-declaration .md-form.custom-form-group label.active {
        font-size: 0.8rem;
        top: 16px;
    }

.custom-form-group.no-label {
    padding: 5px 12px 5px 12px;
}

.input-convert-label {
    border: 0;
}

    .input-convert-label.disabled {
        background: none !important;
    }

.txtphone {
    width: 220px;
}

.disabled {
    pointer-events: none;
    background: #f1f1f1;
    cursor: not-allowed;
}

    .disabled i.fa {
        pointer-events: all !important;
    }

.colorful-select .dropdown-content li a:hover,
.colorful-select .dropdown-content li span:hover,
.colorful-select .dropdown-content li.active span {
    box-shadow: none;
}

.form-check-input[type=checkbox] + label {
    padding-left: 25px;
}

.form-editor label {
    z-index: 99;
    margin-left: 15px;
    color: #A4A7B3;
}

.form-editor .tox-tinymce {
    border: 1px solid #A4A7B3;
    border-radius: 5px;
}

.form-editor .mce-content-body[data-mce-placeholder] {
    margin: 2.5rem 1rem;
}

li.token-input-token-facebook {
    white-space: inherit !important;
}
/*------------------ Form-element css end ------------------*/
/*-------------Add-update-link start--------------- */
.add-update-link {
    position: absolute;
    top: -24px;
    right: 5px;
}

.add-update-link-bottom {
    line-height: 15px;
    right: 5px;
    margin-bottom: 10px;
}

.link-text {
    font-size: 12px;
    right: 13px;
    color: #39ad00;
    font-style: italic;
}

    .link-text:hover {
        color: #2f9000;
    }

.link-info-gray {
    font-size: 12px;
    color: #666666;
}
/*-------------Add-update-link end --------------- */

/*----------------------- Treeview css start -----------------------*/
.div-body-content {
    padding-left: 14px;
}

.custom-treeview {
    background: none;
}

    .custom-treeview.treeview-colorful .treeview-colorful-list ul {
        padding-left: 1.5rem;
        margin-bottom: 1rem;
        margin-top: 0;
        background: none;
    }

    .custom-treeview.treeview-colorful a.treeview-colorful-items-header,
    .custom-treeview .treeview-colorful-items-header {
        font-size: 17px;
        font-weight: inherit;
        /*color: #e0e0e9;*/
        color: #31404E;
        line-height: 24px;
        font-family: 'OpenSans-Semibold';
        /*padding: 0.865rem;*/
        padding: 0.865rem 1.25rem 0.865rem 1.25rem;
        cursor: pointer;
    }

    .custom-treeview.treeview-colorful .treeview-colorful-list li ul li.disabled .treeview-colorful-element {
        color: #e0e0e9;
    }

    .custom-treeview .treeview-colorful-list {
        margin-bottom: 0;
    }

        .custom-treeview .treeview-colorful-list li i {
            margin-top: 4px;
            display: none;
        }

    .custom-treeview.treeview-colorful .treeview-colorful-element {
        border: 0;
        color: #31404E;
        padding: 0.3rem 1.25rem;
        font-size: 16px;
        font-family: 'OpenSans-Light';
        background: none;
    }

        .custom-treeview.treeview-colorful .treeview-colorful-element:hover {
            color: #31404E;
        }

    .custom-treeview.treeview-colorful .treeview-colorful-items.disabled a.treeview-colorful-items-header,
    .custom-treeview .treeview-colorful-items.disabled .treeview-colorful-items-header
    .custom-treeview .treeview-colorful-list li.disabled a.treeview-colorful-items-header,
    .custom-treeview .treeview-colorful-list li.disabled .treeview-colorful-items-header {
        color: #e0e0e9 !important;
    }

    .custom-treeview .treeview-colorful-list li {
        border-bottom: 1px solid #dcdcdc;
    }

        .custom-treeview .treeview-colorful-list li ul li {
            border-bottom: 0;
        }

            /*---------- Menu css ------------*/

            /* ------ Menu icon Show ----------*/
            .custom-treeview .treeview-colorful-list .treeview-colorful-items.completed a.treeview-colorful-items-header i,
            .custom-treeview .treeview-colorful-list li.completed .treeview-colorful-items-header i,
            .custom-treeview .treeview-colorful-list li.completed ul li.completed .treeview-colorful-element i,
            .custom-treeview .treeview-colorful-list li ul li.completed .treeview-colorful-element i {
                display: block;
                color: #07A54E;
            }

        .custom-treeview .treeview-colorful-list .treeview-colorful-items.completed a.treeview-colorful-items-header,
        .custom-treeview .treeview-colorful-list li.completed .treeview-colorful-items-header,
        .custom-treeview .treeview-colorful-list li.completed .treeview-colorful-items-header:hover,
        .custom-treeview .treeview-colorful-list li.active a.treeview-colorful-items-header,
        .custom-treeview .treeview-colorful-list li.active .treeview-colorful-items-header,
        .custom-treeview .treeview-colorful-list li.active .treeview-colorful-items-header:hover {
            color: #07A54E;
            border: 0;
        }

        .custom-treeview .treeview-colorful-list li.completed {
            background: #e4f5eb;
            color: #07A54E;
        }

        .custom-treeview .treeview-colorful-list li ul li.completed {
            background: none;
            color: inherit;
        }

        .custom-treeview .treeview-colorful-list li ul li.disabled,
        .custom-treeview .treeview-colorful-list li.disabled {
            background: none;
        }

        .custom-treeview .treeview-colorful-list li ul li.active .treeview-colorful-element {
            font-family: 'OpenSans';
        }

    .custom-treeview.treeview-colorful .treeview-colorful-items-header.open:hover,
    .custom-treeview.treeview-colorful .treeview-colorful-items-header:hover {
        background: none;
        color: #31404E;
    }

    .custom-treeview .treeview-colorful-list li.li-main-active a.treeview-colorful-items-header,
    .custom-treeview.treeview-colorful .treeview-colorful-list li.li-main-active a.treeview-colorful-items-header.open:hover,
    .custom-treeview.treeview-colorful .treeview-colorful-list li.li-main-active a.treeview-colorful-items-header:hover,
    .custom-treeview .treeview-colorful-list li.active a.treeview-colorful-items-header.open,
    .custom-treeview .treeview-colorful-list li.active a.treeview-colorful-items-header {
        color: #07A54E;
    }


    .custom-treeview.treeview-colorful .treeview-colorful-items-header.open,
    .custom-treeview.treeview-colorful .treeview-colorful-element.opened:hover,
    .custom-treeview.treeview-colorful .treeview-colorful-items-header.open:hover {
        background: none;
        border: 0;
    }

/*---------------------- View Document page ----------------------*/
.treeview-colorful.document-treeview .treeview-colorful-element .document-name {
    max-width: 95%;
    word-break: inherit;
}

.document-name {
    word-break: break-all;
}
/*----------------------- Treeview css End -----------------------*/
/*----------------------- Arrow-class start -----------------------*/
.arrow-down {
    position: relative;
    border-bottom: 2px solid #07A54E;
    margin: 2.5rem 0;
}

    .arrow-down:before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 48%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 20px 0 20px;
        border-color: #07A54E transparent transparent transparent;
    }

    .arrow-down:after {
        content: '';
        position: absolute;
        bottom: -9px;
        left: 48%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9px 19px 0 19px;
        border-color: #07A54E transparent transparent transparent;
        cursor: pointer;
    }
/*----------------------- Arrow-class end -----------------------*/
/*------------------ Required-error-message start  ------------------------*/
.error-message {
    background: rgba(236, 21, 0, 0.8);
    border-radius: 3px;
    bottom: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    left: -1px;
    margin: 0 0 5px 0px !important;
    padding: 4px 10px;
    position: absolute;
    z-index: 99;
}

    .error-message:after {
        content: '';
        position: absolute;
        left: 15px;
        bottom: -4px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: rgba(236, 21, 0, 0.8) transparent transparent transparent;
    }


.error-message-button {
    background: rgba(236, 21, 0, 0.8);
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    z-index: 99;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
}

.text-box-danger {
    border-color: #f9adad;
    background: #ffdede;
}

.text-box-success {
    border-color: #b8e88d;
    background: #daffc3;
}

/*------------------ Required-error-message end ------------------------*/
/*---------- Project-List Design   -----------------------*/
a.link-tab {
    font-size: 21px;
    font-family: 'OpenSans-Bold';
    line-height: 24px;
    color: #A4A7B3;
    border-bottom: 3px solid transparent;
    display: inline-block;
    padding-bottom: 19px;
}

    a.link-tab.active {
        border-bottom: 3px solid #085775;
    }

        a.link-tab:after, a.link-tab.active:after {
            font-family: "Material Design Icons";
            content: "\F140";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-size: 28px;
            margin-left: 5px;
        }

        a.link-tab.active, a.link-tab.active:after {
            content: "\F143";
            color: #085775;
        }

/*---- list-enrolled ------- */
ul.list-enrolled {
    position: relative;
    margin: 1rem 0;
    padding: 0;
}

    ul.list-enrolled li {
        list-style-type: none;
        margin-bottom: 0.2rem;
    }

        ul.list-enrolled li a {
            font-size: 0.8125rem;
        }

/*----------  Progress Bar Design ----------*/
.progress {
    height: 5px;
    background: #d0d0d0;
    border-radius: 0;
    box-shadow: none;
    margin: 15px 0 45px;
    overflow: visible;
    position: relative;
}

    .progress .progress-bar {
        box-shadow: none;
        border-radius: 0;
        position: relative;
        -webkit-animation: animate-positive 2s;
        animation: animate-positive 2s;
    }

        .progress .progress-bar:after {
            content: "";
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            right: -5px;
            top: -5px;
        }

        .progress .progress-bar:after {
            border: 4px solid #90D76E;
            background: #78b957;
            z-index: 98;
        }

        .progress .progress-bar.gray:after {
            border: 4px solid #c7c7c7;
            background: #a0a0a0;
            z-index: 98;
        }

        .progress .progress-bar.green {
            background: #90d76d !important;
        }

        .progress .progress-bar.gray {
            background: #c7c7c7 !important;
        }

        .progress .progress-bar.red .progress-value,
        .progress .progress-bar.red {
            background: #e92626 !important;
        }

            .progress .progress-bar.red .progress-value::after {
                border-top-color: #e92626;
            }

            .progress .progress-bar.red:after {
                border: 4px solid #e92626;
                background: #cc1616;
            }

    .progress .progress-value {
        border-radius: 3px;
        background: #90D76E;
        font-size: 13px;
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 20px;
        right: -22px;
        padding: 5px 10px;
        min-width: 53px;
    }

    .progress .gray .progress-value {
        background: #666666;
    }

    .progress .progress-date {
        color: #0a0a0a;
        text-align: center;
        position: absolute;
        top: 15px;
        right: -37px;
    }

.progress-date-status {
    position: absolute;
    top: 48px;
    width: 97%;
}

.progress .progress-value:after {
    content: "";
    border-top: 7px solid #90D76E;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    bottom: -7px;
    left: 42%;
}

.progress .gray .progress-value:after {
    border-top-color: #666666;
}

/*----------  Progress Bar css bottom ----------*/
.multiple-point-progress .progress::after,
.multiple-point-progress .progress::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -5px;
    left: -2px;
    z-index: 1;
}

.multiple-point-progress .progress::before {
    border: 4px solid #90D76E;
    background: #78b957;
}

.multiple-point-progress .progress::after {
    border: 4px solid #d0d0d0;
    left: auto;
    right: -5px;
}

.first-progress-bar.tooltip-add .progress-value {
    right: -85px;
    display: none;
    min-width: 160px;
}

.progress .first-progress-bar.tooltip-add .progress-value:after {
    left: 42%;
}

.first-progress-bar.tooltip-add:hover .progress-value {
    display: block;
    z-index: 3;
}
/* No record Progress */
.no-date-box {
    border: 1px dashed #dcdcdc;
    text-align: center;
    padding: 5px;
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0;
    }
}

@keyframes animate-positive {
    0% {
        width: 0;
    }
}
/*----------  Progress Bar Design end ----------*/

/*---------- custom-accordion end -------------------- */
.md-accordion .card .card-header.collapsed a .rotate-icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.md-accordion .card .card-header[aria-expanded='false'] a.rotate-icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #24243E !important;
}

.md-accordion .card .card-header[aria-expanded='true'] a.rotate-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(1800deg);
    transform: rotate(180deg);
    color: #2DAAE1 !important;
}

.md-accordion .card .fa-angle-down {
    float: none !important;
}

.custom-accordion .card.active {
    background: #fff;
}

.custom-accordion .card {
    background: rgba(239,239,246,0.7);
    box-shadow: none;
    border-top: 1px solid #A4A7B3;
    border-radius: 0;
    border-bottom: 0 !important;
}
    .custom-accordion .card.card-contractor-package-list2 {
        background: #F4F4F9 !important;
        border-top: 1px solid #C0C0C0 !important;
    }
        .custom-accordion .card.card-contractor-package-list2:first-child{
            border-top: 0 !important;
        }
        .custom-accordion .card:first-child {
            border-top: 1px solid transparent;
        }

.custom-accordion .card-header {
    background: none;
    border: none;
    padding: 20px !important;
}

.custom-accordion .card-body {
    padding: 0rem 0.875rem 0.75rem 0.875rem;
}

.gc-accordion .card {
    background: #f4f4f9;
}



.mt-p-75 {
    margin-top: 0.75rem;
}

.mt-20{
    margin-top: 20px;
}

.mt-px-2 {
    margin-top: 2px;
}

.md-accordion .card .card-body {
    color: #31404E;
}
/*---------- custom-accordion end -------------------- */

/*---- list-graph ----*/
.div-graph {
    height: 198px;
}
/*---- list-graph end----*/
/*----------  Project-List Design   -----------------------*/
/*---------- Legend Drop-down Start  -------------*/
.notification-group {
    border-top: 1px solid #A4A7B3;
    padding: 0.5rem 1.3rem 0rem;
    background-color: rgba(239,239,246,0.2);
    position: relative;
}

.legend-drop-down {
    padding: 0.3rem 0;
    border-color: #e4e4e4;
}

    .legend-drop-down .dropdown-item {
        padding: 0.25rem 0.7rem;
        font-size: 0.8rem;
        /* font-family: OpenSans-Light;*/
        font-family: 'OpenSans';
        color: #333333;
    }

        .legend-drop-down .dropdown-item i {
            font-size: 0.75rem;
        }

        .legend-drop-down .dropdown-item.active, .legend-drop-down .dropdown-item:active, .legend-drop-down .dropdown-item:hover, .legend-drop-down .dropdown-item:focus {
            background: none;
            color: none;
        }

    .legend-drop-down.legend-cip-certificates {
        width: 100%;
        padding: 0.625rem;
        box-shadow: 0px 14px 9px -17px rgba(0,0,0,0.5);
        transform: none !important;
        top: 30px !important;
    }

        .legend-drop-down.legend-cip-certificates .dropdown-item {
            white-space: inherit;
            margin-bottom: 5px;
            font-size: 0.825rem;
        }

            .legend-drop-down.legend-cip-certificates .dropdown-item i {
                font-size: 0.825rem;
            }

/*---------- Legend Drop-down e nd-------------*/

/*--------------- All Table Design ---------------*/
.table.align-middle tr th, .table.align-middle tr td {
    vertical-align: middle;
}

.table td {
    /*padding: 0 0.5rem;*/
    font-size: 0.8125rem;
    font-weight: inherit;
    border-top: 0;
    vertical-align: middle;
}

.table thead th {
    font-family: 'OpenSans-Bold';
    font-weight: inherit;
    font-size: 0.875rem;
}

.table.table a {
    color: #0D72BA;
}
/*--------------------Table Gray  --------------------*/
.table.table-gray thead {
    background: #fff;
}

    .table.table-gray thead th {
        border-bottom: 0;
        color: #31404E;
    }

.table.table-gray tbody td {
    border-bottom: 1px solid #D8D8D8;
    color: #31404E;
    padding: 1rem 0.75rem;
}

.table-bg-gray {
    background-color: rgba(239,239,246,0.7);
}

tr.bg-gray td {
    border-bottom-color: #e8e8e8 !important;
}

.table.table-gray tbody td .custom-input {
    margin-bottom: 0 !important;
}

.table.table-gray tbody td.sub-table {
    padding: 0;
}

.table.table-gray table.no-odd-even {
    width: 100%;
}

    .table.table-gray table.no-odd-even tbody td {
        border-bottom: 0;
        padding: 0.5rem 0.75rem;
    }

    .table.table-gray table.no-odd-even.coi-data-td tbody td {
        padding: 0.2rem 0.5rem;
    }
/*--------------------Table table-light-blue  --------------------*/
.table.table-light-blue thead {
    background: #fff;
}

    .table.table-light-blue thead th {
        border-bottom: 0;
        color: #31404E;
    }

.table.table-light-blue tbody td {
    border-bottom: 1px solid #dbe9ec;
    color: #31404E;
    padding: 1rem 0.75rem;
}

.table-bg-light-blue {
    background-color: #f6fafb;
}
/*--------------------Table Blue  --------------------*/
.table.table-blue thead {
    background: #107cbb;
}

    .table.table-blue thead th {
        color: #ffffff;
        border: 0;
    }

.last-border-none tr:last-child td {
    border: 0 !important;
}

.nested-border-none tr td {
    border: none;
    padding: 10px;
}

.rate-base-on tr.active {
    background: #e6f6ed;
}

a.gl-delete {
    color: #84898d !important;
    position: absolute;
    top: 15px;
    right: 20px;
}

    a.gl-delete:hover {
        color: #0D72BA !important;
    }
/*--------------- Table Design end  ---------------*/


table.gray-table {
    font-size: 13px;
    border-collapse: unset !important;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    background: #fff;
}

    table.gray-table tbody,
    table.gray-table thead {
        border: 0;
    }

        table.gray-table thead th {
            background: none;
            background-color: #F5F5F5;
            padding: 0 20px;
            color: #666;
            border: 0;
            box-shadow: none;
            font-weight: normal;
            border-bottom: 1px solid #CCCCCC;
            font-family: 'OpenSans';
            height: 40px;
            vertical-align: middle;
        }

            table.gray-table thead th:first-child {
                border-radius: 5px 0px 0 0;
            }

            table.gray-table thead th:last-child {
                border-radius: 0px 5px 0 0;
            }

        table.gray-table tbody tr td {
            box-shadow: none;
            padding: 15px 20px;
            font-family: 'OpenSans-Semibold';
            color: #333333;
            font-size: 15px;
            border-top: 1px solid #CCCCCC;
            border-right: 1px solid #CCCCCC;
            border-bottom: 0;
        }

            table.gray-table tbody tr td:last-child {
                border-right: 0;
            }

        table.gray-table tbody tr:first-child td {
            border-top: 0;
        }

.payroll-modal .modal-content {
    border-radius: 0.3rem !important;
}

.modal-content .btn.btn-lg {
    padding: 0.75rem 1.25rem !important;
}

.payroll-modal .modal-xl {
    max-width: 880px;
    width: 85%;
}
/*----------------Modal Css ---------------*/

.close.body-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.modal-body {
    padding: 1.5rem;
}

.modal .modal-full-height.modal-xl {
    width: 1200px;
    max-width: 1200px;
}
/*.modal-body {padding: 1.865rem;}*/
body.modal-open {
    overflow: hidden !important;
}
/*.modal-header .close{padding: 1.38rem 1rem;}*/
.modal-right .modal-content {
    border-radius: 0;
}

.modal-body .close {
    margin-top: 0.5rem;
}

.add-edit-loader,
#modal-monthly-missing-payroll .fixed-scroll-modal, #modal-change-order .fixed-scroll-modal {
    min-height: calc(100vh - 6rem);
    max-height: calc(100vh - 6rem);
    height: inherit !important;
}

.loader-content.preview-loader {
    min-height: calc(100vh - 23rem);
    max-height: calc(100vh - 23rem);
    height: inherit !important;
}

.loader-content.preview-loader2 {
    min-height: 100vh;
    max-height: 100vh;
    height: inherit !important;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
}

.fixed-scroll-modal {
    min-height: calc(100vh - 5.5rem);
    max-height: calc(100vh - 5.5rem);
    overflow-y: auto;
    padding-bottom: 1.5rem;
    margin-right: -1.5rem;
    padding-right: 1.5rem;
}

.certificate-data-modal .fixed-scroll-modal,
.completion-notice-data-modal .fixed-scroll-modal,
.add-contractor-data-modal .fixed-scroll-modal,
.add-sub-contractor-data-modal .fixed-scroll-modal,
.contractor-package-sub-contractor-data .fixed-scroll-modal {
    max-height: calc(100vh - 6rem);
    min-height: auto;
    overflow-y: auto;
    padding-bottom: 1.5rem;
    margin-right: -1.5rem;
    padding-right: 1.5rem;
}

.certificate-data-modal .fixed-scroll-modal {
    min-height: calc(100vh - 6rem);
}

.fein-alert-modal .modal-dialog {
    max-width: 640px;
    width: 100%;
}



.add-insurance-offsite-coverage .fixed-scroll-modal {
    min-height: calc(100vh - 6rem);
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    padding-bottom: 1rem;
    margin-right: -1rem;
    padding-right: 1rem;
}



.modal-p-lrb {
    padding: 0rem 1rem 1.865rem 1.865rem !important;
}

.fixed-data {
    overflow: auto;
    min-height: calc(100vh - 7rem);
    max-height: calc(100vh - 7rem);
}

.modal-background {
    /*background: url(../images/body_bg.jpg) no-repeat center center fixed;*/
    /*background:#475163;*/
    background: #0d5875;
    min-height: 100vh;
}

.modal-details-view {
    width: 77%;
    min-width: 77%;
    max-width: 77%;
}


.contractor-package-enrollment-data .modal-details-view {
    width: 60%;
    min-width: 60%;
    max-width: 60%;
}

.sub-contractor-list .sub-contractor-modal-close {
    display: none;
}

.modal-right {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0
}

.modal-dialog.modal-project-view {
    width: 65%;
    min-width: 65%;
    max-width: 65%;
}

.single-menu-cip {
    min-height: calc(100vh - 19rem);
    max-height: calc(100vh - 19rem);
    position: relative;
}

    .single-menu-cip .fixed-section {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

.modal footer {
    display: inherit;
}

.contractor-package-summary-data {
    padding: 0 !important;
    margin: 0;
}



/*-------------Sub Contractor List---------------*/
.subcontractor-list {
    position: relative;
    background: rgba(239,239,246,0.7);
    padding: 1.25rem;
    border-top: 1px solid #A4A7B3;
    /*margin-top: 1.25rem;*/
}

.subcontractor-list .row .link-tab {
    transform: rotate(270deg);
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
}

.subcontractor-list .row .col.div-status {
        margin-right: 30px;
}

.subcontractor-list .row .col .div-contract-number .boldText {
        color: #555;
}

.subcontractor-list .row.mobile-list {
        position: relative
}
    /*-------------Sub Contractor List end---------------*/
    /*-------------------- login-page ---------------------------*/
    /*---------- Enrollment Setup Css ---------------------------*/
    .div-enrollment-list {
        padding: 10px;
        background: #ffffff;
        border: 1px solid #e4e7ef;
        border-radius: 3px;
        margin-top: 5px;
    }

    .div-enrollment-list:hover, .div-enrollment-list-new:hover {
        cursor: pointer;
    }

    .div-enrollment-list.active, .div-enrollment-list:hover, .div-enrollment-list-new.active, .div-enrollment-list-new:hover {
        background: #d4f9e3;
    }


        .div-enrollment-list.active a, .div-enrollment-list:hover a, .div-enrollment-list-new.active a, .div-enrollment-list-new:hover a {
            color: #07A54E;
        }

    .div-enrollment-list a {
        font-size: 13px;
        color: #335371;
    }

.nourtek-logo {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.login-wrap {
    height: 100vh;
    background: rgba(0, 141, 148, 0.38);
    display: table;
    -ms-flex: 0 0 calc(100% - 680px);
    flex: 0 0 calc(100% - 680px);
    max-width: calc(100% - 680px);
}


.login-right {
    -ms-flex: 0 0 680px;
    flex: 0 0 680px;
    max-width: 680px;
    position: relative;
}

.intro-section {
    color: #fff !important;
    display: table-cell;
    vertical-align: middle;
    padding: 0 20%;
}

    .intro-section .client-login-logo img {
        max-height: 100px;
        max-width: 324px;
    }

.auth-wrap {
    background: rgba(0, 0, 0, 0.34);
    height: 100vh;
    display: table;
    width: 100%;
}

.bg-black-transprent {
    background: rgba(0, 0, 0, 0.5);
}

.login-box {
    padding: 0rem 3rem;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}

/*  Forgot Password Design*/

.login-register {
    margin: 0 auto 0;
    height: calc(100vh - 1.5rem);
    display: table;
}

.auth-box {
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}


.auth-white-box {
    background: #ffffff;
    /*padding: 2rem;*/
    padding: 3rem;
}

.privacy-policy-box {
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    background: #f9f9f9;
}

.login-error {
    margin-bottom: 1.5rem;
    font-family: 'OpenSans-Semibold';
}

/* Password Expierd */
.progress.password-strength {
    margin: 0;
    background: #f1f1f1;
}

    .progress.password-strength .progress-bar:after {
        content: none !important;
    }

#password-strength {
    height: 6px;
    display: block;
    width: 100%;
    top: 0;
    vertical-align: top;
}

.password-strength-main {
    position: absolute;
    bottom: 11px;
    width: 100%;
    left: 10px;
}

.password-description {
    font-size: 12px;
    top: -6px;
    position: absolute;
    left: -5px;
}

.progress.password-strength .password-strength-width {
    height: 5px;
    width: 16.66%;
}

.progress.password-strength .password-strength-width {
    background: #cccccc;
}

    .progress.password-strength .password-strength-width.strength-0 {
        background: #cccccc;
    }

    .progress.password-strength .password-strength-width.strength-1 {
        background: #ff0000;
    }

    .progress.password-strength .password-strength-width.strength-2 {
        background: #ff5f5f;
    }

    .progress.password-strength .password-strength-width.strength-3 {
        background: #56e500;
    }

    .progress.password-strength .password-strength-width.strength-4 {
        background: #4dcd00;
    }

    .progress.password-strength .password-strength-width.strength-5 {
        background: #399800;
    }

.progress-bar.w-20.password-strength-width.strength-0 {
    width: 16.16%;
    position: absolute;
}

.progress-bar.w-20.password-strength-width.strength-1 {
    width: 33.31%;
    position: absolute;
}

.progress-bar.w-20.password-strength-width.strength-2 {
    width: 48.48%;
    position: absolute;
}

.progress-bar.w-20.password-strength-width.strength-3 {
    width: 65.14%;
    position: absolute;
}

.progress-bar.w-20.password-strength-width.strength-4 {
    width: 81.8%;
    position: absolute;
}

.progress-bar.w-20.password-strength-width.strength-5 {
    width: 100%;
    position: absolute;
}
/*-------------------- login-page ---------------------------*/

/*-------------- no record found  ------------------*/
.no-items {
    text-align: center;
    padding: 0 1.5rem;
}

.no-items-vectors {
    margin: 0 auto 2rem;
    max-width: 430px;
}

    .no-items-vectors img {
        max-width: 100%;
    }

.no-items-verbes h1 {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}

.no-record-main {
    display: table;
    width: 100%;
    background: #fff;
    cursor: auto !important;
    min-height: calc(100vh - 5rem);
    max-height: calc(100vh - 5rem);
}

.no-record-main1 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0px !important;
    min-height: calc(100vh - 22.77rem) !important;
}

.document-treeview .no-record-main {
    min-height: calc(100vh - 24rem);
    max-height: calc(100vh - 24rem);
}

.li-no-record .no-record-main {
    min-height: 180px;
    max-height: 180px;
}

.no-record-found {
    color: #333;
    /* display: table-cell;*/
    font-size: 22px;
    line-height: 28px;
    vertical-align: middle;
    font-family: 'Roboto-Light';
    text-align: center;
}


.no-record-main.div-no-record {
    background: none;
    cursor: auto !important;
    min-height: calc(100vh - 10rem);
    max-height: calc(100vh - 10rem);
}

.no-record-main.div-no-record-preview {
    background: none;
    cursor: auto !important;
    min-height: calc(100vh - 30rem);
    max-height: calc(100vh - 30rem);
}

    .no-record-main.div-no-record-preview.align-all-center {
        padding: 3rem 0;
        margin: 3rem 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
/*-------------- no record found end  ------------------*/
/*-------------- file upload ------------------*/
.custom-file-text {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding-top: 8px;
    cursor: pointer;
}

.upload-box {
    border: 1px solid #efefef;
    border-radius: 3px;
}

    .upload-box li {
        padding-bottom: 8px;
        border-radius: 3px;
        margin-bottom: 5px;
    }

.btn-blue .custom-file-input {
    right: 0;
    top: 0;
    padding: 5px;
    cursor: pointer;
}

.custom-file-input {
    color: transparent;
}

    .custom-file-input::-webkit-file-upload-button {
        visibility: hidden;
    }

.btn-blue .custom-file-input:after {
    cursor: pointer;
}
/*-------------- file upload end ------------------*/
/*-------------- default-nav ------------------*/
.default-nav {
    position: relative;
    background: #ffffff;
}

    .default-nav li {
        border-bottom: 1px solid #dcdcdc;
        width: 100%;
        position: relative;
    }

ul.default-nav li a {
    padding: 8px 10px;
    display: inherit;
    border-left: 4px solid transparent;
    font-family: 'OpenSans';
    color: #999999;
}

ul.default-nav li.active a label {
    color: #2099ef;
    font-family: OpenSans-Semibold;
}

ul.default-nav li.active a, ul.default-nav li:hover a, ul.default-nav li:focus a {
    border-left-color: #2099ef;
}

ul.default-nav li a i {
    font-size: 22px;
}

ul.default-nav > li > a label {
    margin-bottom: 0;
    width: 85%;
    line-height: 18px;
    font-size: 0.875rem;
    cursor: pointer;
}

ul.default-nav > li > a > span {
    width: 15%;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 3px;
}

    ul.default-nav > li > a > span i.mdi-check-circle-outline.active {
        color: #79d800;
    }

    ul.default-nav > li > a > span i.mdi-close-circle-outline.active {
        color: #da0e0e;
    }
/*-------------- default-nav end  ------------------*/
/*-------------- token input design  ------------------*/
.md-form.custom-form-group ul.token-input-list-facebook {
    border: 0;
    background: none;
    width: inherit;
    min-height: 38px !important;
}

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

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

.md-form.custom-form-group li.token-input-input-token-facebook {
    width: 100% !important
}

.md-form.custom-form-group ul.token-input-list-facebook input {
    width: 91% !important;
    padding: 0.51rem 0;
    border: 0;
}
/*-------------- token input design  ------------------*/
/*-------------- custom css ------------------*/
.heading {
    font-family: 'OpenSans-Bold';
    /*font-size: 0.75rem;*/
    font-size: 14px;
    line-height: 22px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
/*-------------- custom css ------------------*/

/*-------------- Report css start  ------------------*/
.report-wrap {
    border: 1px solid #dcdcdc;
    padding: 0.8rem;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    color: #085775;
    background: #ffffff;
    box-shadow: 0px 14px 9px -17px rgba(0,0,0,0.5);
    margin-bottom: 0.5rem;
}

.report-icon {
    height: 36px;
    width: 36px;
    border: 2px solid #dcdcdc;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    display: table;
    float: left;
}

    .report-icon i {
        vertical-align: middle;
        display: table-cell;
        font-size: 16px;
    }

.report-name {
    display: table;
    padding: 0 0 0 10px;
    font-size: 14px;
    line-height: 18px;
    height: 35px;
}

    .report-name span {
        vertical-align: middle;
        display: table-cell;
    }

.enrollment-category .report-icon,
.enrollment-category .report-wrap {
    border-color: #f79b56;
    color: #f79b56;
}

/*-------------- Report css end  ------------------*/
#notification-icon {
    display: none;
}

.notification-icon {
    height: 46px;
    width: 46px;
    background: #1a6d91;
    border-radius: 50%;
    display: table;
    -webkit-box-shadow: 0 10px 9px -8px #93d2ff;
    -moz-box-shadow: 0 10px 9px -8px #93d2ff;
    box-shadow: 0 10px 9px -8px #93d2ff;
    border: 2px solid #44a7d2;
    float: right;
    cursor: pointer;
}

    .notification-icon i {
        display: table-cell;
        vertical-align: middle;
        font-size: 24px;
        text-align: center;
        color: #ffffff;
    }

/*-------------- advance search bar ------------------*/
.advance-search {
    padding: 0.865rem;
    background: #f9f9f9;
    border: 1px solid #dcdcdc;
    overflow: visible !important;
    position: absolute;
    width: 98%;
    z-index: 99;
    border-radius: 3px;
    top: 10px;
}

    .advance-search .colorful-select .dropdown-content {
        min-width: 300px;
        left: 0 !important;
    }


.custom-input, .custom-select {
    padding: 0px;
    margin-bottom: 0.864rem;
}

    .custom-select .select-wrapper input.select-dropdown,
    .custom-select .dropselect-wrapper input.select-dropdowndown-content li > span {
        font-size: 0.865rem;
    }

    .custom-input .form-control {
        font-size: 0.825rem;
        padding: 0 10px;
    }

    .custom-select .select-wrapper span.caret {
        right: 10px;
    }

    .custom-select .disabled {
        height: 36px;
        border-radius: 6px;
    }
/*---------- Required Document -----------*/
.div-hover-show:hover a {
    display: inline-block !important;
}

/*--------- Sweet Alert Css ---------*/
.sweet-alert .lead {
    font-size: 1rem !important;
    line-height: 1.8rem;
}

.sweet-alert {
    padding: 2rem !important;
    border-radius: 6px;
    border: 2px solid #ededed;
    max-width: 600px;
    min-width: 478px;
    width: inherit !important;
}

    .sweet-alert .sa-button-container {
        direction: rtl;
    }

.sa-button-container button {
    margin-right: 5px;
}

.modal-body .btn-default.cancel,
.sweet-alert .btn-default.cancel {
    background-color: #999999 !important;
}

    .modal-body .btn-default.cancel:focus,
    .modal-body .btn-default.cancel:active,
    .modal-body .btn-default.cancel:visited,
    .sweet-alert .btn-default.cancel:focus,
    .sweet-alert .btn-default.cancel:active,
    .sweet-alert .btn-default.cancel:visited {
        background-color: #999999 !important;
    }



/* responsive Leftside bar */
.responsive-tree-menu {
    display: none;
}

/* WC Releted css */
ul.ulPopup {
    text-align: left;
}

    ul.ulPopup li {
        margin-bottom: 5px;
    }
/*  Summary Page Css */
.summary-value {
    font-size: 1rem;
}

/* Dashboard Graph */
.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.graph-text {
    font-family: 'Roboto-Bold';
    fill: #31404E;
    font-size: 60px;
}

.count-text {
    font-size: 90px;
}

.donut-chart svg {
    width: 300px;
    height: auto;
}

    .donut-chart svg path {
        cursor: pointer;
    }

.donut-chart-list svg {
    width: 200px;
    height: auto;
}

.div-project-count .div-project-count-table {
    height: 300px;
}

.donut-chart-tooltip {
    z-index: 10;
    opacity: 1
}

/* Maintenance Page modal */

.maintenance-modal .modal-content {
    border-radius: 30px;
}

.maintenance-modal .modal-body {
    padding: 4.5rem;
}

.maintenance-modal p {
    color: #6D7F92;
}

.maintenance-modal .maintenance-graphics img {
    width: 300px;
}


/* CIP Certificate Css*/

.list-group li.list-group-item.list-cip-certificates {
    border: 0;
    padding: 0.5rem 1rem;
}

    .list-group li.list-group-item.list-cip-certificates:last-child {
        padding-bottom: 0;
    }

.ul-contractor-list {
    max-height: 360px;
    overflow: auto;
}

.gc-list-group li.list-group-item {
    padding: 0.5rem 1rem;
}

/*------- Drag Area -----------*/
.upload-drag-area {
    position: absolute;
    background: rgba(18, 146, 175, 0.5);
    width: 100%;
    min-height: 100vh;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 2px solid #48a4fb;
}

.md-accordion .card .card-header.collapsed a .rotate-icon,
.accordion-wc .card .card-header.collapsed a .rotate-icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.md-accordion .card .fa-angle-down {
    float: none !important;
}

.md-accordion.accordion-wc .card, .md-accordion.accordion-wc .card:first-of-type {
    border: 0;
}

.accordion-wc .card .card-header {
    /*background: #f6f6f6;
    border: 1px solid #efeded;*/
    padding: 0;
}

.accordion-wc .card .card-body {
    padding: 0.865rem;
}

.accordion-wc .card-header.collapsed {
    border-radius: 3px;
}

.payroll-required {
    border-color: #ff3b36 !important;
    border-left: 3px solid;
}

.progress-box {
    width: 100%;
    padding: 0 50px;
}

    .progress-box.left-right-padding {
        padding-left: 80px;
        padding-right: 90px;
    }

.progress-new {
    height: 5px;
    margin: 20px 0 50px;
    font-family: OpenSans;
    background-color: #a9d18e;
    position: relative;
    display: flex;
    font-size: 11px;
}

    .progress-new .points {
        position: relative;
        float: left;
        width: 25%;
        height: 5px;
        padding-top: 20px;
        flex: initial;
        -webkit-animation: animate-positive 3s;
        animation: animate-positive 3s;
    }

        .progress-new .points .total-time {
            display: block;
        }

        .progress-new .points:first-child {
            width: auto;
            flex: none;
        }

        .progress-new .points:last-child {
            width: auto;
            float: right;
            flex: auto;
        }

        .progress-new .points:before {
            content: "";
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #a9d18e;
            position: absolute;
            top: -5px;
            z-index: 1;
        }

        .progress-new .points.left:before {
            left: -2px;
        }

        .progress-new .points.right:before {
            right: -12px;
        }

        .progress-new .points.active-light:before {
            background: #78b957;
        }

        .progress-new .points.active-light:after {
            content: '';
            width: 100%;
            background-color: #78b957;
            height: 5px;
            position: absolute;
            top: 0;
            -webkit-animation: w100 1s ease forwards;
        }

        .progress-new .points.second-point:after {
            background-color: #a9d18e
        }

        .progress-new .points.active-light-line:after {
            background-color: #78b957
        }

        .progress-new .points.active-dark:before {
            background: #548235;
        }

        .progress-new .points.active-dark:after {
            content: '';
            width: 100%;
            background-color: #70ad47;
            height: 5px;
            position: absolute;
            top: 0;
            -webkit-animation: w100 1s ease forwards;
        }

        .progress-new .points.our-due-line:after,
        .progress-new .points.our-due:after {
            content: '';
            width: 100%;
            background-color: #c00000;
            height: 5px;
            position: absolute;
            top: 0;
            -webkit-animation: w100 1s ease forwards;
        }

        .progress-new .points.our-due:before {
            background: #c00000;
        }

        .progress-new .points.close-out:after {
            content: '';
            width: 100%;
            background: rgb(255,192,0);
            background: linear-gradient(273deg, rgba(255,192,0,1) 0%, rgba(184,183,36,1) 81%, rgba(112,173,71,1) 100%);
            height: 5px;
            position: absolute;
            top: 0;
            -webkit-animation: w100 1s ease forwards;
        }

        .progress-new .points.close-out:before {
            background: #ffc000;
        }

        .progress-new .points.end-date:after {
            content: '';
            width: 100%;
            background-color: #548235;
            height: 5px;
            position: absolute;
            top: 0;
            -webkit-animation: w100 1s ease forwards;
        }

        .progress-new .points.end-date:before {
            background: #548235;
        }

        .progress-new .points .point-content {
            position: absolute;
            text-align: center;
        }

            .progress-new .points .point-content.one-line {
                text-align: right;
            }

            .progress-new .points .point-content span {
                display: block;
                white-space: nowrap;
            }

            .progress-new .points .point-content.one-line {
                white-space: nowrap;
            }

                .progress-new .points .point-content.one-line span {
                    display: inline-block
                }

    .progress-new .first-point .point-content {
        transform: translate(-50%,0%);
        left: 0
    }

    .progress-new .second-point .point-content,
    .progress-new .third-point .point-content {
        transform: translate(50%,0%);
        right: 0
    }

    .progress-new .fourth-point .point-content {
        transform: translate(50%,0%);
        right: 0
    }

    .progress-new .points.our-due .tooltip-info {
        background-color: #E2294D;
    }

        .progress-new .points.our-due .tooltip-info:after {
            border-top-color: #E2294D
        }

    .progress-new .tooltip-info {
        background-color: #70ad47;
        display: none;
        text-align: center;
        position: absolute;
        top: -40px;
        transform: translate(50%,0%);
        right: -5px;
        z-index: 1;
        color: #FFF;
        padding: 5px 10px;
        border-radius: 3px
    }

        .progress-new .tooltip-info:after {
            content: "";
            border-top: 7px solid #70ad47;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            position: absolute;
            bottom: -7px;
            left: 50%;
            transform: translate(-50%,0%);
        }

    .progress-new .points:hover .tooltip-info {
        display: block;
        z-index: 5
    }

@-webkit-keyframes w100 {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}
/* Hierarchy View CSS Start*/
.hierarchy-view {
    overflow: auto;
    position: relative;
    z-index: 1
}

    .hierarchy-view, .hierarchy-view ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .hierarchy-view li {
            list-style: none
        }

        .hierarchy-view .main-box {
            position: relative;
        }

            .hierarchy-view .main-box:before {
                content: '';
                width: 30px;
                border-top: 1px solid #c8c8c8;
                position: absolute;
                top: 20px;
                left: 0;
                left: 40px;
                z-index: -1
            }

            .hierarchy-view .main-box.open-menu:before {
                width: 15px;
                border-right: 1px solid #c8c8c8;
                border-radius: 0px 10px 0 0;
                height: 40px
            }

.project-based .main-box.open-menu:before {
    left: 5px
}

.hierarchy-view .main-box .project-box {
    overflow: hidden;
    cursor: pointer;
}

.hierarchy-view .main-box .short-name {
    font-family: 'OpenSans-Semibold', Arial;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-right: 25px;
    width: 40px;
    border-radius: 60px;
    text-align: center;
    color: #FFF;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.project-based .main-box .short-name {
    margin-right: -40px;
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin-left: 4px;
    margin-top: 4px;
}

.hierarchy-view .main-box .project-name {
    background-color: #FFF;
    display: inline-block;
    padding: 3px 20px 3px 15px;
    border: 1px solid #c8c8c8;
    border-radius: 50px;
    height: 40px;
    width: 100%;
    max-width: 260px;
    min-width: 260px;
    float: left;
    margin-bottom: 10px;
}

.hierarchy-view .project-name .name {
    font-family: 'OpenSans-Semibold', Arial;
    font-size: 14px;
    line-height: 32px;
    color: #31404E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-based .project-name .name {
    padding-left: 30px;
}

.hierarchy-view .sub-one {
    clear: both;
    display: none;
}

.hierarchy-view .sub-two .name {
    font-family: 'OpenSans-Semibold', Arial;
    font-size: 12px;
    line-height: 18px;
    padding: 0
}

.hierarchy-view .sub-two .status-name {
    font-size: 11px;
    line-height: 12px
}

.hierarchy-view .sub-box {
    padding-left: 80px;
    clear: both;
    position: relative
}

.project-based .sub-box {
    padding-left: 60px
}

.hierarchy-view .sub-box:before {
    content: '';
    width: 50px;
    height: 20px;
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    position: absolute;
    top: 0px;
    left: 54px;
    z-index: -1;
    border-radius: 00px 0 0 10px
}

.project-based .sub-box:before {
    left: 19px
}

.project-based .sub-box .plus-minus {
    position: absolute;
    left: 33px;
    top: 6px;
    font-size: 14px;
    background-color: #FFF;
    border: 2px solid #FFF;
    color: #c8c8c8;
    cursor: pointer;
}

    .project-based .sub-box .plus-minus.active {
        color: #c8c8c8
    }

.hierarchy-view .sub-one > .sub-box:after {
    content: '';
    width: 30px;
    bottom: 0px;
    border-left: 1px solid #c8c8c8;
    position: absolute;
    top: 0px;
    left: 54px;
    z-index: -1;
}

.hierarchy-view .sub-one > .sub-box:last-child:after {
    display: none
}

.project-based .sub-one > .sub-box:after {
    left: 19px;
}

.hierarchy-view .sub-box .short-name {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin: 0 10px 0 0;
}

.hierarchy-view .sub-box .project-name {
    padding-left: 3px;
    float: none;
    cursor: pointer
}

    .hierarchy-view .sub-box .project-name.with-status .name {
        line-height: 18px;
        padding: 0
    }

    .hierarchy-view .sub-box .project-name.with-status .status-name {
        font-size: 11px;
        line-height: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.hierarchy-view .sub-two {
    position: relative;
    display: none
}

    .hierarchy-view .sub-two:after {
        content: '';
        border-left: 1px solid #c8c8c8;
        position: absolute;
        top: -30px;
        left: 20px;
        z-index: -1;
        bottom: 40px
    }

    .hierarchy-view .sub-two .sub-box {
        padding-left: 60px;
    }

        .hierarchy-view .sub-two .sub-box:before {
            left: 20px;
        }

        .hierarchy-view .sub-two .sub-box:last-child::after {
            content: '';
            border-left: 1px solid #FFF;
            position: absolute;
            top: 13px;
            left: 20px;
            z-index: 1;
            bottom: 40px
        }
/* Hierarchy View CSS End*/

/* Address section */
.address-section {
    margin-top: 20px;
    position: relative;
}

    .address-section .address-text {
        font-size: 13px;
        padding-left: 20px;
    }

    .address-section a.address-map-icon {
        font-size: 14px;
        position: absolute;
        left: 0;
        top: -4px;
        width: 18px;
        text-align: center;
        padding: 2px;
        color: #333;
    }

/* My Project List Design */

ul.gc-list {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

    ul.gc-list li {
        list-style-type: none;
        padding: 5px 10px;
        border: 1px solid #a4a7b3;
        border-bottom: 0;
    }

        ul.gc-list li .gc-name {
            font-size: 14px;
            font-family: 'OpenSans-Semibold';
            line-height: 20px;
        }

        ul.gc-list li:last-child {
            border-bottom: 1px solid #a4a7b3;
        }

        ul.gc-list li a {
            font-size: 13px;
        }
/* GC Modal */
.hearder-icon {
    margin-bottom: 20px;
}

    .hearder-icon .title {
        font-size: 20px;
        font-family: 'OpenSans-Bold';
        line-height: 24px;
        color: #085775;
        margin-left: 10px;
        vertical-align: middle;
    }

.md-accordion.gc-accordion .card .card-body {
    padding: 0 18px 15px 18px;
}

.md-accordion.gc-accordion .card .card-header {
    padding: 15px 18px;
}

.gc-accordion .gc-name {
    font-size: 15px;
    color: #31404e;
    line-height: 18px;
    font-family: 'OpenSans-Bold';
    margin-bottom: 10px;
}

.gc-accordion .gc-contact {
    font-size: 14px;
    color: #a4a7b3;
    line-height: 19px;
}

    .gc-accordion .gc-contact a {
        color: #a4a7b3;
    }

        .gc-accordion .gc-contact a i {
            margin-left: 5px;
        }

ul.gc-table {
    padding: 0;
    margin: 0;
}

    ul.gc-table li {
        display: flex;
        justify-content: space-between;
    }

    ul.gc-table .table-header {
        color: #a4a7b3;
        font-size: 13px;
        margin-bottom: 10px;
    }

    ul.gc-table .table-row {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 10px;
    }

        ul.gc-table .table-row:last-child {
            margin-bottom: 0;
        }

.md-accordion.gc-accordion .card, .md-accordion.gc-accordion .card:first-of-type, .md-accordion.gc-accordion .card:not(:first-of-type):not(:last-of-type) {
    border-color: rgba(13,88,117,0.6);
}

    .md-accordion.gc-accordion .card:last-child {
        border: 0;
    }

/*  Slick Slider*/

.slider {
    width: 100%;
    margin: 0 auto 0;
}

.slick-slide {
    margin: 0px 20px;
}

    .slick-slide img {
        width: 100%;
    }

.slick-prev:before, .slick-next:before {
    color: #b6b6b6;
}

.slick-prev, .slick-next {
    top: auto;
    position: absolute;
    margin-left: 25px;
    bottom: 0;
}

.slick-prev {
    z-index: 1;
}

.slick-next {
    z-index: 0;
    right: inherit;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: .5;
}

.slick-current {
    opacity: 1;
}

/* Sweet Alert*/
.sweet-alert.button-swap .sa-button-container {
    direction: ltr !important;
}

.tooltip-inner {
    width: auto;
    max-width: 240px;
    text-align: left;
}

    .tooltip-inner div {
        text-align: left;
    }

    .tooltip-inner i {
        font-size: 7px;
        margin-right: 5px;
        vertical-align: middle;
    }

/* Extend Date css*/
.div-extend-date .dropdown-menu {
    padding: 10px;
    min-width: 210px;
}

.div-extend-date ul.dropdown-menu li.date-lable {
    font-size: 13px;
    font-family: 'OpenSans-bold';
    border-bottom: 0;
    padding: 0;
    margin-bottom: 5px;
}

.div-extend-date ul.dropdown-menu li {
    font-size: 12px;
    padding: 5px 0;
    color: #333;
    border-bottom: 1px solid #dcdcdc;
    font-family: 'Roboto-Regular';
}

    .div-extend-date ul.dropdown-menu li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

.div-extend-date .dropdown-toggle::after {
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
}

.third-point .div-extend-date {
    margin-left: 25px;
    z-index: 5;
    margin-top: 1px;
}

.fourth-point .div-extend-date {
    position: absolute;
    right: -36px;
    z-index: 5;
    margin-top: 1px;
}

.progress-new .fourth-point .point-content.one-line {
    transform: translate(5%,0%);
    right: 0;
}

.arrow-set .div-extend-date {
    position: absolute;
    right: -20px;
    z-index: 5;
}

.arrow-set .fourth-date-content .div-extend-date {
    position: absolute;
    right: -20px;
    z-index: 5;
}

.fourth-point.arrow-set .div-extend-date {
    margin-top: 17px;
}

/*----- Cookie footer ------*/
.nourtek-logo .login-footer {
    padding: 0px 3rem;
    margin-bottom: 10px;
}

.cookie-footer {
    background-color: rgba(0,0,0,0.35);
    padding: 10px 2rem;
    color: #fff;
    font-size: 13px;
    display: table;
    width: 100%;
    min-height: 70px;
}

    .cookie-footer span a {
        color: #51aeff;
    }

.footer-btn {
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    display: inline-block;
}

a.footer-btn:hover {
    color: #fff;
}

.footer-btn.blue-btn {
    background: #1e6cb0;
    margin-right: 5px;
}

.footer-btn.gray-btn {
    background: #696969;
}

.cookie-text, .cookie-btn,
.cookie-btn-group {
    display: table-cell;
    vertical-align: middle;
}

/*  Google captcha */
.grecaptcha-badge {
    bottom: 20px !important;
}

    .grecaptcha-badge:hover {
        left: 0 !important;
        padding-left: 4px;
    }

/* My To DO css */
.section-wrap {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
}

    .section-wrap .section-header {
        border-left: 5px solid #D8D8D8;
        padding: 15px 10px;
        background: #fff;
        /*border-bottom: 1px solid #D8D8D8;*/
        border-radius: 5px;
        box-shadow: 0px 14px 9px -17px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 14px 9px -17px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0px 14px 9px -17px rgba(0,0,0,0.5);
        color: #31404E;
    }

    .section-wrap:last-child {
        margin-bottom: 0;
    }

    .section-wrap.unenrolled-contracts-section .section-header {
        border-left-color: #E1595B;
    }

    .section-wrap.expired-coi-section .section-header {
        border-left-color: #F8AB59;
    }

    .section-wrap.missing-payroll-section .section-header {
        border-left-color: #FCDB4A;
    }

    .section-wrap.other-notification-section .section-header {
        border-left-color: #D8D8D8;
    }

    .section-wrap.safety-alert-section .section-header {
        border-left-color: #FF7847;
    }



    .section-wrap .section-header i {
        font-size: 26px;
        float: left;
        width: 26px;
        text-align: center;
    }

        .section-wrap .section-header i.icon-info {
            font-size: 16px;
            line-height: 24px;
            color: #a0a0a0;
            margin-left: 5px;
        }

    .section-wrap .section-header .lable-text {
        font-size: 14px;
        font-family: 'OpenSans-Semibold';
        float: left;
        margin-left: 10px;
    }

    .section-wrap .section-header .count-label {
        font-size: 14px;
        font-family: 'OpenSans-Semibold';
        margin-right: 5px;
    }

    .section-wrap.unenrolled-contracts-section .section-header i.icon-unenrolled-list {
        color: #E1595B;
    }

    .section-wrap.expired-coi-section .section-header i.icon-timer {
        color: #F8AB59;
    }

    .section-wrap.missing-payroll-section .section-header i.icon-dollor {
        color: #FCDB4A;
    }

    .section-wrap.other-notification-section .section-header i.icon-bell {
        color: #938E8E;
    }

    .section-wrap .section-header a {
        color: #A0A0A0;
    }

        .section-wrap .section-header a i {
            font-size: 16px;
            line-height: 26px;
        }

    .section-wrap .section-header .icon-alert {
        color: #FF7847;
    }

        .section-wrap .section-header .icon-alert + .lable-text {
            padding-top: 2px;
        }

    .section-wrap .section-data {
        padding: 10px 15px;
    }

.section-data .notification-listing {
    border-top: 1px solid #f00;
}

.notification-scroll {
    max-height: 420px;
    overflow: auto;
}

    .notification-scroll .row {
        display: flex;
        justify-content: space-between;
    }

.notification-row {
    border-top: 1px solid #EFEFF6;
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
}

    .notification-row:hover {
        background-color: #f4f4f9
    }

    .notification-row .text.active {
        font-weight: 900;
    }

.section-data .notification-row:first-child {
    border-top: 0px;
}

.prevent-click {
    pointer-events: none;
}

.popover {
    border-color: #f4f4f4;
    -webkit-box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 25%);
}

    .popover p,
    .popover ul {
        color: #666666;
    }

    .popover ul {
        padding-left: 20px;
    }

        .popover ul li {
            list-style-type: circle;
        }

    .popover .arrow:before {
        border-top-color: #dcdcdc;
        border-bottom-color: #dcdcdc;
    }


.messsage-text {
    font-size: 12px;
    font-style: italic;
}

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

.title-font-size {
    font-size: 1.8rem;
}

.no-notifiation-hide {
    visibility: hidden;
}

/* Contractor Tooltip */
.tooltip {
    z-index: 99999;
}

/* Add subcontractor design css */
.modal .modal-full-height.custom-modal {
    max-width: 100%;
    width: 1280px;
}

/* MFA css */
.custom-modal2 p {
    font-size: 20px;
    color: #666666;
    font-family: OpenSans;
    font-weight: 400;
}

.custom-modal2 .card-body {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 93vh;
}

.modal.add-trade-data-modal .modal-full-height.custom-modal {
    max-width: 100%;
    width: 700px;
}

.modal .modal-full-height.custom-modal .modal-content {
    padding: 1.25rem;
}

.sub-contractor-header {
    margin-bottom: 1.25rem;
}

.no-record-main {
    background: none;
    cursor: auto !important;
    min-height: calc(100vh - 14.77rem);
    max-height: calc(100vh - 14.77rem);
    padding-top: 5rem;
}

    .no-record-main .no-record-img img {
        display: block;
        margin: 0 auto;
    }
    /* .no-record-main.no-record-img .no-record-found img {
        height: 280px;
        margin-bottom: 50px;
    }*/
    .no-record-main .no-record-found .no-record-label {
        font-size: 36px;
        color: #31404E;
        margin: 30px 0px !important;
        font-family: 'OpenSans-Bold';
        line-height: 42px;
    }

.btn-medium {
    padding: 10px 20px;
    box-shadow: none;
    font-size: 16px;
    border-radius: 5px;
    font-family: OpenSans-Semibold;
}

.card-body.full-height {
    min-height: calc(100vh - 2.5rem);
}

.btn-group-fixed {
    margin-top: auto;
}

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

.title-font-size {
    font-size: 1.8rem;
}

.no-notifiation-hide {
    visibility: hidden;
}

.header-search {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
}

    .header-search .form-control, .a-search-contractor-package {
        border: none;
        box-shadow: none !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 45px;
    }

.refres-icon {
    width: 45px;
    height: 45px;
    padding: 0px;
    border: 1px solid #0D72BA;
    text-align: center;
    padding: 0px;
    border-radius: 4px;
    max-width: 45px !important
}

    .refres-icon .mdi {
        font-size: 26px;
        position: relative;
        top: -4px;
        color: #0D72BA;
    }

a.refres-icon .mdi {
    top: 0;
}

.rotete-90 {
    transform: rotate( -90deg ) !important;
    font-size: 20px;
}

.o-c-switch {
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #A4A7B3;
    font-size: 14px;
    border: 1px solid #EAE8E8;
    border-radius: 3px;
    height: 45px;
    width: 100%;
}

.row.some-change-7 {
    margin-right: 0 !important;
}

.o-c-switch .o-c-switch {
    border: none;
    height: auto
}

.o-c-switch a {
    padding: 5px 7px;
    width: 48%;
    text-align: center;
}

#txt-search-safety-alert.form-control {
    height: 45px;
}

.o-c-switch .active {
    color: #31404E;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

.div-status {
    display: flex;
    justify-content: flex-end;
    align-content: center;
}

    .div-status .about-status {
        display: flex;
        align-content: center;
        padding-left: 10px !important;
    }

        .div-status .about-status i {
            margin-right: 5px;
        }

    .div-status .fas {
        position: relative;
        top: -2px;
    }

.completed-green {
    color: #6BBF46 !important;
}

    .completed-green i {
        color: #6BBF46 !important;
        border: none !important;
        text-align: center;
        font-weight: 900;
        font-size: 12px;
    }


.red-opened {
    color: #E3595B !important;
}

    .red-opened i {
        color: #E3595B !important;
        border: none !important;
        text-align: center;
        font-weight: 900;
        font-size: 12px;
    }

.completed-greeen {
    color: #6BBF46 !important;
}

    .completed-greeen i {
        color: #6BBF46 !important;
        text-align: center;
        font-weight: 900;
        font-size: 9px;
        border: 2px solid #6BBF46;
        height: 17px;
        width: 17px;
        border-radius: 50%;
        line-height: 14px;
        padding: 0 2px;
        position: relative;
        top: -2px;
    }


.incompleted-red {
    color: #E2294D !important;
}

    .incompleted-red i.fa-times {
        color: #E2294D !important;
        border: none !important;
        text-align: center;
        font-weight: 900;
        font-size: 12px !important;
    }

.card-safety-alert-list .incompleted-red i.fa-times {
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 13px;
    position: relative;
    top: -3px;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    border: 2px solid #E2294D !important
}

.card-safety-alert-list .nothing-grey i.fa-times {
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 13px;
    position: relative;
    top: -3px;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    border: 2px solid #A0A0A0 !important
}

.warning-yellow {
    color: #E8B72E !important;
}

    .warning-yellow i {
        color: #E8B72E !important;
        border: none !important;
        text-align: center;
        font-weight: 900;
        font-size: 12px;
    }

.nothing-grey {
    color: #A0A0A0 !important;
}

    .nothing-grey i.fa-times {
        color: #A0A0A0 !important;
        border: none !important;
        text-align: center;
        font-weight: 900;
        font-size: 12px !important;
    }

.no-padding {
    padding: 0px !important;
}

/*Nes CSP Lisging page*/
.csp-listing-pge .for-m-top {
    padding: 0 10px;
}

.csp-listing-pge .three-sm-wid {
    width: calc((100% - 240px) / 3);
}

.csp-listing-pge .two-sm-wid {
    width: 120px;
}

.csp-listing-pge {
    margin: 0.5rem 0 0 0;
}

    .csp-listing-pge .lbl-l p {
        font-size: 12px;
        font-weight: 400;
        color: #A4A7B3;
        margin: 0
    }

    .csp-listing-pge .lbl-dd p {
        font-size: 14px;
        font-weight: 600;
        color: #31404E;
        margin: 0
    }

.csp-comp-m-tit-status .csp-sm-wid {
    width: calc(100% - 25px);
}

.csp-comp-m-tit-status .csp-com-arrow {
    height: 17px;
}

    .csp-comp-m-tit-status .csp-com-arrow a {
        height: 13px;
    }

.csp-comp-m-tit-status .csp-com-til {
    width: calc(100% - 220px);
}

    .csp-comp-m-tit-status .csp-com-til h6 {
        font-size: 18px;
    }
/*Nes CSP Lisging page*/
.aiml-image {
    width: 22px;
    height: 22px;
}


/*video tooltip*/
.video-popup-div .modal-header {
    padding: 0;
    border: 0;
}

.video-popup-div .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    height: 394px;
}

.video-popup-div .modal-dialog {
    max-width: 700px;
    background-color: transparent;
}

.video-popup-div .close {
    padding: 0;
    position: absolute;
    left: auto;
    right: 0;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background-color: #085775;
    z-index: 1;
    opacity: 1;
}

    .video-popup-div .close span {
        text-shadow: none;
        color: #fff;
    }

.video-popup-div .modal-body {
    padding: 0;
}

    .video-popup-div .modal-body iframe {
        height: 100%;
        width: 100%;
    }

.video-popup-div .modal-open .modal {
    padding-left: 0 !important;
}

.video-popup-div video {
    height: 100%;
    width: 100%;
}
/*video tooltip*/

/*video tooltip*/

/*Error Css*/

.error-main-wrap {
    padding: 10% 5%;
    -webkit-box-shadow: 0 3px 3px -1px #000;
    -moz-box-shadow: 0 3px 3px -1px #000;
    box-shadow: 0 3px 3px -1px #000;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    max-width: 1220px;
    margin: 0 auto 0;
}

.error-client-logo {
    max-height: 80px;
    max-width: 280px;
    margin-bottom: 60px;
}

.error-lable-text {
    font-family: 'OpenSans';
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 35px;
    color: #ffffff;
}

.error-code {
    font-family: 'OpenSans';
    font-size: 22px;
    line-height: 32px;
    color: #ffffff;
}

/* Profile Image on header Css start*/
.dropdown-toggle.avatar-sm::after {
    position: absolute;
    right: 0;
    left: auto;
    top: 21px;
}



.avtar-img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
}



    .avtar-img img {
        height: 100%;
        width: 100%;
    }



/* Profile Image on header Css end*/
.alert-section {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    width: 100%;
    border-right: 5px solid #0D72BA;
    margin-bottom: 20px;
    box-shadow: 0px 14px 9px -17px rgba(0,0,0,0.5);
    margin-right: 10px;
    margin-left: 10px;
}

    .alert-section .icon-info-section {
        background: #0D72BA;
        color: #ffffff;
        border-radius: 6px 0px 0px 6px;
        display: table;
        height: 100%;
    }

        .alert-section .icon-info-section .icon-info-width {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        .alert-section .icon-info-section .icon-info {
            font-size: 32px;
        }

    .alert-section .icon-info-details {
        padding: 15px 0px;
    }

        .alert-section .icon-info-details .openSans {
            line-height: 20px;
        }

.user-dropdown-menu.dropdown-menu {
    left: auto !important;
    right: 10px;
    transform: translate3d(18px, 35px, 0) !important;
}

.contractor-loader {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.chk-primary {
    margin: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    right: 0;
    z-index: 999;
    pointer-events: inherit !important;
    cursor: pointer;
}

.opacity65 {
    opacity: 0.65;
}

.spn-disable .disable-link {
    color: #e0e0e0 !important;
    background: transparent !important;
}

.ml5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.div-impersonation-note {
    margin-bottom: -10px;
}

    .div-impersonation-note .impersonation-note-text {
        color: #fff;
        font-family: "Open Sans", sans-serif !important;
        font-weight: 400;
        font-size: 1.8rem;
        line-height: 3rem;
    }

.div-impersonation-toast-message {
    background: #FE9900;
    margin-left: 300px;
}

.message {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.toast-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FE9900;
    color: #ffffff;
    padding: 10px 30px;
}


.sidebar-close-body .div-impersonation-toast-message {
    margin-left: 70px;
}

.message-text {
    color: #fff;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 30px;
    margin-left: 10px;
}

    .message-text b {
        font-weight: 600 !important;
    }


.toast-close {
    position: absolute;
    right: 24px;
    top: 15px;
}

    .toast-close .fa {
        color: #fff !important;
    }

    .toast-close:hover {
        opacity: 1;
    }

.div-injalaone-toast-message {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 10px 0;
    background-color: #149ed3;
    margin-left: 300px;
    min-height: 60px;
}


.sidebar-close-body .div-injalaone-toast-message {
    margin-left: 70px;
}

.div-injalamfa-toast-message.mfa-new-toast {
    background-color: #FFA800;
    position: relative;
    z-index: 1;
    padding: 10px 0;
    margin-left: 300px;
}

.sidebar-close-body .div-injalamfa-toast-message.mfa-new-toast {
    margin-left: 70px;
}

.toast-injalaone {
    width: 30%;
    margin: 0 auto;
    margin-right: 2px;
}

.toast-content-injalaone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #ffffff;
    border-radius: 0px 0px 5px 5px;
    flex-wrap: wrap;
    padding: 0 50px;
    text-align: center;
}

.message-injalaone {
    margin-left: 10px;
}

.message-text-injalaone {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    padding-right: 5px;
}

.mfa-new-toast .message-text-injalaone1 {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding-right: 5px;
    line-height: 40px;
}

    .mfa-new-toast .message-text-injalaone1 a:hover {
        color: #0D72BA;
    }

.message-text-injalaone1 {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding-right: 5px;
}

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

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

.toast-close-injalaone {
    margin: 10px;
    font-size: 15px;
    top: 3px;
    right: 24px;
    margin-right: 0;
    margin-left: 0;
    color: #fff !important;
    position: absolute;
}

    .toast-close-injalaone img {
        filter: brightness(100)
    }


a.connect-btn {
    background: #0D72BA;
    padding: 6px 20px;
    display: inline-flex;
    color: #fff !important;
    font-size: 16px;
    border-radius: 3px;
    align-items: center;
}

.div-injalamfa-toast-message.mfa-new-toast a.connect-btn {
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    padding: 6px 16px;
    font-size: 16px;
    font-weight: normal;
    max-height: 34px;
}

.div-injalamfa-toast-message.mfa-new-toast a.toast-close-injalaone {
    position: absolute;
    right: 24px;
    top: 15px;
}

.bg-overlay {
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 50%;
}

.account-login-section {
    position: relative;
}

.account-login-close {
    margin: 10px;
    position: absolute;
    font-size: 20px;
    top: -10px;
    right: -60px;
    color: #000 !important;
    font-weight: 500;
}

a.desk-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
}

.desk-name {
    color: #ffffff;
    font-size: 13px;
}

.disabled-input-color {
    color: #b8b5b5 !important;
}

.injala-one-li {
    border-left: 1px solid #fff;
    padding: 8px 0 0 10px;
}

.account-login-popup .modal-body {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 8px #00000029;
    border-radius: 5px;
    max-width: 725px;
    padding: 20px 70px 40px;
    overflow: hidden;
}

.account-login-section-title {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    font-family: OpenSans;
    letter-spacing: 0px;
    color: #2A2B4A;
}

.account-login-popup .modal-dialog {
    max-width: 725px;
}

.injala-one-li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    font-size: 13px;
    gap: 2px;
}

.btn-link {
    background: transparent linear-gradient(91deg, #59B5DA 0%, #73B680 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #00AA9E;
    border-radius: 28px;
    opacity: 1;
    padding: 16px 24px;
    color: #fff !important;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.account-login-section-body p {
    font-size: 18px;
    font-weight: normal;
    color: #666666;
    text-align: center;
    margin-top: 15px;
}

.buttton-section p {
    font-size: 16px;
    font-weight: normal;
    margin-top: 30px;
    color: #00AA9F;
    /*font-family: "Roboto", sans-serif;*/
}

.btn-link:hover {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #00AA9E;
    border-radius: 28px;
    opacity: 1;
    text-align: center;
    color: #00AA9E !important;
    opacity: 1;
}

.account-login-section {
    text-align: center;
}

.w-24 {
    width: 24px;
}

.span-other-notification {
    display: flex;
    align-items: center;
}

    .span-other-notification i.icon-info {
        font-size: 16px;
        margin-left: 10px;
    }

.ddl-wc-class-details-link {
    font-size: 12px;
}

.md0 {
    margin-bottom: 0 !important;
    border: 1px solid #ced4da !important;
}

.rename_textbox {
    width: 90%;
}

.no-border {
    border: none !important;
    padding: 15px 20px 0;
}

    .no-border input {
        font-size: 18px;
        font-weight: 600 !important;
        font-family: 'Open Sans', sans-serif !important;
    }

    .no-border label {
        font-size: 13px !important;
        font-weight: 500;
        top: 15px !important;
        left: 20px;
        margin: 0 !important;
    }
/*sidebar*/
.sidebar {
    background-color: #24243e;
    left: 0;
    top: 0;
    height: 100%;
    position: fixed;
    transition: width 0.1s ease;
    width: 300px;
    z-index: 199;
}

    .sidebar.isCollapsed {
        width: 70px;
    }

        .sidebar.isCollapsed .sidebar-brand {
            height: 70px;
            align-items: center;
            cursor: pointer;
            margin-bottom: 25px;
            padding: 15px;
        }

            .sidebar.isCollapsed .sidebar-brand .arrow {
                display: none;
            }

        .sidebar.isCollapsed .sidebar-nav {
            padding-left: 0;
            padding-right: 0;
        }

            .sidebar.isCollapsed .sidebar-nav li {
                position: relative;
                margin-bottom: 10px;
            }

                .sidebar.isCollapsed .sidebar-nav li a {
                    margin-left: 0;
                    overflow: inherit;
                    margin-right: 0;
                    padding: 20px;
                }

                    .sidebar.isCollapsed .sidebar-nav li a i {
                        font-size: 30px;
                        width: 100%;
                        vertical-align: middle;
                        display: inline-block;
                        text-align: center;
                        position: relative;
                        top: -2px;
                    }

                    .sidebar.isCollapsed .sidebar-nav li a span {
                        background-color: #0e0e19;
                        border-radius: 3px;
                        color: #fff;
                        display: none;
                        position: absolute;
                        left: 70px;
                        width: auto;
                        font-size: 18px;
                        margin-left: 10px;
                        padding: 0 15px;
                        line-height: 40px;
                        text-align: left;
                        white-space: nowrap;
                        z-index: 5;
                    }

                        .sidebar.isCollapsed .sidebar-nav li a span::after {
                            right: 100%;
                            top: 50%;
                            border: solid transparent;
                            content: "";
                            height: 0;
                            width: 0;
                            position: absolute;
                            pointer-events: none;
                            border-color: rgba(58, 62, 86, 0);
                            border-right-color: #0e0e19;
                            border-width: 6px;
                            margin-top: -6px;
                        }

                    .sidebar.isCollapsed .sidebar-nav li a .see-more-icon {
                        display: none;
                    }

                .sidebar.isCollapsed .sidebar-nav li:hover {
                    background: #24243E;
                    color: #fff;
                    cursor: pointer;
                }

                    .sidebar.isCollapsed .sidebar-nav li:hover span {
                        display: inline-block;
                        padding-left: 10px;
                    }

                    .sidebar.isCollapsed .sidebar-nav li:hover ul.sub {
                        display: block !important;
                    }

                        .sidebar.isCollapsed .sidebar-nav li:hover ul.sub li {
                            padding-left: 0;
                            width: 220px;
                        }

                            .sidebar.isCollapsed .sidebar-nav li:hover ul.sub li:hover a {
                                background-color: #24243E;
                            }

                            .sidebar.isCollapsed .sidebar-nav li:hover ul.sub li a {
                                padding: 10px;
                            }

                .sidebar.isCollapsed .sidebar-nav li .sub {
                    position: absolute;
                    left: 5rem;
                    top: 4.9rem;
                    display: none !important;
                    background-color: #24243E;
                    width: 220px;
                }

                    .sidebar.isCollapsed .sidebar-nav li .sub li {
                        padding-left: 0;
                        width: 220px;
                    }

                        .sidebar.isCollapsed .sidebar-nav li .sub li a {
                            padding: 10px;
                        }

.section-main.sidebar-open .sidebar .navbar-brand {
    display: block;
    padding: 0;
}

.section-main .sidebar .navbar-brand .big-logo {
    display: none
}

.section-main .sidebar .navbar-brand img {
    max-width: 150px;
    max-height: 48px;
}

.section-main .sidebar .navbar-brand .small-logo {
    max-width: 36px;
    max-height: 36px;
    display: block;
}

.section-main.sidebar-open .sidebar .navbar-brand .small-logo {
    display: none;
}

.section-main.sidebar-open .sidebar .navbar-brand .big-logo {
    display: block;
}

.sidebar .sidebar-brand {
    padding: 15px;
    margin: 0;
}

.sidebar-open .sidebar .sidebar-brand {
    padding: 15px 20px;
}

.sidebar .sidebar-brand .navbar-brand {
    margin-left: 0;
}

.sidebar-brand {
    height: 70px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 15px 0;
    margin: 0 30px 0 0;
}

    .sidebar-brand a + a {
        margin-left: 20px;
    }

    .sidebar-brand .hamburger-box {
        align-items: center;
        display: flex;
        position: relative;
        height: 40px;
        cursor: pointer;
        z-index: 1;
    }

        .sidebar-brand .hamburger-box i {
            font-weight: 700;
            font-size: 35px;
            color: #fff;
        }

    .sidebar-brand .arrow {
        display: block;
        color: #fff;
        font-size: 20px !important;
        vertical-align: top;
        width: 10px;
        margin-right: 20px;
    }

.sidebar-content {
    width: 100%;
    min-height: 100vh;
}

.sidebar-nav {
    padding-left: 0;
    padding-right: 0;
}

    .sidebar-nav li {
        position: relative;
        margin-bottom: 10px;
    }

        .sidebar-nav li.active a {
            background-color: #0e0e19;
            color: #fff;
        }

        .sidebar-nav li a {
            color: #ccc;
            display: inherit;
            position: relative;
            cursor: pointer;
            padding: 15px 20px;
            display: flex;
        }

            .sidebar-nav li a:hover {
                background-color: #0e0e19;
                color: #fff;
                cursor: pointer;
            }

            .sidebar-nav li a i {
                font-size: 30px;
                vertical-align: middle;
                display: inline-block;
                text-align: center;
                position: relative;
                top: 0;
                width: 30px;
            }

            .sidebar-nav li a span {
                font-size: 18px;
                line-height: 30px;
                padding: 0 15px;
                position: static;
                display: block;
                width: 100%;
                text-wrap: nowrap;
            }

.section-sidebar .sidebar .sidebar-nav li a:hover span {
    display: flex;
    align-items: center;
    position: absolute;
    left: 70px;
    background-color: #0e0e19;
    color: #fff;
    width: 186px;
    top: 0;
    bottom: 0;
}

.sidebar-open .section-sidebar .sidebar .sidebar-nav li a:hover span {
    position: unset;
    background-color: unset;
    width: unset;
    top: unset;
    bottom: unset;
}

.sidebar-nav li a .see-more-icon {
    font-size: 16px;
    width: inherit;
    right: 20px;
    position: absolute;
    transform: translate(0%, 100%) rotate(-90deg);
}

    .sidebar-nav li a .see-more-icon.email-up-down {
        transform: translate(0%, 100%) rotate(90deg);
    }

.sidebar-nav li .sub {
    margin: 0;
    padding: 0;
}

    .sidebar-nav li .sub li a {
        padding: 10px 10px 10px 50px;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }

/*topbar*/
.sidebar-open .topbar .navbar-brand {
    display: none;
}

.topbar .nav-link {
    padding-top: 0;
    padding-bottom: 0;
}

.topbar .injala-one-li {
    padding: 0 0 0 25px;
}

.topbar .dropdown-toggle {
    padding-left: 0;
    padding-right: 0;
}

    .topbar .dropdown-toggle.waves-effect {
        align-items: center;
        display: flex;
        height: 40px;
    }

    .topbar .dropdown-toggle .user-name span {
        color: #fff;
        display: block;
        font-size: 13px;
    }

        .topbar .dropdown-toggle .user-name span ~ span {
            font-family: 'OpenSans-Bold';
            font-weight: 700;
            font-size: 15px;
            max-width: 300px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .topbar .dropdown-toggle .avtar-img {
        margin-right: 10px;
    }

    .topbar .dropdown-toggle::after {
        font-size: unset;
    }

.topbar {
    align-items: center;
    background: linear-gradient(91deg,#59b5da 0%,#73b680 100%) 0% 0% no-repeat padding-box;
    display: flex;
    top: 0;
    height: 74px;
    padding: 10px 30px;
    width: 100%;
}

    .topbar .navbar-brand {
        padding: 0;
    }

        .topbar .navbar-brand img {
            max-width: 170px;
            max-height: 48px;
        }

.topbar-row {
    align-items: center;
    display: flex;
    padding: 0;
    justify-content: space-between;
    width: 100%;
}

.topbar .navbar-nav {
    align-items: center;
    display: flex;
    flex-direction: unset;
}

    .topbar .navbar-nav li {
        position: relative;
    }

        .topbar .navbar-nav li .dropdown-menu {
            left: 0 !important;
            top: 12px !important;
        }

        .topbar .navbar-nav li em {
            font-size: 30px;
        }

        .topbar .navbar-nav li + li {
            margin-left: 25px;
        }

.topbar .sidebar-brand {
    display: block;
}

.topbar .dropdown-toggle.avatar-sm::after {
    display: none;
    color: #fff;
}

.section-main {
    display: flex;
}

.sidebar-open .section-sidebar {
    width: 300px;
}

    .sidebar-open .section-sidebar .sidebar .sidebar-nav span {
        display: block;
    }

    .sidebar-open .section-sidebar .sidebar {
        width: 300px;
    }

.section-sidebar {
    width: 70px;
}

    .section-sidebar .sidebar {
        width: 70px;
    }

        .section-sidebar .sidebar .sidebar-nav span {
            display: none;
        }

.sidebar-open .section-details {
    margin: auto;
    width: calc(100% - 300px);
}


.section-details {
    margin: auto;
    width: calc(100% - 70px);
}


@media screen and (max-width:1450px) {
    .sidebar.isCollapsed {
        display: none;
    }

    .sidebar {
        display: block;
    }

    .sidebar-brand {
        display: block;
    }

    .topbar .sidebar-brand {
        display: block;
        margin: 0 15px 0 0;
        height: auto;
    }
}

.ncp-ph-cng.countrycode-global .slct-bx {
    width: 120px;
    height: 63px;
}

.countrycode-global .country-flag {
    height: 20px;
    margin-left: 0;
    padding: 0;
    width: 20px;
    margin-right: 5px;
}

.country-flag2 {
    margin-left: 0;
    height: 20px;
    width: 20px;
    margin-right: 15px;
}

.flag-dropdown {
    width: 370px !important;
    z-index: 1091 !important;
}

.ncp-ph-cng.countrycode-global .otr-field {
    width: calc(100% - 120px);
    padding-left: 0px
}

    .ncp-ph-cng.countrycode-global .otr-field input {
        border-left: 0 !important;
        border-radius: 0px 4px 4px 0px;
    }

.ncp-ph-cng.countrycode-global .country-code .select2-selection--single {
    height: 63px;
    border: 1px solid #A4A7B3;
    background: #FFF;
    border-radius: 4px 0px 0px 4px;
    border-right: none;
}

.ncp-ph-cng.countrycode-global .country-code .disabled .select2-selection--single {
    background: #f1f1f1 !important;
}

.ncp-ph-cng.countrycode-global .country-code .text-box-danger .select2-selection--single {
    background: #ffdede !important;
    border-color: #f9adad !important;
}

.ncp-ph-cng.countrycode-global .country-code .text-box-success .select2-selection--single {
    background: #daffc3 !important;
    border-color: #b8e88d !important;
}

.ncp-ph-cng.countrycode-global .country-code.disabled .select2-selection--single {
    background: #f1f1f1 !important;
}

.ncp-ph-cng.countrycode-global .custom-form-group {
    border-radius: 0px 4px 4px 0px;
}

.ncp-ph-cng.countrycode-global .country-code .select2-selection__rendered {
    line-height: 54px;
    padding: 0 12px 0 12px;
}

.custom-label-new label {
    top: 10px !important;
}

.ncp-ph-cng.countrycode-global .country-code .select2-selection__rendered span {
    font-weight: bold;
}

.ncp-pf-form-field .ncp-ph-cng.countrycode-global .otr-field .form-control {
    border-left: 0 !important;
    border-radius: 0px 5px 5px 0px;
}

.ncp-ph-cng.countrycode-global .country-code .select2-selection--single .select2-selection__arrow {
    height: 10px;
    width: 22px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 10px;
}

    .ncp-ph-cng.countrycode-global .country-code .select2-selection--single .select2-selection__arrow b {
        border: 0;
        left: auto;
        top: 0;
        right: 0;
    }

        .ncp-ph-cng.countrycode-global .country-code .select2-selection--single .select2-selection__arrow b::after {
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 8px solid #707070;
            color: #707070;
            right: 0;
            font-size: 10px;
            top: 5px;
            position: absolute;
            content: "" !important;
        }

.ncp-ph-cng.countrycode-global .country-code .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.h-fit{
    height: fit-content !important;
}

.card-contractor-package-list2 .list-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 4px;
}

    .card-contractor-package-list2 .list-item span {
        font-size: 16px;
        line-height: 22px;
        color: #666666 !important;
        font-weight: 400;
    }

    .card-contractor-package-list2 .list-item div {
        font-size: 16px;
        line-height: 22px;
        color: #24243E !important;
        font-weight: 600;
        word-break: break-word;
    }

    .card-contractor-package-list2 .list-item .boldText{
        color: #555;
    }

    .card-contractor-package-list2 .card-body {
        padding: 20px;
    }

        .card-contractor-package-list2 .contractor-package-details .card-body hr {
            border-top: 1px solid #E6E6E6;
        }

    .card-contractor-package-list2 .contractor-package-activity2 {
        padding: 16px;
        background: #fff;
        border-radius: 4px;
        border: 1px solid #E6E6E6;
    }

    .card-contractor-package-list2 .contractor-package-activity2 .heading {
        font-size: 14px !important;
        line-height: 18px !important;
        color: #24243e;
        border-bottom: 0;
        padding-bottom: 16px;
        margin-bottom: 0;
        position: relative;
    }

.card-contractor-package-list2 .contractor-package-graph2 .heading .contractor-package-graph-title {
    font-size: 14px !important;
    line-height: 18px !important;
    color: #24243e;
}

.card-contractor-package-list2 .contractor-package-graph2 .heading {
    font-size: 14px !important;
    line-height: 18px !important;
    border-bottom: 0;
    padding-bottom: 16px;
    margin-bottom: 0;
    position: relative;
}

    .card-contractor-package-list2 .contractor-package-graph2 .heading .dropdown-toggle {
        color: #666 !important;
        font-size: 14px;
        line-height: 18px;
        
    }

        .card-contractor-package-list2 .contractor-package-graph2 .heading .dropdown-toggle::after {
            font-family: "Material Design Icons";
            content: "\F140";
            border: 0;
            font-size: 20px;
            vertical-align: middle;
            margin-left: 0;
            transition: 0.5s all;
        }

        .card-contractor-package-list2 .contractor-package-graph2 .heading .dropdown-toggle[aria-expanded="true"]::after{
            transform: rotate(180deg);
        }

        .card-contractor-package-list2 .contractor-package-graph2 .heading .dropdown-toggle[aria-expanded="false"]::after {
            transform: rotate(0deg);
        }

        .card-contractor-package-list2 .contractor-package-activity2 .heading:before, .card-contractor-package-list2 .contractor-package-graph2 .heading:before {
            position: absolute;
            display: block;
            content: "";
            height: 1px;
            width: calc(100% + 32px);
            left: -16px;
            bottom: 0;
            background: #E6E6E6;
            z-index: 1;
        }

    .card-contractor-package-list2 .contractor-package-activity2 .heading span {
        color: #666;
    }

.card-contractor-package-list2 .contractor-package-activity2 .list-enrolled {
    margin-bottom: 0;
}

        .card-contractor-package-list2 .contractor-package-activity2 .list-enrolled li{
            margin-bottom: 16px;
        }

            .card-contractor-package-list2 .contractor-package-activity2 .list-enrolled li:last-child{
                margin-bottom: 0;
            }

            .card-contractor-package-list2 .contractor-package-activity2 .list-enrolled li a, .card-contractor-package-list2 .contractor-package-activity2 .list-enrolled li span a {
                color: #2881C1;
                font-size: 16px;
                line-height: 22px;
            }

                .card-contractor-package-list2 .contractor-package-activity2 .list-enrolled li a + a, .card-contractor-package-list2 .contractor-package-activity2 .list-enrolled li span + span a {
                    font-size: 14px;
                    line-height: 18px;
                }

                .card-contractor-package-list2 .contractor-package-activity2 .list-enrolled a.disabled {
                    background: unset;
                }

.card-contractor-package-list2 .contractor-package-graph2 .slick-slide {
    margin: auto 0;
    padding: 16px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
}

.card-contractor-package-list2 .contractor-package-graph2 .slick-prev, .card-contractor-package-list2 .contractor-package-graph2 .slick-next {
    margin-left: 40px;
}

.card-contractor-package-list2 .contractor-package-graph2 .div-graph {
    margin: 16px 0;
    max-height: calc(100% - 82px);
    min-height: 198px;
}

.card-contractor-package-list2 .contractor-package-graph2 [class^="graph-slider-"],
.card-contractor-package-list2 .contractor-package-graph2 .slider, .card-contractor-package-list2 .contractor-package-graph2 .slick-list,
.card-contractor-package-list2 .contractor-package-graph2 .slick-track, .card-contractor-package-list2 .contractor-package-graph2 .slick-slide,
.card-contractor-package-list2 .contractor-package-graph2 .slick-slide > div:first-of-type, .card-contractor-package-list2 .contractor-package-graph2 .slick-slide > div:first-of-type > div:first-of-type {
    height: 100%;
}

@media (max-width: 1366px) {
    .card-contractor-package-list2 .list-item span, .card-contractor-package-list2 .list-item div {
        font-size: 15px;
    }

    .card-contractor-package-list2 .div-status .f-14 {
        font-size: 13px;
    }

    .card-contractor-package-list2 .div-status i {
        font-size: 9px !important;
    }
    .card-contractor-package-list2 .contractor-package-header > .row:first-of-type > .col-md-12:first-of-type > .row:first-of-type .col-md-4:nth-child(2) {
        flex: 0 0 27.666667%;
        max-width: 27.66667%;
    }

    .card-contractor-package-list2 .contractor-package-header > .row:first-of-type > .col-md-12:first-of-type > .row:first-of-type .col-md-4:nth-child(3) {
        flex: 0 0 39%;
        max-width: 39%;
    }
}

.ncp-pf-reveal input[type="password"]::-ms-reveal {
    display: none;
}

.modal.modal-static .modal-dialog {
    transform: none !important;
    -webkit-transform: none !important;
}

/*@media screen and (max-width:1750px){
    .flag-dropdown {
        width: 419px !important
    }
}

@media screen and (max-width:1540px) {
    .flag-dropdown {
        width: 439px !important
    }
}

@media screen and (max-width:1280px) {
    .flag-dropdown {
        width: 367px !important
    }
}*/