/*=======================/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; --fivewhy: #48b8f7; --ewotheme: #1486ed; --qktheme: #30bf77; --sktheme: #e5a415; --sfatheme: #f74860; --qewotheme: #b41e53; } /* Only New Doc Control Theme CSS */ /** Admin theme**/ .adminTheme .themecolor, .adminTheme .eve_shearo-incidents-box input[type="checkbox"]:checked+label:after, .adminTheme .ngb-dp-day .bg-primary { 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, .adminTheme .ngb-dp-day .bg-primary { 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 .fsnavlink-inner.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, .safetyTheme .custom-dp .ngb-dp-day .bg-primary, .safetyTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .nav-link.rootSheet, .safetyTheme .session_pills .nav-pills .fsnavlink-inner.active, .safetyTheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .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, .safetyTheme .custom-dp .ngb-dp-day .bg-primary, .safetyTheme .ngb-tp-chevron:before { border-color: #4CADAF !important; } .safetyTheme .safety-record-table table tbody tr:hover .hover_event, .safetyTheme .risk-item.selected-active-item, .safetyTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .safetyTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .safetyTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .fsnavlink-inner.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, .eveTheme .custom-dp .ngb-dp-day .bg-primary, .eveTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .nav-link.rootSheet, .eveTheme .session_pills .nav-pills .fsnavlink-inner.active, .eveTheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .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, .eveTheme .custom-dp .ngb-dp-day .bg-primary, .eveTheme .ngb-tp-chevron:before { border-color: #1C94CE !important; } .eveTheme .safety-record-table table tbody tr:hover .hover_event, .eveTheme .risk-item.selected-active-item, .eveTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .eveTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .eveTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ 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 .fsnavlink-inner.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, .reliabilityTheme .custom-dp .ngb-dp-day .bg-primary, .reliabilityTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .nav-link.rootSheet, .reliabilityTheme .session_pills .nav-pills .fsnavlink-inner.active, .reliabilityTheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .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, .reliabilityTheme .custom-dp .ngb-dp-day .bg-primary, .reliabilityTheme .ngb-tp-chevron:before { border-color: #0576bb !important; } .reliabilityTheme .safety-record-table table tbody tr:hover .hover_event, .reliabilityTheme .risk-item.selected-active-item, .reliabilityTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .reliabilityTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .reliabilityTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ 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 .fsnavlink-inner.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, .industrialTheme .custom-dp .ngb-dp-day .bg-primary, .industrialTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .nav-link.rootSheet, .industrialTheme .session_pills .nav-pills .fsnavlink-inner.active, .industrialTheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .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, .industrialTheme .custom-dp .ngb-dp-day .bg-primary, .industrialTheme .ngb-tp-chevron:before { border-color: #1a4788 !important; } .industrialTheme .safety-record-table table tbody tr:hover .hover_event, .industrialTheme .risk-item.selected-active-item, .industrialTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .industrialTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .industrialTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .fsnavlink-inner.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, .qualityprocesscontrolsTheme .custom-dp .ngb-dp-day .bg-primary, .qualityprocesscontrolsTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .nav-link.rootSheet, .qualityprocesscontrolsTheme .session_pills .nav-pills .fsnavlink-inner.active, .qualityprocesscontrolsTheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .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, .qualityprocesscontrolsTheme .custom-dp .ngb-dp-day .bg-primary, .qualityprocesscontrolsTheme .ngb-tp-chevron:before { border-color: #B41E53 !important; } .qualityprocesscontrolsTheme .safety-record-table table tbody tr:hover .hover_event, .qualityprocesscontrolsTheme .risk-item.selected-active-item, .qualityprocesscontrolsTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .qualityprocesscontrolsTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .qualityprocesscontrolsTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ 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 .fsnavlink-inner.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, .customerfocusserviceTheme .custom-dp .ngb-dp-day .bg-primary, .customerfocusserviceTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .nav-link.rootSheet, .customerfocusserviceTheme .session_pills .nav-pills .fsnavlink-inner.active, .customerfocusserviceTheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .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, .customerfocusserviceTheme .custom-dp .ngb-dp-day .bg-primary, .customerfocusserviceTheme .ngb-tp-chevron:before { border-color: #e11d3d !important; } .customerfocusserviceTheme .safety-record-table table tbody tr:hover .hover_event, .customerfocusserviceTheme .risk-item.selected-active-item, .customerfocusserviceTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .customerfocusserviceTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .customerfocusserviceTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ 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 .fsnavlink-inner.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, .peopledevelopmentsTheme .custom-dp .ngb-dp-day .bg-primary, .peopledevelopmentsTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .nav-link.rootSheet, .peopledevelopmentsTheme .session_pills .nav-pills .fsnavlink-inner.active, .peopledevelopmentsTheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .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, .peopledevelopmentsTheme .custom-dp .ngb-dp-day .bg-primary, .peopledevelopmentsTheme .ngb-tp-chevron:before { border-color: #de5326 !important; } .peopledevelopmentsTheme .safety-record-table table tbody tr:hover .hover_event, .peopledevelopmentsTheme .risk-item.selected-active-item, .peopledevelopmentsTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .peopledevelopmentsTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .peopledevelopmentsTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .fsnavlink-inner.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, .innovationdevgrowthTheme .custom-dp .ngb-dp-day .bg-primary, .innovationdevgrowthTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .nav-link.rootSheet, .innovationdevgrowthTheme .session_pills .nav-pills .fsnavlink-inner.active, .innovationdevgrowthTheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .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, .innovationdevgrowthTheme .custom-dp .ngb-dp-day .bg-primary, .innovationdevgrowthTheme .ngb-tp-chevron:before { border-color: #ea6a25 !important; } .innovationdevgrowthTheme .safety-record-table table tbody tr:hover .hover_event, .innovationdevgrowthTheme .risk-item.selected-active-item, .innovationdevgrowthTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .innovationdevgrowthTheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .innovationdevgrowthTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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**/ /** MOC theme**/ .moctheme .themecolor, .moctheme.doccontrol-library-wrapper .topheaderright-inner a .icon-filter-data.active, .moctheme.doccontrol-library-wrapper .record-count-text.active, .moctheme .session_pills .nav-pills .nav-link.active, .moctheme .session_pills .nav-pills .fsnavlink-inner.active, .moctheme .session_pills .nav-pills .show > .nav-link, .moctheme .eve_shearo-incidents-box input[type="checkbox"]:checked + label:after, .moctheme .recordstatusstepsrightinn .nav-pills .nav-link.active, .moctheme .enabled-check-box input:checked + label, .moctheme .ngb-dp-arrow-btn, .moctheme .custom-dp .ngb-dp-day .bg-primary, .moctheme [ngbDatepickerDayView]:hover:not(.bg-primary) { color: #7d66a0 !important; } .moctheme .themebg, .moctheme .multiselect-item-checkbox input[type=checkbox]:checked+div:before, .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label::before, .moctheme .custom-multi-select .form-check .form-check-input[type="checkbox"]:checked+label::before, .moctheme .app-radio input:checked~.checkmark, .moctheme .calendar:hover, .moctheme .btn-action-ena-dis button.active, .moctheme .eve_submitdetailtabs .nav-pills .nav-link.active, .moctheme .eve_submitdetailtabs .nav-pills .show>.nav-link, .moctheme .ngb-dp-day .bg-primary, .moctheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"]:checked+div:before { background-color: #7d66a0 !important; } .moctheme .themeborder, .moctheme .multiselect-item-checkbox input[type=checkbox] + div:before, .moctheme .session_pills .nav-pills .nav-link.active, .moctheme .session_pills .nav-pills .nav-link.rootSheet, .moctheme .session_pills .nav-pills .fsnavlink-inner.active, .moctheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .moctheme .session_pills .nav-pills .show > .nav-link, .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"] + label::before, .moctheme .custom-multi-select .form-check .form-check-input[type="checkbox"] + .form-check-label::before, .moctheme .enabled-check-box input:checked + label:after, .moctheme .eve_submitdetailtabs .nav-pills .nav-link.active, .moctheme .eve_submitdetailtabs .nav-pills .show > .nav-link, .moctheme.columnsetting-wrapper .recordAdminfilter .form-group input:checked + label:after, .moctheme .ng-dropdown-panel .ng-dropdown-panel-items .ng-option input[type="checkbox"] + div:before, .moctheme .custom-dp .ngb-dp-day .bg-primary, .moctheme .ngb-tp-chevron:before { border-color: #7d66a0 !important; } .moctheme .safety-record-table table tbody tr:hover .hover_event, .moctheme .risk-item.selected-active-item, .moctheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .moctheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .moctheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color: rgba(125, 102, 160, 0.2) !important; } /** END MOC 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 .fsnavlink-inner.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, .tfstheme .custom-dp .ngb-dp-day .bg-primary, .tfstheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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 .nav-link.rootSheet, .tfstheme .session_pills .nav-pills .fsnavlink-inner.active, .tfstheme .session_pills .nav-pills .fsnavlink-inner.rootSheet, .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, .tfstheme .custom-dp .ngb-dp-day .bg-primary, .tfstheme .ngb-tp-chevron:before { border-color: #573F7D !important; } .tfstheme .safety-record-table table tbody tr:hover .hover_event, .tfstheme .risk-item.selected-active-item, .tfstheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .tfstheme .CustNgSelect.ng-select-single .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .tfstheme [ngbDatepickerDayView]:hover:not(.bg-primary) { 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**/ /** Pode Theme **/ .PodeFiveWhy .moctheme .themecolor{ color: #48b8f7 !important; } .PodeFiveWhy .moctheme .themebg, .PodeFiveWhy .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .PodeFiveWhy .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before, .PodeFiveWhy .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before{ background-color: #48b8f7 !important; } .PodeFiveWhy .moctheme .themeborder, .PodeFiveWhy .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .PodeFiveWhy .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before, .PodeFiveWhy .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before{ border-color: #48b8f7 !important; } .PodeQk .moctheme .themecolor{ color: #30bf77 !important; } .PodeQk .moctheme .themebg, .PodeQk .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .PodeQk .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before, .PodeQk .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before{ background-color: #30bf77 !important; } .PodeQk .moctheme .themeborder, .PodeQk .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .PodeQk .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before, .PodeQk .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before{ border-color: #30bf77 !important; } .customercentricity .moctheme .themecolor{ color: #e05117 !important; } .customercentricity .moctheme .themebg, .customercentricity .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .customercentricity .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before{ background-color: #e05117 !important; } .customercentricity .moctheme .themeborder, .customercentricity .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .customercentricity .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before{ border-color: #e05117 !important; } .leanAgileculture .moctheme .themecolor{ color: #923d99 !important; } .leanAgileculture .moctheme .themebg, .leanAgileculture .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .leanAgileculture .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before{ background-color: #923d99 !important; } .leanAgileculture .moctheme .themeborder, .leanAgileculture .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .leanAgileculture .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before{ border-color: #923d99 !important; } .operationalExcellence .moctheme .themecolor{ color: #1f93d0 !important; } .operationalExcellence .moctheme .themebg, .operationalExcellence .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .operationalExcellence .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before{ background-color: #1f93d0 !important; } .operationalExcellence .moctheme .themeborder, .operationalExcellence .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .operationalExcellence .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before{ border-color: #1f93d0 !important; } .newbusinessdevelop .moctheme .themecolor{ color: #0f4d98 !important; } .newbusinessdevelop .moctheme .themebg, .newbusinessdevelop .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .newbusinessdevelop .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before{ background-color: #0f4d98 !important; } .newbusinessdevelop .moctheme .themeborder, .newbusinessdevelop .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .newbusinessdevelop .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before{ border-color: #0f4d98 !important; } .innovationnpillar .moctheme .themecolor{ color: #ef1b4e !important; } .innovationnpillar .moctheme .themebg, .innovationnpillar .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .innovationnpillar .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before{ background-color: #ef1b4e !important; } .innovationnpillar .moctheme .themeborder, .innovationnpillar .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .innovationnpillar .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before{ border-color: #ef1b4e !important; } .sustainability .moctheme .themecolor{ color: #138d77 !important; } .sustainability .moctheme .themebg, .sustainability .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .sustainability .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before{ background-color: #138d77 !important; } .sustainability .moctheme .themeborder, .sustainability .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .sustainability .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before{ border-color: #138d77 !important; } .worldclassSafety .moctheme .themecolor{ color: #3d9b9a !important; } .worldclassSafety .moctheme .themebg, .worldclassSafety .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .worldclassSafety .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label::before{ background-color: #3d9b9a !important; } .worldclassSafety .moctheme .themeborder, .worldclassSafety .moctheme .multiselect-dropdown .dropdown-btn .selected-item, .worldclassSafety .moctheme .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]+label::before{ border-color: #3d9b9a !important; } /** END Pode Theme **/ /* END Only New Doc Control Theme CSS */ /** RCA Theme **/ .qkTheme .themecolor, .qkTheme .session_pills .nav-pills .nav-link.active, .qkTheme .session_pills .nav-pills .show > .nav-link, .qkTheme .custom-dp .ngb-dp-day .bg-primary, .qkTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ color: #30BF77 !important; } .qkTheme .themebg, .qkTheme .action-item-input button.calendar-icon:hover, .qkTheme .calendar:hover{ background-color: #30BF77 !important; } .qkTheme .themeborder, .qkTheme .session_pills .nav-pills .nav-link.active, .qkTheme .session_pills .nav-pills .nav-link.rootSheet, .qkTheme .session_pills .nav-pills .show > .nav-link, .qkTheme .custom-dp .ngb-dp-day .bg-primary, .qkTheme .ngb-tp-chevron:before { border-color: #30BF77 !important; } .qkTheme .risk-item.selected-active-item, .qkTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color:rgba(48, 191, 119, 0.2) !important; } .fivewayTheme .themecolor, .fivewayTheme .session_pills .nav-pills .nav-link.active, .fivewayTheme .session_pills .nav-pills .show > .nav-link, .fivewayTheme .custom-dp .ngb-dp-day .bg-primary, .fivewayTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ color: #48B8F7 !important; } .fivewayTheme .themebg, .fivewayTheme .calendar:hover, .fivewayTheme .action-item-input button.calendar-icon:hover{ background-color: #48B8F7 !important; } .fivewayTheme .themeborder, .fivewayTheme .session_pills .nav-pills .nav-link.active, .fivewayTheme .session_pills .nav-pills .nav-link.rootSheet, .fivewayTheme .session_pills .nav-pills .show > .nav-link, .fivewayTheme .custom-dp .ngb-dp-day .bg-primary, .fivewayTheme .ngb-tp-chevron:before{ border-color: #48B8F7 !important; } .fivewayTheme .risk-item.selected-active-item, .fivewayTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color:rgba(72, 183, 247, 0.2) !important; } .fbTheme .themecolor, .fbTheme .session_pills .nav-pills .nav-link.active, .fbTheme .session_pills .nav-pills .show > .nav-link, .fbTheme .custom-dp .ngb-dp-day .bg-primary, .fbTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ color: #4BE1AC !important; } .fbTheme .themebg, .fbTheme .calendar:hover, .fbTheme .action-item-input button.calendar-icon:hover{ background-color: #4BE1AC !important; } .fbTheme .themeborder, .fbTheme .session_pills .nav-pills .nav-link.active, .fbTheme .session_pills .nav-pills .nav-link.rootSheet, .fbTheme .session_pills .nav-pills .show > .nav-link, .fbTheme .custom-dp .ngb-dp-day .bg-primary, .fbTheme .ngb-tp-chevron:before{ border-color: #4BE1AC !important; } .fbTheme .risk-item.selected-active-item, .fbTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color:rgba(75, 225, 172, 0.2) !important; } .eightdTheme .themecolor, .eightdTheme .session_pills .nav-pills .nav-link.active, .eightdTheme .session_pills .nav-pills .show > .nav-link, .eightdTheme .custom-dp .ngb-dp-day .bg-primary, .eightdTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ color: #B03FC4 !important; } .eightdTheme .themebg, .eightdTheme .calendar:hover, .eightdTheme .action-item-input button.calendar-icon:hover{ background-color: #B03FC4 !important; } .eightdTheme .themeborder, .eightdTheme .session_pills .nav-pills .nav-link.active, .eightdTheme .session_pills .nav-pills .nav-link.rootSheet, .eightdTheme .session_pills .nav-pills .show > .nav-link, .eightdTheme .custom-dp .ngb-dp-day .bg-primary, .eightdTheme .ngb-tp-chevron:before{ border-color: #B03FC4 !important; } .eightdTheme .risk-item.selected-active-item, .eightdTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color:rgba(176, 63, 196, 0.2) !important; } .sfaTheme .themecolor, .sfaTheme .session_pills .nav-pills .nav-link.active, .sfaTheme .session_pills .nav-pills .show > .nav-link, .sfaTheme .custom-dp .ngb-dp-day .bg-primary, .sfaTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ color: #F74860 !important; } .sfaTheme .themebg, .sfaTheme .calendar:hover, .sfaTheme .action-item-input button.calendar-icon:hover{ background-color: #F74860 !important; } .sfaTheme .themeborder, .sfaTheme .session_pills .nav-pills .nav-link.active, .sfaTheme .session_pills .nav-pills .nav-link.rootSheet, .sfaTheme .session_pills .nav-pills .show > .nav-link, .sfaTheme .custom-dp .ngb-dp-day .bg-primary, .sfaTheme .ngb-tp-chevron:before{ border-color: #F74860 !important; } .sfaTheme .risk-item.selected-active-item, .sfaTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color:rgba(247, 72, 95, 0.2) !important; } .ewoTheme .themecolor, .ewoTheme .session_pills .nav-pills .nav-link.active, .ewoTheme .session_pills .nav-pills .show > .nav-link, .ewoTheme .custom-dp .ngb-dp-day .bg-primary, .ewoTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ color: #1486ED !important; } .ewoTheme .themebg, .ewoTheme .calendar:hover, .ewoTheme .action-item-input button.calendar-icon:hover{ background-color: #1486ED !important; } .ewoTheme .themeborder, .ewoTheme .session_pills .nav-pills .nav-link.active, .ewoTheme .session_pills .nav-pills .nav-link.rootSheet, .ewoTheme .session_pills .nav-pills .show > .nav-link, .ewoTheme .custom-dp .ngb-dp-day .bg-primary, .ewoTheme .ngb-tp-chevron:before{ border-color: #1486ED !important; } .ewoTheme .risk-item.selected-active-item, .ewoTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color:rgba(20, 136, 237, 0.2) !important; } .qewoTheme .themecolor, .qewoTheme .session_pills .nav-pills .nav-link.active, .qewoTheme .session_pills .nav-pills .show > .nav-link, .qewoTheme .custom-dp .ngb-dp-day .bg-primary, .qewoTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ color: #B41E53 !important; } .qewoTheme .themebg, .qewoTheme .calendar:hover, .qewoTheme .action-item-input button.calendar-icon:hover{ background-color: #B41E53 !important; } .qewoTheme .themeborder, .qewoTheme .session_pills .nav-pills .nav-link.active, .qewoTheme .session_pills .nav-pills .nav-link.rootSheet, .qewoTheme .session_pills .nav-pills .show > .nav-link, .qewoTheme .custom-dp .ngb-dp-day .bg-primary, .qewoTheme .ngb-tp-chevron:before{ border-color: #B41E53 !important; } .qewoTheme .risk-item.selected-active-item, .qewoTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color:rgba(180, 30, 83, 0.2) !important; } .hfaTheme .themecolor, .hfaTheme .session_pills .nav-pills .nav-link.active, .hfaTheme .session_pills .nav-pills .show > .nav-link, .hfaTheme .custom-dp .ngb-dp-day .bg-primary, .hfaTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ color: #BF3030 !important; } .hfaTheme .themebg, .hfaTheme .calendar:hover, .hfaTheme .action-item-input button.calendar-icon:hover{ background-color: #BF3030 !important; } .hfaTheme .themeborder, .hfaTheme .session_pills .nav-pills .nav-link.active, .hfaTheme .session_pills .nav-pills .nav-link.rootSheet, .hfaTheme .session_pills .nav-pills .show > .nav-link, .hfaTheme .custom-dp .ngb-dp-day .bg-primary, .hfaTheme .ngb-tp-chevron:before{ border-color: #BF3030 !important; } .hfaTheme .risk-item.selected-active-item, .hfaTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color:rgba(191, 48, 48, 0.2) !important; } .skTheme .themecolor, .skTheme .session_pills .nav-pills .nav-link.active, .skTheme .session_pills .nav-pills .show > .nav-link, .skTheme .custom-dp .ngb-dp-day .bg-primary, .skTheme [ngbDatepickerDayView]:hover:not(.bg-primary){ color: #e5a415 !important; } .skTheme .themebg, .skTheme .calendar:hover, .skTheme .action-item-input button.calendar-icon:hover{ background-color: #e5a415 !important; } .skTheme .themeborder, .skTheme .session_pills .nav-pills .nav-link.active, .skTheme .session_pills .nav-pills .nav-link.rootSheet, .skTheme .session_pills .nav-pills .show > .nav-link, .skTheme .custom-dp .ngb-dp-day .bg-primary, .skTheme .ngb-tp-chevron:before{ border-color: #e5a415 !important; } .skTheme .risk-item.selected-active-item, .skTheme [ngbDatepickerDayView]:hover:not(.bg-primary) { background-color:rgba(219, 192, 19, 0.2) !important; } /** END RCA Theme **/ /* END Only New Doc Control Theme CSS */ /*Input Invalid*/ .is-invalid .BaseSingleSelectDropdown .dropdown-wrapper, .is-invalid .custom-datepicker-wrapper .form-control{ background-color: #efcdcd !important; border-color: #dc3545 !important; } /*Input Invalid*/ /*Input Invalid*/ .is-invalid .BaseSingleSelectDropdown .dropdown-wrapper, .is-invalid .custom-datepicker-wrapper .form-control{ background-color: #efcdcd !important; border-color: #dc3545 !important; } /*Input Invalid*/ /*=======================/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; } /*------------------------------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: 278px; } .hrsvertical h3 { /* writing-mode: vertical-rl; text-orientation: upright; -webkit-text-orientation: upright; */ /* letter-spacing: -2px; */ margin-bottom: 5px; font-size: 14px; line-height: 1; color: #676767; font-family: 'Gotham-Medium', sans-serif; } .hrsvertical { width: 100%; /* padding-left: 14px; padding-right: 16px; */ margin-bottom: 5px; border-bottom: 3px solid #676767; } .actualplanedhrschart { display: flex; width: 100%; } .historialhrschart { padding-top: 2px; padding-left: 5px; width: 100%; } .historianchartbar { position: relative; height: 25px; min-width: 25px; } .historianchartbar h3 { margin-bottom: 0; font-family: 'Gotham-Medium', sans-serif; font-size: 14px; color: #676767; padding-right: 8px; /* 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; flex: none; } .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: 160px; 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 */