/*=======================/modal view forms theme colors==================*/
    :root {
        --generalBluetheme: #007AC1;
        --eveTheme: #1C94CE;
        --safetyTheme: #4CADAF;
        --industrialTheme: #1a4788;
        --qualityprocesscontrolsTheme: #b51e53;
        --customerfocusserviceTheme: #e11d3d;
        --peopledevelopmentsTheme: #de5326;
        --innovationdevgrowthTheme: #ea6a25;
        --reliabilityTheme: #0576BB;
        --safetyThemeDefault: #4CADAF;
        --mocTheme: #7d66a0;
        --compilancecalenderTheme: #1A93CD;
        --fivesTheme: #573E7B;
        --dusty-purple: #7d66a0;
        --dark-purple: #7d66a0;
    }

    /* Only New Doc Control Theme CSS */
     /** Admin theme**/
    .adminTheme .themecolor,
    .adminTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after
    {
        color: #337ab7 !important;
    }

    .adminTheme .themebg,
    .adminTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .adminTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .adminTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .adminTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .adminTheme .app-radio input:checked~.checkmark,
    .adminTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before {
        background-color: #337ab7 !important;
    }

    .adminTheme .themeborder,
    .adminTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .adminTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .adminTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .adminTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .adminTheme .enabled-check-box input:checked+label:after,
    .adminTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .adminTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #337ab7 !important;
    }
    /** Admin theme**/
    
    /** helth and sefety theme**/
    .safetyTheme .themecolor,
    .safetyTheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active,
    .safetyTheme.doccontrol-library-wrapper .record-count-text.active,
    .safetyTheme .session_pills .nav-pills .nav-link.active,
    .safetyTheme .session_pills .nav-pills .show>.nav-link,
    .safetyTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after,
    .safetyTheme .recordstatusstepsrightinn .nav-pills .nav-link.active,
    .safetyTheme .enabled-check-box input:checked+label,
    .safetyTheme .ngb-dp-arrow-btn {
        color: #4CADAF !important;
    }

    .safetyTheme .themebg,
    .safetyTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .safetyTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .safetyTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .safetyTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .safetyTheme .app-radio input:checked~.checkmark,
    .safetyTheme .calendar:hover,
    .safetyTheme .btn-action-ena-dis button.active,
    .safetyTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .safetyTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .safetyTheme .ngb-dp-day .bg-primary,
    .safetyTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before {
        background-color: #4CADAF !important;
    }

    .safetyTheme .themeborder,
    .safetyTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .safetyTheme .session_pills .nav-pills .nav-link.active,
    .safetyTheme .session_pills .nav-pills .show>.nav-link,
    .safetyTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .safetyTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .safetyTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .safetyTheme .enabled-check-box input:checked+label:after,
    .safetyTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .safetyTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .safetyTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .safetyTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #4CADAF !important;
    }

    .safetyTheme .safety-record-table table tbody tr:hover .hover_event {
        background-color: rgba(76, 173, 175, 0.2) !important;
    }

    .safetyTheme .doc-title-content svg .cls-2,
    .safetyTheme .cr_images svg .cls-2 {
        fill: #4CADAF;
    }

    /** END helth and sefety theme**/

    /** ENV theme**/
    .eveTheme .themecolor,
    .eveTheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active,
    .eveTheme.doccontrol-library-wrapper .record-count-text.active,
    .eveTheme .session_pills .nav-pills .nav-link.active,
    .eveTheme .session_pills .nav-pills .show>.nav-link,
    .eveTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after,
    .eveTheme .recordstatusstepsrightinn .nav-pills .nav-link.active,
    .eveTheme .enabled-check-box input:checked+label,
    .eveTheme .ngb-dp-arrow-btn {
        color: #1C94CE !important;
    }

    .eveTheme .themebg,
    .eveTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .eveTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .eveTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .eveTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .eveTheme .app-radio input:checked~.checkmark,
    .eveTheme .calendar:hover,
    .eveTheme .btn-action-ena-dis button.active,
    .eveTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .eveTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .eveTheme .ngb-dp-day .bg-primary,
    .eveTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before  {
        background-color: #1C94CE !important;
    }

    .eveTheme .themeborder,
    .eveTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .eveTheme .session_pills .nav-pills .nav-link.active,
    .eveTheme .session_pills .nav-pills .show>.nav-link,
    .eveTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .eveTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .eveTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .eveTheme .enabled-check-box input:checked+label:after,
    .eveTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .eveTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .eveTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .eveTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #1C94CE !important;
    }

    .eveTheme .safety-record-table table tbody tr:hover .hover_event {
        background-color: rgba(28, 147, 206, 0.2) !important;
    }

    .eveTheme .doc-title-content svg .cls-2,
    .eveTheme .cr_images svg .cls-2 {
        fill: #1C94CE;
    }

    /** END ENV theme**/
    /** Reliability theme**/
    .reliabilityTheme .themecolor,
    .reliabilityTheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active,
    .reliabilityTheme.doccontrol-library-wrapper .record-count-text.active,
    .reliabilityTheme .session_pills .nav-pills .nav-link.active,
    .reliabilityTheme .session_pills .nav-pills .show>.nav-link,
    .reliabilityTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after,
    .reliabilityTheme .recordstatusstepsrightinn .nav-pills .nav-link.active,
    .reliabilityTheme .enabled-check-box input:checked+label,
    .reliabilityTheme .ngb-dp-arrow-btn {
        color: #0576bb !important;
    }

    .reliabilityTheme .themebg,
    .reliabilityTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .reliabilityTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .reliabilityTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .reliabilityTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .reliabilityTheme .app-radio input:checked~.checkmark,
    .reliabilityTheme .calendar:hover,
    .reliabilityTheme .btn-action-ena-dis button.active,
    .reliabilityTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .reliabilityTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .reliabilityTheme .ngb-dp-day .bg-primary,
    .reliabilityTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before  {
        background-color: #0576bb !important;
    }

    .reliabilityTheme .themeborder,
    .reliabilityTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .reliabilityTheme .session_pills .nav-pills .nav-link.active,
    .reliabilityTheme .session_pills .nav-pills .show>.nav-link,
    .reliabilityTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .reliabilityTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .reliabilityTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .reliabilityTheme .enabled-check-box input:checked+label:after,
    .reliabilityTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .reliabilityTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .reliabilityTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .reliabilityTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #0576bb !important;
    }

    .reliabilityTheme .safety-record-table table tbody tr:hover .hover_event {
        background-color: rgba(5, 117, 187, 0.2) !important;
    }

    .reliabilityTheme .doc-title-content svg .cls-2,
    .reliabilityTheme .cr_images svg .cls-2 {
        fill: #0576bb;
    }

    /** END Reliability theme**/
    /** Industrial theme**/
    .industrialTheme .themecolor,
    .industrialTheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active,
    .industrialTheme.doccontrol-library-wrapper .record-count-text.active,
    .industrialTheme .session_pills .nav-pills .nav-link.active,
    .industrialTheme .session_pills .nav-pills .show>.nav-link,
    .industrialTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after,
    .industrialTheme .recordstatusstepsrightinn .nav-pills .nav-link.active,
    .industrialTheme .enabled-check-box input:checked+label,
    .industrialTheme .ngb-dp-arrow-btn {
        color: #1a4788 !important;
    }

    .industrialTheme .themebg,
    .industrialTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .industrialTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .industrialTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .industrialTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .industrialTheme .app-radio input:checked~.checkmark,
    .industrialTheme .calendar:hover,
    .industrialTheme .btn-action-ena-dis button.active,
    .industrialTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .industrialTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .industrialTheme .ngb-dp-day .bg-primary,
    .industrialTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before {
        background-color: #1a4788 !important;
    }

    .industrialTheme .themeborder,
    .industrialTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .industrialTheme .session_pills .nav-pills .nav-link.active,
    .industrialTheme .session_pills .nav-pills .show>.nav-link,
    .industrialTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .industrialTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .industrialTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .industrialTheme .enabled-check-box input:checked+label:after,
    .industrialTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .industrialTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .industrialTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .industrialTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #1a4788 !important;
    }

    .industrialTheme .safety-record-table table tbody tr:hover .hover_event {
        background-color: rgba(26, 72, 136, 0.2) !important;
    }

    .industrialTheme .doc-title-content svg .cls-2,
    .industrialTheme .cr_images svg .cls-2 {
        fill: #1a4788;
    }

    /** END Industrial theme**/

    /** QPC theme**/
    .qualityprocesscontrolsTheme .themecolor,
    .qualityprocesscontrolsTheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active,
    .qualityprocesscontrolsTheme.doccontrol-library-wrapper .record-count-text.active,
    .qualityprocesscontrolsTheme .session_pills .nav-pills .nav-link.active,
    .qualityprocesscontrolsTheme .session_pills .nav-pills .show>.nav-link,
    .qualityprocesscontrolsTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after,
    .qualityprocesscontrolsTheme .recordstatusstepsrightinn .nav-pills .nav-link.active,
    .qualityprocesscontrolsTheme .enabled-check-box input:checked+label,
    .qualityprocesscontrolsTheme .ngb-dp-arrow-btn {
        color: #b41e53 !important;
    }

    .qualityprocesscontrolsTheme .themebg,
    .qualityprocesscontrolsTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .qualityprocesscontrolsTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .qualityprocesscontrolsTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .qualityprocesscontrolsTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .qualityprocesscontrolsTheme .app-radio input:checked~.checkmark,
    .qualityprocesscontrolsTheme .calendar:hover,
    .qualityprocesscontrolsTheme .btn-action-ena-dis button.active,
    .qualityprocesscontrolsTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .qualityprocesscontrolsTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .qualityprocesscontrolsTheme .ngb-dp-day .bg-primary,
    .qualityprocesscontrolsTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before {
        background-color: #B41E53 !important;
    }

    .qualityprocesscontrolsTheme .themeborder,
    .qualityprocesscontrolsTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .qualityprocesscontrolsTheme .session_pills .nav-pills .nav-link.active,
    .qualityprocesscontrolsTheme .session_pills .nav-pills .show>.nav-link,
    .qualityprocesscontrolsTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .qualityprocesscontrolsTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .qualityprocesscontrolsTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .qualityprocesscontrolsTheme .enabled-check-box input:checked+label:after,
    .qualityprocesscontrolsTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .qualityprocesscontrolsTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .qualityprocesscontrolsTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .qualityprocesscontrolsTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #B41E53 !important;
    }

    .qualityprocesscontrolsTheme .safety-record-table table tbody tr:hover .hover_event {
        background-color: rgba(181, 30, 83, 0.2) !important;
    }

    .qualityprocesscontrolsTheme .doc-title-content svg .cls-2,
    .qualityprocesscontrolsTheme .cr_images svg .cls-2 {
        fill: #b51e54;
    }

    /** END QPC theme**/
    /** Customer Focus Service theme**/
    .customerfocusserviceTheme .themecolor,
    .customerfocusserviceTheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active,
    .customerfocusserviceTheme.doccontrol-library-wrapper .record-count-text.active,
    .customerfocusserviceTheme .session_pills .nav-pills .nav-link.active,
    .customerfocusserviceTheme .session_pills .nav-pills .show>.nav-link,
    .customerfocusserviceTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after,
    .customerfocusserviceTheme .recordstatusstepsrightinn .nav-pills .nav-link.active,
    .customerfocusserviceTheme .enabled-check-box input:checked+label,
    .customerfocusserviceTheme .ngb-dp-arrow-btn {
        color: #e11d3d !important;
    }

    .customerfocusserviceTheme .themebg,
    .customerfocusserviceTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .customerfocusserviceTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .customerfocusserviceTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .customerfocusserviceTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .customerfocusserviceTheme .app-radio input:checked~.checkmark,
    .customerfocusserviceTheme .calendar:hover,
    .customerfocusserviceTheme .btn-action-ena-dis button.active,
    .customerfocusserviceTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .customerfocusserviceTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .customerfocusserviceTheme .ngb-dp-day .bg-primary,
    .customerfocusserviceTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before {
        background-color: #e11d3d !important;
    }

    .customerfocusserviceTheme .themeborder,
    .customerfocusserviceTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .customerfocusserviceTheme .session_pills .nav-pills .nav-link.active,
    .customerfocusserviceTheme .session_pills .nav-pills .show>.nav-link,
    .customerfocusserviceTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .customerfocusserviceTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .customerfocusserviceTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .customerfocusserviceTheme .enabled-check-box input:checked+label:after,
    .customerfocusserviceTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .customerfocusserviceTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .customerfocusserviceTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .customerfocusserviceTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #e11d3d !important;
    }

    .customerfocusserviceTheme .safety-record-table table tbody tr:hover .hover_event {
        background-color: rgba(225, 29, 62, 0.2) !important;
    }

    .customerfocusserviceTheme .doc-title-content svg .cls-2,
    .customerfocusserviceTheme .cr_images svg .cls-2 {
        fill: #e11d3d;
    }

    /** END Customer Focus Service theme**/
    /** People Developments theme**/
    .peopledevelopmentsTheme .themecolor,
    .peopledevelopmentsTheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active,
    .peopledevelopmentsTheme.doccontrol-library-wrapper .record-count-text.active,
    .peopledevelopmentsTheme .session_pills .nav-pills .nav-link.active,
    .peopledevelopmentsTheme .session_pills .nav-pills .show>.nav-link,
    .peopledevelopmentsTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after,
    .peopledevelopmentsTheme .recordstatusstepsrightinn .nav-pills .nav-link.active,
    .peopledevelopmentsTheme .enabled-check-box input:checked+label,
    .peopledevelopmentsTheme .ngb-dp-arrow-btn {
        color: #de5326 !important;
    }

    .peopledevelopmentsTheme .themebg,
    .peopledevelopmentsTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .peopledevelopmentsTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .peopledevelopmentsTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .peopledevelopmentsTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .peopledevelopmentsTheme .app-radio input:checked~.checkmark,
    .peopledevelopmentsTheme .calendar:hover,
    .peopledevelopmentsTheme .btn-action-ena-dis button.active,
    .peopledevelopmentsTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .peopledevelopmentsTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .peopledevelopmentsTheme .ngb-dp-day .bg-primary,
    .peopledevelopmentsTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before {
        background-color: #de5326 !important;
    }

    .peopledevelopmentsTheme .themeborder,
    .peopledevelopmentsTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .peopledevelopmentsTheme .session_pills .nav-pills .nav-link.active,
    .peopledevelopmentsTheme .session_pills .nav-pills .show>.nav-link,
    .peopledevelopmentsTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .peopledevelopmentsTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .peopledevelopmentsTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .peopledevelopmentsTheme .enabled-check-box input:checked+label:after,
    .peopledevelopmentsTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .peopledevelopmentsTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .peopledevelopmentsTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .peopledevelopmentsTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #de5326 !important;
    }

    .peopledevelopmentsTheme .safety-record-table table tbody tr:hover .hover_event {
        background-color: rgba(222, 84, 38, 0.2) !important;
    }

    .peopledevelopmentsTheme .doc-title-content svg .cls-2,
    .peopledevelopmentsTheme .cr_images svg .cls-2 {
        fill: #de5326;
    }

    /** END People Developments theme**/
    /** Innovation Dev Growth theme**/
    .innovationdevgrowthTheme .themecolor,
    .innovationdevgrowthTheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active,
    .innovationdevgrowthTheme.doccontrol-library-wrapper .record-count-text.active,
    .innovationdevgrowthTheme .session_pills .nav-pills .nav-link.active,
    .innovationdevgrowthTheme .session_pills .nav-pills .show>.nav-link,
    .innovationdevgrowthTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after,
    .innovationdevgrowthTheme .recordstatusstepsrightinn .nav-pills .nav-link.active,
    .innovationdevgrowthTheme .enabled-check-box input:checked+label,
    .innovationdevgrowthTheme .ngb-dp-arrow-btn {
        color: #ea6a25 !important;
    }

    .innovationdevgrowthTheme .themebg,
    .innovationdevgrowthTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .innovationdevgrowthTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .innovationdevgrowthTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .innovationdevgrowthTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .innovationdevgrowthTheme .app-radio input:checked~.checkmark,
    .innovationdevgrowthTheme .calendar:hover,
    .innovationdevgrowthTheme .btn-action-ena-dis button.active,
    .innovationdevgrowthTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .innovationdevgrowthTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .innovationdevgrowthTheme .ngb-dp-day .bg-primary,
    .innovationdevgrowthTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before {
        background-color: #ea6a25 !important;
    }

    .innovationdevgrowthTheme .themeborder,
    .innovationdevgrowthTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .innovationdevgrowthTheme .session_pills .nav-pills .nav-link.active,
    .innovationdevgrowthTheme .session_pills .nav-pills .show>.nav-link,
    .innovationdevgrowthTheme .multiselect-dropdown .dropdown-btn .selected-item,
    .innovationdevgrowthTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .innovationdevgrowthTheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .innovationdevgrowthTheme .enabled-check-box input:checked+label:after,
    .innovationdevgrowthTheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .innovationdevgrowthTheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .innovationdevgrowthTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .innovationdevgrowthTheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #ea6a25 !important;
    }

    .innovationdevgrowthTheme .safety-record-table table tbody tr:hover .hover_event {
        background-color: rgba(234, 106, 37, 0.2) !important;
    }

    .innovationdevgrowthTheme .doc-title-content svg .cls-2,
    .innovationdevgrowthTheme .cr_images svg .cls-2 {
        fill: #ea6a25;
    }

    /** END Innovation Dev Growth theme**/
    /** tfs theme**/
    .tfstheme .themecolor,
    .tfstheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active,
    .tfstheme.doccontrol-library-wrapper .record-count-text.active,
    .tfstheme .session_pills .nav-pills .nav-link.active,
    .tfstheme .session_pills .nav-pills .show>.nav-link,
    .tfstheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after,
    .tfstheme .recordstatusstepsrightinn .nav-pills .nav-link.active,
    .tfstheme .enabled-check-box input:checked+label,
    .tfstheme .ngb-dp-arrow-btn {
        color: #573F7D !important;
    }

    .tfstheme .themebg,
    .tfstheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .tfstheme .multiselect-dropdown .dropdown-btn .selected-item,
    .tfstheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before,
    .tfstheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before,
    .tfstheme .app-radio input:checked~.checkmark,
    .tfstheme .calendar:hover,
    .tfstheme .btn-action-ena-dis button.active,
    .tfstheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .tfstheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .tfstheme .ngb-dp-day .bg-primary,
    .tfstheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before {
        background-color: #573F7D !important;
    }

    .tfstheme .themeborder,
    .tfstheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .tfstheme .session_pills .nav-pills .nav-link.active,
    .tfstheme .session_pills .nav-pills .show>.nav-link,
    .tfstheme .multiselect-dropdown .dropdown-btn .selected-item,
    .tfstheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before,
    .tfstheme .custom-multi-select .form-check .form-check-input[type="checkbox"]+.form-check-label::before,
    .tfstheme .enabled-check-box input:checked+label:after,
    .tfstheme .eve_submitdetailtabs .nav-pills .nav-link.active,
    .tfstheme .eve_submitdetailtabs .nav-pills .show>.nav-link,
    .tfstheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after,
    .tfstheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]+div:before {
        border-color: #573F7D !important;
    }

    .tfstheme .safety-record-table table tbody tr:hover .hover_event {
        background-color: rgba(87, 63, 125, 0.2) !important;
    }

    .tfstheme .doc-title-content svg .cls-2,
    .tfstheme .cr_images svg .cls-2 {
        fill: #573F7D;
    }

    /** END tfs theme**/
    /* Only New Doc Control Theme CSS */







    /*=======================/modal view forms colors==================*/
    /*==================================================================
                    Start Theme colors scheme
==================================================================*/
    

    .blueTheme .ThemeDefaultcolor {
        color: var(--safetyThemeDefault);
    }

    /*------------------------------End Default Theme color-----------*/


    .RecordManagementPopup .mocTheme .topheadertext h3,
    .RecordManagementPopup .mocTheme .topheadericon h3,
    .mocTheme .note_popup .modal-header p,
    .mocTheme .topheadericon h3,
    .mocTheme .note_popup .toolTipsMT25 h3,
    .mocTheme .note_popup .claim_note_header,
    .mocTheme .formreportstatusStep,
    .mocTheme .formstepsicon h3 i,
    .mocTheme.qrcodescanerviewmodel-wrapper .modal-header h5.sales-font {
        color: var(--mocTheme) !important;
    }
    .mocTheme.qrcodescanerviewmodel-wrapper  .modal-footer .smat-modal-btn {
        background-color: var(--mocTheme) !important;
    }
    .mocTheme .topheadersave button
      {
        background-color: var(--mocTheme) !important;
      }
    .mocTheme.mocsettingcstinn  .multiselect-dropdown .dropdown-btn .selected-item {
        border: 1px solid #583F7D !important;
        background: #583F7D !important;
    }
    .mocTheme.mocsettingcstinn .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .mocTheme .ngb-dp-day .bg-primary {
        background: #583F7D !important;
    }
    .mocTheme.mocsettingcstinn .multiselect-item-checkbox input[type=checkbox]+div:before {
        border: 2px solid #583F7D !important;
    }
    
    /*------------------------------Start Enviornmental Theme color-----------*/
    .eveTheme .custom-multi-select .form-check .form-check-input[type=radio]:checked+label::before{
        background-color: var(--eveTheme);
    }
    .eveTheme .note_popup .modal-header p,
    .eveTheme .note_popup .claim_note_header,
    .eveTheme .note_popup .toolTipsMT25 h3,
    .eveTheme .barcode-field .barcode-field-input .barcode-button .barcode,
    .eveTheme .topheadericon h3,
    .eveTheme .topheadertext h3   {
        color: var(--eveTheme) !important;
    }
    .qpc-theme button[disabled] {
        background-color: #d0d2d3 !important;
    }
    .qpc-theme .note_popup .modal-header p,
    .qpc-theme .note_popup .claim_note_header,
    .qpc-theme .note_popup .toolTipsMT25 h3,
    .qpc-theme .barcode-field .barcode-field-input .barcode-button .barcode,
    .qpc-theme .note_popup .claim_note_header {
        color: #B41E53 !important;
    }
    .RecordManagementPopup .eveTheme .recordstatusstepsrightinn .nav-pills button.nav-link.active {
        color: var(--eveTheme) !important;
    }
    .RecordManagementPopup .qpc-theme .recordstatusstepsrightinn .nav-pills button.nav-link.active {
        color: #B41E53 !important;
    }
    .eveTheme .selhazwidthblk .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before {
        background-color: var(--eveTheme) !important;
    }
    .eveTheme .custom-multi-select .form-check .form-check-input[type=radio]+.form-check-label::before,
    .eveTheme .selhazwidthblk .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]+label::before
    {
        border-color: var(--eveTheme) !important;
    }
    .eveTheme.docapproval-review-main .submit-button {
        border: solid var(--eveTheme);
    }
    .eveTheme .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--eveTheme) !important;
    }

    /*------------------------------End Enviornmental Theme color-----------*/

    /*------------------------------Start Safety Theme color-----------*/
    .safetyTheme .custom-multi-select .form-check .form-check-input[type=radio]:checked+label::before{
        background-color: var(--safetyTheme);
    }
    .safetyTheme .note_popup .modal-header p,
    .safetyTheme .note_popup .claim_note_header,
    .safetyTheme .note_popup .toolTipsMT25 h3,
    .safetyTheme .barcode-field .barcode-field-input .barcode-button .barcode,
    .safetyTheme .topheadericon h3,
    .safetyTheme .topheadertext h3 {
        color: var(--safetyTheme);
    }
    .RecordManagementPopup .safetyTheme .recordstatusstepsrightinn .nav-pills button.nav-link.active {
        color: var(--safetyTheme) !important;
    }
    .safetyTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]+label::before,
    .safetyTheme .custom-multi-select .form-check .form-check-input[type=radio]+.form-check-label::before,
    .safetyTheme .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--safetyTheme) !important;
    }
    /*------------------------------End Safety Theme color-----------*/
    /*------------------------------Start GeneralBlue Theme color-----------*/
    .generalBluetheme .custom-multi-select .form-check .form-check-input[type=radio]:checked+label::before {
        background-color: var(--generalBluetheme);
    }
    .mocTheme .multi-select .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before {
        background-color: var(--dusty-purple) !important;
    }
    .generalBluetheme .note_popup .modal-header p,
    .generalBluetheme .note_popup .claim_note_header,
    .generalBluetheme .note_popup .toolTipsMT25 h3,
    .generalBluetheme .barcode-field .barcode-field-input .barcode-button .barcode,
    .generalBluetheme .topheadericon h3,
    .generalBluetheme .topheadertext h3 {
        color: var(--generalBluetheme);
    }
    .mocTheme .topheadertext h3 {
        color: var(--mocTheme);
    }
   
    .generalBluetheme .custom-multi-select .form-check .form-check-input[type=radio]+.form-check-label::before,
    .generalBluetheme .multi-select .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before {
        background-color: var(--dark-purple);
    }
    .generalBluetheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after {
        border: solid var(--generalBluetheme);
    }
    .generalBluetheme .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--generalBluetheme) !important;
    }
    .generalBluetheme .multi-select .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--dark-purple) !important;
    }
    .generalBluetheme .multi-select .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--generalBluetheme) !important;
    }
    .mocTheme .multi-select .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--dusty-purple) !important;
    }
    /*------------------------------End GeneralBlue Theme color-----------*/
    /*------------------------------Start indus Theme color-----------*/
    .industrialTheme .custom-multi-select .form-check .form-check-input[type=radio]:checked+label::before {
        background-color: var(--industrialTheme);
    }
    .industrialTheme .barcode-field .barcode-field-input .barcode-button .barcode,
    .industrialTheme .topheadericon h3,
    .industrialTheme .topheadertext h3{
        color: var(--industrialTheme);
    }
    .industrialTheme .custom-multi-select .form-check .form-check-input[type=radio]+.form-check-label::before,
    .industrialTheme .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--industrialTheme) !important;
    }
    /*------------------------------End indus Theme color-----------*/
    /*------------------------------Start quality-process-controls Theme color-----------*/
   
    .taskmanagermodal.qualityprocesscontrolsTheme .createtaskbtn button,
    .taskmanagermodal.qualityprocesscontrolsTheme .modalHeader .modalheaderRight .modalSavebtn,
    .taskmanagermodal.qualityprocesscontrolsTheme .purpleBGthemecolor.taskactionheader,
    .taskmanagermodal.qualityprocesscontrolsTheme .taskactionAddbtn,
    .taskmanagermodal.qualityprocesscontrolsTheme .est_btn,
    .taskmanagermodal.qualityprocesscontrolsTheme .sortBlock .phase2-sortI,
    .taskmanagermodal.qualityprocesscontrolsTheme .actioncloseicon .phase2-closeI,
    .taskmanagermodal.qualityprocesscontrolsTheme .actionmessengerheader .purpleBGthemecolor,
    .taskmanagermodal.qualityprocesscontrolsTheme .btn.note_btn,
    .qualityprocesscontrolsTheme .custom-multi-select .form-check .form-check-input[type=radio]:checked+label::before,
    .DoccontrolPopup .qualityprocesscontrolsTheme .initiveleadblk .initiveleadsalmot,
    .qualityprocesscontrolsTheme .actualhrschart {
        background-color: var(--qualityprocesscontrolsTheme) !important;
    }
    
    .taskmanagermodal.qualityprocesscontrolsTheme .modalHeader .modalheaderTXT h3,
    .taskmanagermodal.qualityprocesscontrolsTheme .modalHeader p,
    .taskmanagermodal.qualityprocesscontrolsTheme span.inprogressicon,
    .taskmanagermodal.qualityprocesscontrolsTheme .messegeLikeicon .iconPurple,
    .qualityprocesscontrolsTheme .barcode-field .barcode-field-input .barcode-button .barcode,
    .qualityprocesscontrolsTheme .recoHistoriankipsdata h3{
        color: var(--qualityprocesscontrolsTheme) !important;
    }
    .qualityprocesscontrolsTheme .bg-capa-color {
        background-color: var(--qualityprocesscontrolsTheme) !important;
    }
    .qualityprocesscontrolsTheme .custom-multi-select .form-check .form-check-input[type=radio]+.form-check-label::before {
        border-color: var(--qualityprocesscontrolsTheme) !important;
    }
    .taskmanagermodal.qualityprocesscontrolsTheme .calendar:hover,
    .qualityprocesscontrolsTheme.docapproval-review-main .submit-button {
        border-color: var(--qualityprocesscontrolsTheme) !important;
    }
    .qualityprocesscontrolsTheme .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--qualityprocesscontrolsTheme) !important;
    }
    /*------------------------------End quality-process-controls Theme color-----------*/
    /*------------------------------Start customer-focus-service Theme color-----------*/
    .customerfocusserviceTheme .custom-multi-select .form-check .form-check-input[type=radio]:checked+label::before {
        background-color: var(--customerfocusserviceTheme);
    }
    .customerfocusserviceTheme.formmodaltooltip .modal-header p,
    .customerfocusserviceTheme.formmodaltooltip .note_popup .claim_note_header,
    .customerfocusserviceTheme.formmodaltooltip .note_popup .toolTipsMT25 h3,
    .customerfocusserviceTheme.formmodaltooltip .exampletxtcolor,
    .customerfocusserviceTheme .barcode-field .barcode-field-input .barcode-button .barcode,
    .customerfocusserviceTheme .topheadericon h3,
    .customerfocusserviceTheme .topheadertext h3{
        color: var(--customerfocusserviceTheme);
    }
    .customerfocusserviceTheme.qktooltips .modal-header p,
    .customerfocusserviceTheme.qktooltips .note_popup .claim_note_header,
    .customerfocusserviceTheme.qktooltips .note_popup .toolTipsMT25 h3,
    .customerfocusserviceTheme.qktooltips .exampletxtcolor {
        color: var(--customerfocusserviceTheme) !important;
    }
    .customerfocusserviceTheme .custom-multi-select .form-check .form-check-input[type=radio]+.form-check-label::before{
        border-color: var(--customerfocusserviceTheme) !important;
    }
    .customerfocusserviceTheme.docapproval-review-main .submit-button {
        border-color: var(--customerfocusserviceTheme) !important;
    }
    .customerfocusserviceTheme .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--customerfocusserviceTheme) !important;
    }
    /*------------------------------End customer-focus-service Theme color-----------*/
    /*------------------------------Start people-developments Theme color-----------*/
    .peopledevelopmentsTheme .custom-multi-select .form-check .form-check-input[type=radio]:checked+label::before {
        background-color: var(--peopledevelopmentsTheme);
    }
    .peopledevelopmentsTheme .barcode-field .barcode-field-input .barcode-button .barcode,
    .peopledevelopmentsTheme .topheadericon h3,
    .peopledevelopmentsTheme .topheadertext h3 {
        color: var(--peopledevelopmentsTheme);
    }
    
    .peopledevelopmentsTheme .custom-multi-select .form-check .form-check-input[type=radio]+.form-check-label::before {
        border-color: var(--peopledevelopmentsTheme) !important;
    }
    .peopledevelopmentsTheme .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--peopledevelopmentsTheme) !important;
    }
    /*------------------------------End people-developments Theme color-----------*/
    /*------------------------------Start innovation-dev-growth Theme color-----------*/
    .innovationdevgrowthTheme .custom-multi-select .form-check .form-check-input[type=radio]:checked+label::before{
        background-color: var(--innovationdevgrowthTheme);
    }
    .innovationdevgrowthTheme .barcode-field .barcode-field-input .barcode-button .barcode,
    .innovationdevgrowthTheme .topheadericon h3,
    .innovationdevgrowthTheme .topheadertext h3{
        color: var(--innovationdevgrowthTheme);
    }
    
    .innovationdevgrowthTheme .custom-multi-select .form-check .form-check-input[type=radio]+.form-check-label::before {
        border-color: var(--innovationdevgrowthTheme) !important;
    }
    .innovationdevgrowthTheme .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--innovationdevgrowthTheme) !important;
    }
    /*------------------------------End innovation-dev-growth Theme color-----------*/
    /*------------------------------Start Reliability Theme color-----------*/
    .reliabilityTheme .custom-multi-select .form-check .form-check-input[type=radio]:checked+label::before{
        background-color: var(--reliabilityTheme);
    }
    .reliabilityTheme .barcode-field .barcode-field-input .barcode-button .barcode,
    .reliabilityTheme .topheadertext h3{
        color: var(--reliabilityTheme);
    }
    
    .reliabilityTheme .custom-multi-select .form-check .form-check-input[type=radio]+.form-check-label::before {
        border-color: var(--reliabilityTheme) !important;
    }
    .reliabilityTheme .multiselect-dropdown .dropdown-btn .selected-item {
        background-color: var(--reliabilityTheme) !important;
        border-color: var(--reliabilityTheme) !important;
    }
    .reliabilityTheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked+label:after {
        border: solid var(--reliabilityTheme);
    }
    .reliabilityTheme .cuppa-dropdown .pure-checkbox input[type="checkbox"]+label::before {
        border: 2px solid var(--reliabilityTheme) !important;
    }
    /*------------------------------End Reliability Theme color-----------*/
    /*------------------------------Start Fives Theme color-----------*/
    .fivesTheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before,
    .fivesTheme .multiselect-dropdown .dropdown-btn .selected-item {
        background: var(--fivesTheme) !important;
    }
    .fivesTheme .multiselect-item-checkbox input[type=checkbox]+div:before,
    .fivesTheme .multiselect-dropdown .dropdown-btn .selected-item {
        border-color: var(--fivesTheme) !important;
    }
    /*------------------------------End Fives Theme color-----------*/
    /* compilance calender Theme color */
    .compilancecalenderTheme .ngb-dp-arrow-btn {
        color: var(--compilancecalenderTheme) !important;
    }
    .compilancecalenderTheme .ngb-dp-day .bg-primary {
        background-color: var(--compilancecalenderTheme) !important;
    }
    /* compilance calender Theme color */

    /*==================================================================
                    End Theme colors scheme
==================================================================*/

    /*******************PTW Theme **********************************/
    .confined-space-entry .recoHistoriankipsdata h3 {
        color: #37C49C;
    }

    .confined-space-entry .actualhrschart {
        background-color: #37C49C;
    }

    .complex-loto .recoHistoriankipsdata h3 {
        color: #C6BF67;
    }

    .complex-loto .actualhrschart {
        background-color: #C6BF67;
    }

    .demolition .recoHistoriankipsdata h3 {
        color: #E1974E;
    }

    .demolition .actualhrschart {
        background-color: #E1974E;
    }

    .excavation .recoHistoriankipsdata h3 {
        color: #CE4920;
    }

    .excavation .actualhrschart {
        background-color: #CE4920;
    }

    .general-work .recoHistoriankipsdata h3 {
        color: #4CADAF;
    }

    .general-work .actualhrschart {
        background-color: #4CADAF;
    }

    .hot-thermal-fluids .recoHistoriankipsdata h3 {
        color: #D4145A;
    }

    .hot-thermal-fluids .actualhrschart {
        background-color: #D4145A;
    }

    .hot-work .recoHistoriankipsdata h3 {
        color: #EB5958;
    }

    .hot-work .actualhrschart {
        background-color: #EB5958;
    }

    .energized-work .recoHistoriankipsdata h3 {
        color: #005CB9;
    }

    .energized-work .actualhrschart {
        background-color: #005CB9;
    }

    .working-at-heights .recoHistoriankipsdata h3 {
        color: #6C65C4;
    }

    .working-at-heights .actualhrschart {
        background-color: #6C65C4;
    }

    /*==========================Start Modal common layout Custom style==============*/

    .DocumentlibraryPopup .safety-claim-section {
        background-color: transparent;
    }

    .DocumentlibraryPopup .eve_formtopbottmmainbottom {
        padding: 0px 30px 0px 15px;
    }

    .DocumentlibraryPopup .swiper-slide {
        height: calc(100vh - 365px) !important;
    }

    .DocumentlibraryPopup.columnconfigurator>.modal-dialog {
        max-width: 1500px !important;
        position: unset !important;
        top: unset !important;
        left: unset !important;
        transform: unset !important;
        pointer-events: auto;
    }

    .DocumentlibraryPopup .swiper-slide.temppopupsilde {
        height: auto !important;
    }

    .DocumentlibraryPopup>.modal-dialog {
        max-width: 1088px;
        position: unset !important;
        top: unset !important;
        left: unset !important;
        transform: unset !important;
        pointer-events: auto;
    }

    .tobeBuiltModel .modal-dialog {
        max-width: 710px;
    }

    .ProjectBulletinsDetails.DocumentlibraryPopup>.modal-dialog {
        max-width: 1765px;
    }

    .DocumentlibraryPopup .formModalmain {
        padding: 0 40px;
    }

    .DocumentlibraryPopup .modal-content {
        position: relative;
        display: initial;
        border: 0;
        border-radius: 8px;
        background-color: #F8F8F8;
    }

    .DocumentlibraryPopup .modal-header {
        padding: 0;
        border: 0;
    }

    .DocumentlibraryPopup .modalClosebtn {
        position: absolute;
        right: 10px;
        top: 8px;
    }

    .DocumentlibraryPopup .formModalheadermain {
        width: 100%;
    }

    .DocumentlibraryPopup .topheadersaveclose {
        display: flex;
        justify-content: space-between;
        padding: 12px 00px 9px 7px;
        border-bottom: 1px solid #5E5E5E;
    }

    .DocumentlibraryPopup .topheaderandicon {
        display: flex;
        align-items: flex-end;
    }

    .DocumentlibraryPopup .topheadericon {
        padding-right: 15px;
    }

    .DocumentlibraryPopup .topheadericon h3 {
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 25px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .DocumentlibraryPopup .topheadertext h3 {
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 20px;
        line-height: 14px;
        margin-bottom: 0;
    }

    .DocumentlibraryPopup .topheadersave {
        display: flex;
        gap: 12px;
    }

    .DocumentlibraryPopup .topheadersave button {
        border: 0;
        cursor: pointer;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 0px;
        padding: 9px;
        text-align: center;
        font-size: 22px;
        margin: 0px;
        border-radius: 8px;
    }

    .DocumentlibraryPopup .topheaderinfocontent {
        padding-bottom: 18px;
    }

    .DocumentlibraryPopup .topheaderinfocontent h3 {
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 14px;
        color: #676767;
        margin-bottom: 0;
    }

    .DocumentlibraryPopup .topheaderbottomblock {
        padding: 15px 35px 0px 35px;
    }

    .DocumentlibraryPopup .topheaderbottomblockinn {
        border-bottom: 1px solid #5E5E5E;
        padding: 0px 0px 0px 7px;
    }

    .DocumentlibraryPopup .formreportnumber {
        /* min-width: 118px; */
        min-width: 130px;
        height: 45px;
        display: inline-block;
        border-radius: 8px;
        /* padding: 0px 10px; */
        padding: 5px;
    }

    .DocumentlibraryPopup .formreportnumber h3 {
        font-family: 'GothamBold', sans-serif;
        font-size: 30px;
        color: #fff;
        text-align: center;
        margin-bottom: 0;
    }

    .DocumentlibraryPopup .formreportstatusStep {
        margin-top: 10px;
    }

    .DocumentlibraryPopup .formreportstatusStep h3 {
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 20px;
        margin-bottom: 0;
    }

    .DocumentlibraryPopup .recordstatusstepsrightinn {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
    }

    .DocumentlibraryPopup .recordstatussteps {
        display: flex;
        justify-content: space-between;
    }

    .DocumentlibraryPopup .formstepsicontext {
        display: flex;
        align-items: center;
    }

    .DocumentlibraryPopup .formstepsicon {
        padding-right: 12px;
    }

    .DocumentlibraryPopup .formstepsicon h3 {
        font-size: 46px;
        line-height: 26px;
        margin-bottom: 0;
    }

    .DocumentlibraryPopup .formsteptext h3 {
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 14px;
        color: #676767;
        margin-bottom: 0;
    }

    .DocumentlibraryPopup .tab-content {
        padding-top: 0;
    }

    .DocumentlibraryPopup .nav-item {
        padding-right: 20px;
        padding-bottom: 15px;
    }

    .DocumentlibraryPopup .nav-link {
        padding: 0px;
    }

    .DocumentlibraryPopup .nav-pills button.nav-link {
        color: #D0D2D3;
        border: 0;
        background-color: transparent;
        cursor: pointer;
    }

    .DocumentlibraryPopup .nav-pills .nav-link.active,
    .DocumentlibraryPopup .nav-pills .show>.nav-link {
        background-color: transparent;
    }

    .DocumentlibraryPopup .fivewhytopicon {
        background: rgba(217, 218, 219, 1);
        background: linear-gradient(224deg, rgba(217, 218, 219, 1) 43%, rgba(208, 210, 211, 1) 33%);
        padding: 3px;
        border-radius: 8px;
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
    }

    .DocumentlibraryPopup .fivewhytopicon h3 {
        font-size: 33px;
        margin-bottom: 0;
        line-height: 28px;
        color: #fff;
        font-family: 'GothamBold', sans-serif;
        display: flex;
        align-items: flex-end;
    }

    .DocumentlibraryPopup .sixMfiveWicon .fivewhytopicon h3 span.iconbottomspan {
        font-family: 'GothamBold', sans-serif;
        color: #fff;
        line-height: 10px;
        font-size: 16px;
        position: relative;
        left: -7px;
        top: 1px;
    }

    .DocumentlibraryPopup .five1whtabicon .fivewhytopicon h3 span {
        font-family: 'GothamBold', sans-serif;
        color: #fff;
        line-height: 10px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .DocumentlibraryPopup .five1whtabicon .fivewhytopicon h3 .iconmainspan {
        position: relative;
        left: -6px;
        top: 2px;
    }

    .DocumentlibraryPopup .five1whtabicon .fivewhytopicon h3 .icontopspan {
        font-size: 8px;
    }

    .DocumentlibraryPopup .five1whtabicon .fivewhytopicon h3 .iconbottomspan {
        font-size: 16px;
    }

    .DocumentlibraryPopup .fivewhyiconstab {
        display: flex;
        align-items: center;
    }

    .DocumentlibraryPopup .five1whtabicon .iconfirstspandigi {
        display: inline-block !important;
        position: relative;
        top: -5px;
        transform: scale(0.7, 1.1);
        -webkit-transform: scale(0.7, 1.1);
        /* Safari and Chrome */
        -moz-transform: scale(0.7, 1.1);
        /* Firefox */
        -ms-transform: scale(0.7, 1.1);
        /* IE 9+ */
        -o-transform: scale(0.7, 1.1);
        /* Opera */
    }

    .DocumentlibraryPopup .sixMfiveWicon .iconfirstspandigi {
        display: inline-block !important;
        /*position: relative;
  top: -5px;*/
        transform: scale(0.7, 1.1);
        -webkit-transform: scale(0.7, 1.1);
        /* Safari and Chrome */
        -moz-transform: scale(0.7, 1.1);
        /* Firefox */
        -ms-transform: scale(0.7, 1.1);
        /* IE 9+ */
        -o-transform: scale(0.7, 1.1);
        /* Opera */
    }

    .DocumentlibraryPopup .bottominnrightleft {
        width: 100%;
    }

    .DocumentlibraryPopup .bottominnrightinnright {
        display: none
    }

    .infoiconcustom {
        font-size: 17px;
        margin-bottom: 0;
        position: relative;
        top: 3px;
        padding-left: 10px;
        cursor: pointer;
    }

    .DocumentlibraryPopup textarea,
    .DocumentlibraryPopup input,
    .DocumentlibraryPopup select {
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 14px;
        color: #231F20;
    }

    .workflow-multiselect-dropdown.is-invalid .dropdown-btn {
        border: 1px solid #ff0000 !important;
    }

    /*==========================End Modal common layout Custom style==============*/
    /*==========================Start Modal Docmanager==============*/
    .formDocmanager {
        display: flex;
        padding: 15px 30px 0px 33px;
    }


    .formDocmanagerRight {
        width: 55%;
    }

    .formDocmanagersupportdoc {
        min-height: 265px;
        border-bottom: 1px solid #5E5E5E;
        margin-bottom: 20px;
    }

    .formDocmanagersupportdoc .eve_recorddocs {
        margin-top: 30px;
    }


    .formDocmanagerSupportphoto {
        padding-top: 8px;
    }

    .formDocmanagerSupportphoto .eve_submissionimg {
        width: 160px !important;
        height: 211px !important;
        margin: 0;
    }

    .formDocmanager .contentheading h3 span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        position: relative;
        line-height: 1;
        top: 0px;
        margin-left: 10px;
        border-radius: 4px;
    }

    .formDocmanager .contentheading h3 span i {
        font-size: 10px;
        color: #fff;
    }

    .formDocmanager .contentheading h3 span input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        border: 0;
    }

    .modallinksmain {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .modallinksmain .podeagilecultureAddbtn {
        padding: 4px;
        line-height: 1;
        border: 0;
        font-size: 10px;
        cursor: pointer;
        position: relative;
        top: 0px;
        color: #fff;
        border-radius: 3px;
        margin-left: 5px;
    }

    .modallinksicon {
        width: 26px;
    }

    .modallinksmain .modallinkslink {
        padding-left: 10px;
        line-height: 1;
        width: calc(100% - 75px);
    }

    .modallinksmain .modallinkslink a {
        font-size: 14px;
    }

    .DocumentlibraryPopup.docmanageweblinkmodal>.modal-dialog {
        max-width: 700px;
    }

    .DocumentlibraryPopup .contentheading h3 {
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 14px;
        color: #676868;
        margin-bottom: 0;
    }

    .addnewweblinks {
        margin-top: 15px;
    }

    .addnewweblinks .addweblinktask {
        position: relative;
        margin-bottom: 10px;
    }

    .addnewweblinks .addweblinktask .phase2-closeI1 {
        position: absolute;
        right: -20px;
        left: unset;
        top: 0;
    }

    .addnewweblinks .addweblinktask input {
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 14px;
        color: #231f20;
        padding-left: 15px;
        border-top-right-radius: 0;
    }

    .modallinksmain .modallinkslink a {
        padding-left: 10px;
        padding-top: 4px;
        line-height: 1;
        margin-bottom: 0;
        text-align: left;
        padding-right: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        width: 100%;
        color: #231f20;
    }

    /*==========================End Modal Docmanager==============*/
    /*==========================Start Modal Record Historian==============*/
    .recordhistorianmain {
        padding: 30px 0px 10px 74px;
        display: flex;
    }

    .recordhistorianLeft {
        width: 415px;
        border-right: 1px solid #5E5E5E;
    }

    .recordhistorianRight {
        width: calc(100% - 415px)
    }

    .recoHistoriankipsblock {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        width: 350px;
    }

    .recoHistoriankips {
        display: flex;
        width: 175px;
        margin-bottom: 30px;
        gap: 10px;
    }

    .recoHistoriankipsdata {
        width: 105px;
    }

    .recoHistoriankipsicon {
        width: 70px;
    }

    .recoHistoriankipsicon h3 {
        margin-bottom: 0;
        line-height: 56px;
        font-size: 63px;
        color: #676767;
    }

    .recoHistoriankipsdata h3 {
        margin-bottom: 0;
        font-family: 'GothamBold', sans-serif;
        font-size: 45px;
        text-align: center;
        line-height: 47px;
    }

    .recoHistoriankipsdata h4 {
        margin-bottom: 0;
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 14px;
        color: #676767;
        text-align: center;
    }

    .recoHistoriankipsblock .recoHistoriankips:nth-child(1) .recoHistoriankipsicon,
    .recoHistoriankipsblock .recoHistoriankips:nth-child(3) .recoHistoriankipsicon {
        width: 55px;
    }

    .recoHistoriankipsblock .recoHistoriankips:nth-child(2) .recoHistoriankipsicon {
        width: 80px;
    }

    .recoHistoriankipsblock .recoHistoriankips:nth-child(4) .recoHistoriankipsicon {
        width: 80px;
        padding-left: 5px;
    }

    .historianhrsplanedactual {
        display: flex;
        align-items: center;
        width: 295px;
    }

    .hrsvertical h3 {
        writing-mode: vertical-rl;
        text-orientation: upright;
        -webkit-text-orientation: upright;
        line-height: 1;
        letter-spacing: -2px;
        margin: 0;
        font-size: 12px;
        color: #676767;
        font-family: 'Gotham-Medium', sans-serif;
    }

    .hrsvertical {
        width: 33px;
        padding-left: 14px;
        padding-right: 16px;
        border-right: 3px solid #676767;
    }

    .actualplanedhrschart {
        display: flex;
        width: calc(100% - 63px);
    }

    .historialhrschart {
        padding-top: 2px;
        padding-left: 5px;
        width: calc(100% - 33px);
    }

    .historianchartbar {
        position: relative;
        height: 25px;
        min-width: 25px;
    }

    .historianchartbar h3 {
        margin-bottom: 0;
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 14px;
        color: #676767;
        position: absolute;
        top: 2px;
        left: calc(100% + 10px);
    }

    .historianchartbar h4 {
        margin-bottom: 0;
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 18px;
        color: #fff;
        text-align: right;
        line-height: 1;
        padding: 4px 10px 4px 5px;
    }

    .planedhrschart {
        background-color: #676767;
        margin-bottom: 10px;
    }

    .historianhrsplanedactual .recoHistoriankipsicon {
        width: 63px;
    }

    .recordhistory h3 {
        margin-bottom: 0;
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 14px;
        color: #676767;
        display: flex;
        /* flex-wrap: wrap; */
    }

    .recordhistory h3 span.blue {
        color: #583f7d;
    }

    .recordhistory h3 span.red {
        color: #ed1c24;
    }

    .recordhistory h3 span:nth-child(1) {
        display: inline-block;
        padding-right: 7px;
        min-width: 95px;
    }

    .recordhistory h3 span:nth-child(2) {
        display: inline-block;
        padding-right: 7px;
        min-width: 45px;
    }

    .recordhistorianhistorymain {
        padding: 2px 0px 0px 30px;
    }


    /*==========================End Modal Record Historian==============*/

    /*========================/Modal Custome tooltip====================*/
    .formmodaltooltip .note_popup {
        padding: 0px;
        border-radius: 10px;
    }

    .formmodaltooltip .modal-content {
        border: 0;
        border-radius: 10px;
    }

    .formmodaltooltip .modal-bodycreate {
        margin-bottom: 8px;
    }

    .formmodaltooltip .note_popup .signature-border {
        border: 5px solid #CFD1D2;
    }

    .formmodaltooltip .modal-header {
        padding-top: 10px;
    }

    .formmodaltooltip .note_popup .modal-headercreatelistleft {
        padding: 15px 0px 15px 20px;
    }

    .formmodaltooltip .note_popup .modal-bodycreate {
        padding: 13px 0px 18px 14px;
    }

    .formmodaltooltip .note_popup .modal-header {
        width: 70%;
        justify-content: flex-start;
        display: flex;
        align-items: center;
    }

    .formmodaltooltip .note_popup .claim_note_header {
        margin-bottom: 0;
        text-transform: uppercase;
        margin-left: 10px;
        font-family: 'GothamBold', sans-serif;
        font-size: 20px;
    }

    .formmodaltooltip .modal-header p {
        margin-bottom: 0;
        font-size: 30px;
        display: flex;
    }

    .formmodaltooltip .note_popup .note_ehs_logo img {
        width: 130px;
        height: 150px;
        position: absolute;
        right: 50px;
        top: 20px;
    }

    .formmodaltooltip .note_popup .close {
        position: absolute;
        right: 13px;
        top: 12px;
    }

    .formmodaltooltip .toolTipsMT25 {
        margin-top: 1px;
        padding-left: 23px;
    }

    .formmodaltooltip .note_popup .toolTipsMT25 h3 {
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 20px;
    }

    .formmodaltooltip .note_popup .toolTipsMT25 p {
        color: #686969;
        font-size: 14px;
        font-family: 'Gotham-Medium', sans-serif;
        width: 70%;
        margin-bottom: 11px;
    }


    .formmodaltooltip .note_popup .toolTipsMT25 h6 {
        color: #686969;
        font-size: 14px;
        font-family: 'Gotham-Medium', sans-serif;
        width: 70%;
        margin-bottom: 11px;
    }

    .formmodaltooltip .note_popup .toolTipsMT25 .onewtooltips {
        margin: 0px;
    }

    /* RA Updates Tooltips Color Start */
    .TtpgreenTheme.formmodaltooltip .note_popup .toolTipsMT25 h3 {
        color: #4cadaf;
    }

    .TtpgreenTheme.formmodaltooltip .note_popup .toolTipsMT25 h6 {
        color: #4cadaf;
    }

    .TtpgreenTheme.formmodaltooltip .note_popup .claim_note_header {
        color: #4cadaf;
    }

    .TtpgreenTheme.formmodaltooltip .modal-header p {
        color: #4cadaf;
    }

    .TtporangeTheme.formmodaltooltip .note_popup .toolTipsMT25 h3 {
        color: #e58d3e;
    }

    .TtporangeTheme.formmodaltooltip .note_popup .toolTipsMT25 h6 {
        color: #e58d3e;
    }

    .TtporangeTheme.formmodaltooltip .note_popup .claim_note_header {
        color: #e58d3e;
    }

    .TtporangeTheme.formmodaltooltip .modal-header p {
        color: #e58d3e;
    }

    /* RA Updates Tooltips Color Start */

    /**

/***** Document library view report icon css Start *****/
    .icon-view-report.active:before {
        color: #b51e53;
    }

    .grayClass .icon-view-report.active:before {
        color: #acacac;
    }

    /*.icon-view-report:before {
  color: #acacac;
}*/

    /***** Document library view report icon css Close *****/


    .role-forms-group angular2-multiselect .cuppa-dropdown {
        margin-top: 8px;
        background-color: #fff;
    }

    .role-forms-group angular2-multiselect .cuppa-dropdown .dropdown-list.tagToBody {
        position: absolute !important;
        top: 22px !important;
        left: 0px !important;
    }

    /*======================== multiselect droupdown css start  ====================*/
    angular2-multiselect .cuppa-dropdown {
        display: inline-block;
        width: 100%;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 1.52857143;
        text-align: left;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid #bbbbbc !important;
        border-radius: 6px !important;
        background-color: #fff;
    }

    angular2-multiselect .selected-list .c-angle-down {
        top: 42%;
    }

    angular2-multiselect .selected-list .c-angle-up {
        top: 42%;
    }

    .rmo_dashboardpillersecsource angular2-multiselect .cuppa-dropdown {
        border: 0px solid #ced4da !important;
        /* height: 30px; */
    }

    .compilancecalenderct .cuppa-dropdown .selected-list .c-list .c-token .c-label {
        max-width: 164px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*========================//Modal Custome tooltip====================*/
    /*=========================/My settings Main Modal style===========================*/
    .DocumentlibraryPopup.MysettingsPopup .recordstatussteps {
        align-items: flex-end;
    }

    .DocumentlibraryPopup.MysettingsPopup .formstepsicon h3 {
        font-size: 34px;
    }

    .DocumentlibraryPopup.MysettingsPopup .formsteptext h3 {
        text-align: left;
    }

    .DocumentlibraryPopup.MysettingsPopup .formsteptext {
        position: relative;
    }

    .DocumentlibraryPopup.MysettingsPopup .myalert_counts {
        background-color: #ff0000;
        position: absolute;
        top: 0;
        left: 25px;
        border-radius: 50%;
        line-height: 1;
        padding: 0px 4px;
    }

    .DocumentlibraryPopup.MysettingsPopup .myalert_counts h3 {
        font-family: 'MyriadPro-Regular', sans-serif;
        font-size: 12px;
        color: #fff;
        margin-bottom: 0;
    }

    .DocumentlibraryPopup.MysettingsPopup .nav-item {
        padding-right: 20px;
        padding-bottom: 10px;
    }

    .DocumentlibraryPopup.MysettingsPopup .topheaderbottomblock {
        padding: 30px 35px 0px 35px;
    }

    .DocumentlibraryPopup.MysettingsPopup .nav-item button:disabled .formstepsicon h3 {
        color: #c8ccce;
    }

    

    .innovationdevgrowthTheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]+label::before {
        border: 2px solid #e05117;
    }

    /************* History for MOC MODULE **********************/
    .moc-history .recordhistorianmain {
        padding: 0;
    }

    .moc-history .recordhistorianLeft {
        width: 100%;
        max-width: 446px;
        padding: 30px 10px 10px 35px;
        height: calc(100vh - 340px);
        overflow: auto;
    }

    .moc-history .recordhistorianRight {
        width: calc(100% - 446px);
        height: calc(100vh - 340px);
        overflow: auto;
        padding: 30px 20px;
    }

    .moc-history .recoHistoriankipsdata h3 {
        color: var(--dusty-purple);
    }

    .moc-history .historianhrsplanedactual .historialhrschart .actualhrschart {
        background-color: var(--dusty-purple);
    }

    /**************END History for MOC MODULE ******************/

    .pwreqtasktypesselectinn.erosioncontrol-wrapper .multiselect-dropdown .dropdown-btn .selected-item-container {
        max-width: 90%;
    }

    @media only screen and (max-width: 1750px) {
        .DocumentlibraryPopup .swiper-slide.temppopupsilde {
            height: calc(100vh - 365px) !important;
        }
    }

    /*=========================//My settings Main Modal style===========================*/
    /*================For IE Only css===================================*/
    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        .hrsvertical h3 {
            writing-mode: tb-lr;
            height: 70px;
            letter-spacing: 6px;
        }
    }

    /*=============For safari only css=============*/
    @media not all and (min-resolution:.001dpcm) {
        .hrsvertical h3 {
            letter-spacing: 2px;
        }

        .DocumentlibraryPopup .formreportnumber h3 {
            padding-top: 2px;
        }
    }


    .web-links .web-links-inner .modallinksmain .modallinkslink {
        display: flex;
    }

    .web-links .web-links-inner .modallinksmain .modallinkslink a {
        padding: 0 !important;
    }

    .docmngrinn .web-links .swcctweblinkinnblk .formDocmanagersupportlinks .contentheading h3 {
        margin-left: 0;
    }


    @media (max-width:1280px) {
        .web-links .web-links-inner .modallinksmain .modallinkslink {
            max-width: 500px !important;
        }
    }

    /* dept/team report */
    .dept_filter .c-list .c-token {
        border: 1px solid #4cadaf !important;
        background: #4cadaf !important;
        border-radius: 0px !important;
        font-size: 14px !important;
        padding: 4px 25px 4px 4px !important;
        margin-top: 1px;
        margin-bottom: 1px;
        color: #fff;
        height: 23px;
        display: flex;
        align-items: center;
    }

    .dept_filter .c-list .c-token .c-label,
    .env_filter .c-list .c-token .c-label {
        padding-right: 20px;
    }

    .dept_filter .c-list .c-remove,
    .env_filter .c-list .c-remove {
        color: #000 !important;
        background-color: #999;
        padding: 0px 5px 2px 5px !important;
        border-radius: 3px;
        position: absolute;
        right: 2px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex;
        height: 18px;
        align-items: center;
        width: 18px !important;

    }

    .dept_filter .c-list .c-token .c-remove svg,
    .env_filter .c-list .c-token .c-remove svg {
        fill: #000 !important;
        stroke: black;
        stroke-width: 3;
    }

    .env_filter .c-list .c-token {
        border: 1px solid #1E93CD !important;
        background: #1E93CD !important;
        border-radius: 0px !important;
        font-size: 14px !important;
        padding: 4px 25px 4px 4px !important;
        margin-top: 1px;
        margin-bottom: 1px;
        color: #fff;
        height: 23px;
        display: flex;
        align-items: center;
    }

    .dept_filter .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before {
        box-sizing: content-box;
        content: "";
        color: #4cadaf;
        position: absolute;
        top: 50%;
        left: 0;
        width: 14px;
        height: 14px;
        margin-top: -9px;
        border: 2px solid #4cadaf;
        text-align: center;
        transition: 0.4s;
    }

    .dept_filter .pure-checkbox:hover,
    .env_filter .pure-checkbox:hover {
        background-color: #e4e3e3;
    }

    .env_filter .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before {
        box-sizing: content-box;
        content: "";
        color: #1e93cd;
        position: absolute;
        top: 50%;
        left: 0;
        width: 14px;
        height: 14px;
        margin-top: -9px;
        border: 2px solid #1e93cd;
        text-align: center;
        transition: 0.4s;
    }

    .env_filter.select-filter.MultiselectAsChild .dropdown-list .pure-checkbox:hover input[type=checkbox]+label::before {
        border-color: #1e93cd !important;
    }

    .env_filter.select-filter.MultiselectAsChild .dropdown-list .pure-checkbox input[type=checkbox]:checked+label::before {
        background-color: #1e93cd !important;
        border-color: #1e93cd !important;
    }

    .employeeimpact-inner .selected-list .c-list .c-token .c-label {
        max-width: 210px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* end */

    /* Docinfo checkbox css start */

    /* .multiselect-item-checkbox input[type=checkbox] + div:before{
        box-shadow: none;
    } */
    /* Docinfo checkbox css close */