/* -------------------------------- // Define a function for px-to-rem conversion -------------------------------- */ @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:wght@200;300;400;500;600;700;800&display=swap"); .h10 { height: 10px; } .h20 { height: 20px; } .h30 { height: 30px; } .h40 { height: 40px; } .h50 { height: 50px; } .h60 { height: 60px; } .h70 { height: 70px; } .h80 { height: 80px; } .h90 { height: 90px; } .h100 { height: 100px; } .cst-alert-light { border-radius: 18px; border: 1px solid #d9dfe7; padding: 9px 12px; color: #4F637D; font-size: 0.8571428571rem; display: inline-block; font-weight: 500; font-family: "Inter", serif; } .cst-alert-light img { position: relative; top: -2px; margin-right: 5px; } .cst-alert-warning { border-radius: 18px; border: 1px solid #ffc107; padding: 9px 12px; color: #ad8b00; font-size: 0.8571428571rem; display: inline-block; font-weight: 500; font-family: "Inter", serif; } .cst-alert-warning img { position: relative; top: -2px; margin-right: 5px; } .cst-alert-danger { border-radius: 18px; border: 1px solid #ffa39e; padding: 9px 12px; color: #cf1322; font-size: 0.8571428571rem; display: inline-block; font-weight: 500; font-family: "Inter", serif; } .cst-alert-danger img { position: relative; top: -2px; margin-right: 5px; } /* -------------------------------- Imports -------------------------------- */ .focus-bdr, a:focus-visible, .btn:focus-visible, .ss-attachment-btn:focus-visible, .btn-ss-blue:focus, .btn.btn-link:focus, .ss-location-outer-class .loc-exist-value a.btn-blue:focus:hover, .permit-field-ss .field_group .btn-orange:focus, .permit-field-ss .field_group .btn-green:focus, #specialfieldModal .modal-body button:focus:not(.ss-cancel), #addpropertyModal .modal-body button:focus:not(.ss-cancel), #previewformModal .btn-orange:focus, #previewformModal .btn-green:focus, #previewformModal .btn-blue:focus, .btn-ss-warning:focus, .kisosk-ss-body .ss-permit-dm .btn-danger:focus, .btn-ss-danger:focus, .btn-outline-ss-blue:focus, .ras-act-table .add-rsk-ctrl:focus, .permit-field-ss .field_group .btn-default:focus, #specialfieldModal .modal-body button.ss-cancel:focus, #addpropertyModal .modal-body button.ss-cancel:focus, .btn-ss-success:focus, .btn-ss-blue-light:focus, .btn-ss-toogle-t:focus, .rd-ss-lt-blue-btn:focus, .dt-exprt-btn span:focus, .ss-export-exl .export_excel_btn span:focus, .dt-buttons .buttons-excel span:focus, .dt-buttons .buttons-csv span:focus, .dt-exprt-pdf-btn span:focus, .dt-buttons .buttons-pdf span:focus, .dropdown-cst-arrow .dropdown-toggle:focus, .btn-ss-green:focus, .btn-ss-grey:focus, .btn-ss-filter:focus, .btn-ss-orange-light:focus, .text-ss-blue-btn:focus, .text-ss-orng-btn:focus, .nav-tabs-ss li.nav-item .nav-link:focus { box-shadow: 0px 0px 0px 3px #a5c0fd !important; } .ss-title { color: #0069E0 !important; font-size: 1.8571428571rem !important; margin-bottom: 18px !important; } a:focus-visible, .btn:focus-visible, .ss-attachment-btn:focus-visible { outline: 0 !important; } /* -------------------------------- Button Mixin Function -------------------------------- */ /*-- Button font-size and padding mixin-- */ /* -------------------------------- Button Outline Mixin Function -------------------------------- */ /* -------------------------------- Custom Scrollbar -------------------------------- */ .custom-scrollbar, .advance-filters-pannel-ss .offcanvas-body .lt-block, .advance-filters-pannel-ss .offcanvas-body .rt-block, .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options, .scan-br-list { height: 100%; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #4e6e92 #f1f1f1; } .custom-scrollbar::-webkit-scrollbar, .advance-filters-pannel-ss .offcanvas-body .lt-block::-webkit-scrollbar, .advance-filters-pannel-ss .offcanvas-body .rt-block::-webkit-scrollbar, .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar, .scan-br-list::-webkit-scrollbar { width: 12px; height: 12px; } .custom-scrollbar::-webkit-scrollbar-track, .advance-filters-pannel-ss .offcanvas-body .lt-block::-webkit-scrollbar-track, .advance-filters-pannel-ss .offcanvas-body .rt-block::-webkit-scrollbar-track, .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track, .scan-br-list::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } .custom-scrollbar::-webkit-scrollbar-thumb, .advance-filters-pannel-ss .offcanvas-body .lt-block::-webkit-scrollbar-thumb, .advance-filters-pannel-ss .offcanvas-body .rt-block::-webkit-scrollbar-thumb, .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb, .scan-br-list::-webkit-scrollbar-thumb { background-color: #888; border-radius: 10px; border: 3px solid #f1f1f1; } .custom-scrollbar::-webkit-scrollbar-thumb:hover, .advance-filters-pannel-ss .offcanvas-body .lt-block::-webkit-scrollbar-thumb:hover, .advance-filters-pannel-ss .offcanvas-body .rt-block::-webkit-scrollbar-thumb:hover, .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb:hover, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb:hover, .scan-br-list::-webkit-scrollbar-thumb:hover { background-color: #555; } /* -------------------------------- rotate vertical animations -------------------------------- */ @keyframes rotate-vertical { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } } /* -------------------------------- Normal Buttons -------------------------------- */ .btn-ss-sm { padding: 4px 16px !important; font-size: 0.7857142857rem !important; } .btn-ss-sm i { font-size: 0.7857142857rem !important; } .btn-ss-blue, .btn.btn-link, .ss-location-outer-class .loc-exist-value a.btn-blue:hover, .permit-field-ss .field_group .btn-orange, .permit-field-ss .field_group .btn-green, #specialfieldModal .modal-body button:not(.ss-cancel), #addpropertyModal .modal-body button:not(.ss-cancel), #previewformModal .btn-orange, #previewformModal .btn-green, #previewformModal .btn-blue { background-color: #0069E0 !important; color: #fff !important; border: 2px solid #0069E0; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-blue:hover, .btn.btn-link:hover, .ss-location-outer-class .loc-exist-value a.btn-blue:hover, .permit-field-ss .field_group .btn-orange:hover, .permit-field-ss .field_group .btn-green:hover, #specialfieldModal .modal-body button:hover:not(.ss-cancel), #addpropertyModal .modal-body button:hover:not(.ss-cancel), #previewformModal .btn-orange:hover, #previewformModal .btn-green:hover, #previewformModal .btn-blue:hover, .btn-ss-blue:focus, .btn.btn-link:focus, .ss-location-outer-class .loc-exist-value a.btn-blue:focus:hover, .permit-field-ss .field_group .btn-orange:focus, .permit-field-ss .field_group .btn-green:focus, #specialfieldModal .modal-body button:focus:not(.ss-cancel), #addpropertyModal .modal-body button:focus:not(.ss-cancel), #previewformModal .btn-orange:focus, #previewformModal .btn-green:focus, #previewformModal .btn-blue:focus { background-color: #0051ad !important; border-color: #0051ad !important; } .btn-ss-blue:active, .btn.btn-link:active, .ss-location-outer-class .loc-exist-value a.btn-blue:active:hover, .permit-field-ss .field_group .btn-orange:active, .permit-field-ss .field_group .btn-green:active, #specialfieldModal .modal-body button:active:not(.ss-cancel), #addpropertyModal .modal-body button:active:not(.ss-cancel), #previewformModal .btn-orange:active, #previewformModal .btn-green:active, #previewformModal .btn-blue:active { background-color: #004594 !important; border-color: #004594 !important; } .btn-ss-blue:disabled, .btn.btn-link:disabled, .ss-location-outer-class .loc-exist-value a.btn-blue:disabled:hover, .permit-field-ss .field_group .btn-orange:disabled, .permit-field-ss .field_group .btn-green:disabled, #specialfieldModal .modal-body button:disabled:not(.ss-cancel), #addpropertyModal .modal-body button:disabled:not(.ss-cancel), #previewformModal .btn-orange:disabled, #previewformModal .btn-green:disabled, #previewformModal .btn-blue:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-blue:hover img, .btn.btn-link:hover img, .ss-location-outer-class .loc-exist-value a.btn-blue:hover img, .permit-field-ss .field_group .btn-orange:hover img, .permit-field-ss .field_group .btn-green:hover img, #specialfieldModal .modal-body button:hover:not(.ss-cancel) img, #addpropertyModal .modal-body button:hover:not(.ss-cancel) img, #previewformModal .btn-orange:hover img, #previewformModal .btn-green:hover img, #previewformModal .btn-blue:hover img { -webkit-filter: brightness(10); filter: brightness(10); } .btn-ss-warning, .kisosk-ss-body .ss-permit-dm .btn-danger { background-color: #EE5622 !important; color: #fff !important; border: 2px solid #EE5622; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-warning:hover, .kisosk-ss-body .ss-permit-dm .btn-danger:hover, .btn-ss-warning:focus, .kisosk-ss-body .ss-permit-dm .btn-danger:focus { background-color: #cd4010 !important; border-color: #cd4010 !important; } .btn-ss-warning:active, .kisosk-ss-body .ss-permit-dm .btn-danger:active { background-color: #b6390e !important; border-color: #b6390e !important; } .btn-ss-warning:disabled, .kisosk-ss-body .ss-permit-dm .btn-danger:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-danger { background-color: #dc3545 !important; color: #fff !important; border: 2px solid #dc3545; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-danger:hover, .btn-ss-danger:focus { background-color: #bd2130 !important; border-color: #bd2130 !important; } .btn-ss-danger:active { background-color: #a71d2a !important; border-color: #a71d2a !important; } .btn-ss-danger:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-outline-ss-blue, .ras-act-table .add-rsk-ctrl, .permit-field-ss .field_group .btn-default, #specialfieldModal .modal-body button.ss-cancel, #addpropertyModal .modal-body button.ss-cancel { background-color: #fff; color: #0069E0; border: 2px solid #0069E0; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer !important; font-size: 0.9285714286rem !important; letter-spacing: 0.047rem; text-transform: capitalize; font-family: "Inter", serif; } .btn-outline-ss-blue:hover, .ras-act-table .add-rsk-ctrl:hover, .permit-field-ss .field_group .btn-default:hover, #specialfieldModal .modal-body button.ss-cancel:hover, #addpropertyModal .modal-body button.ss-cancel:hover, .btn-outline-ss-blue:focus, .ras-act-table .add-rsk-ctrl:focus, .permit-field-ss .field_group .btn-default:focus, #specialfieldModal .modal-body button.ss-cancel:focus, #addpropertyModal .modal-body button.ss-cancel:focus { border-color: #004594 !important; background-color: #fff; color: #004594 !important; } .btn-outline-ss-blue:active, .ras-act-table .add-rsk-ctrl:active, .permit-field-ss .field_group .btn-default:active, #specialfieldModal .modal-body button.ss-cancel:active, #addpropertyModal .modal-body button.ss-cancel:active { background-color: #fff; border-color: #0069E0 !important; color: #0069E0 !important; } .btn-outline-ss-blue:disabled, .ras-act-table .add-rsk-ctrl:disabled, .permit-field-ss .field_group .btn-default:disabled, #specialfieldModal .modal-body button.ss-cancel:disabled, #addpropertyModal .modal-body button.ss-cancel:disabled { background-color: transparent; border-color: #479dff; color: #479dff; cursor: not-allowed; opacity: 0.65; } .btn-outline-ss-blue .add-icn, .ras-act-table .add-rsk-ctrl .add-icn, .permit-field-ss .field_group .btn-default .add-icn, #specialfieldModal .modal-body button.ss-cancel .add-icn, #addpropertyModal .modal-body button.ss-cancel .add-icn { top: -1px; left: 1px; } .btn-outline-ss-blue.add-icn, .ras-act-table .add-icn.add-rsk-ctrl, .permit-field-ss .field_group .add-icn.btn-default, #specialfieldModal .modal-body button.add-icn.ss-cancel, #addpropertyModal .modal-body button.add-icn.ss-cancel { position: relative; padding-left: 35px; } .btn-outline-ss-blue.add-icn .bi-plus, .ras-act-table .add-icn.add-rsk-ctrl .bi-plus, .permit-field-ss .field_group .add-icn.btn-default .bi-plus, #specialfieldModal .modal-body button.add-icn.ss-cancel .bi-plus, #addpropertyModal .modal-body button.add-icn.ss-cancel .bi-plus { position: absolute; left: 2px; top: 4px; font-size: 2rem; font-weight: bold; color: #0069E0; } .btn-outline-ss-blue:hover.add-icn .bi-plus, .ras-act-table .add-rsk-ctrl:hover.add-icn .bi-plus, .permit-field-ss .field_group .btn-default:hover.add-icn .bi-plus, #specialfieldModal .modal-body button.ss-cancel:hover.add-icn .bi-plus, #addpropertyModal .modal-body button.ss-cancel:hover.add-icn .bi-plus, .btn-outline-ss-blue:focus.add-icn .bi-plus, .ras-act-table .add-rsk-ctrl:focus.add-icn .bi-plus, .permit-field-ss .field_group .btn-default:focus.add-icn .bi-plus, #specialfieldModal .modal-body button.ss-cancel:focus.add-icn .bi-plus, #addpropertyModal .modal-body button.ss-cancel:focus.add-icn .bi-plus { color: #fff; } .btn-outline-ss-blue:active .add-icn, .ras-act-table .add-rsk-ctrl:active .add-icn, .permit-field-ss .field_group .btn-default:active .add-icn, #specialfieldModal .modal-body button.ss-cancel:active .add-icn, #addpropertyModal .modal-body button.ss-cancel:active .add-icn { filter: none; } .btn-ss-success { background-color: #00A945 !important; color: #fff !important; border: 2px solid #00A945; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-success:hover, .btn-ss-success:focus { background-color: #007630 !important; border-color: #007630 !important; } .btn-ss-success:active { background-color: #005d26 !important; border-color: #005d26 !important; } .btn-ss-success:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-blue-light, .btn-ss-toogle-t, .rd-ss-lt-blue-btn, .dt-exprt-btn span, .ss-export-exl .export_excel_btn span, .dt-buttons .buttons-excel span, .dt-buttons .buttons-csv span, .dt-exprt-pdf-btn span, .dt-buttons .buttons-pdf span, .dropdown-cst-arrow .dropdown-toggle { background-color: #e0efff !important; color: #0069E0 !important; border: 2px solid #e0efff; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-blue-light:hover, .btn-ss-toogle-t:hover, .rd-ss-lt-blue-btn:hover, .dt-exprt-btn span:hover, .ss-export-exl .export_excel_btn span:hover, .dt-buttons .buttons-excel span:hover, .dt-buttons .buttons-csv span:hover, .dt-exprt-pdf-btn span:hover, .dt-buttons .buttons-pdf span:hover, .dropdown-cst-arrow .dropdown-toggle:hover, .btn-ss-blue-light:focus, .btn-ss-toogle-t:focus, .rd-ss-lt-blue-btn:focus, .dt-exprt-btn span:focus, .ss-export-exl .export_excel_btn span:focus, .dt-buttons .buttons-excel span:focus, .dt-buttons .buttons-csv span:focus, .dt-exprt-pdf-btn span:focus, .dt-buttons .buttons-pdf span:focus, .dropdown-cst-arrow .dropdown-toggle:focus { background-color: #add3ff !important; border-color: #add3ff !important; } .btn-ss-blue-light:active, .btn-ss-toogle-t:active, .rd-ss-lt-blue-btn:active, .dt-exprt-btn span:active, .ss-export-exl .export_excel_btn span:active, .dt-buttons .buttons-excel span:active, .dt-buttons .buttons-csv span:active, .dt-exprt-pdf-btn span:active, .dt-buttons .buttons-pdf span:active, .dropdown-cst-arrow .dropdown-toggle:active { background-color: #94c6ff !important; border-color: #94c6ff !important; } .btn-ss-blue-light:disabled, .btn-ss-toogle-t:disabled, .rd-ss-lt-blue-btn:disabled, .dt-exprt-btn span:disabled, .ss-export-exl .export_excel_btn span:disabled, .dt-buttons .buttons-excel span:disabled, .dt-buttons .buttons-csv span:disabled, .dt-exprt-pdf-btn span:disabled, .dt-buttons .buttons-pdf span:disabled, .dropdown-cst-arrow .dropdown-toggle:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-green { background-color: #D6FFE7 !important; color: #0069E0 !important; border: 2px solid #D6FFE7; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: none; font-family: "Inter", serif; } .btn-ss-green:hover, .btn-ss-green:focus { background-color: #a3ffc9 !important; border-color: #a3ffc9 !important; } .btn-ss-green:active { background-color: #8affba !important; border-color: #8affba !important; } .btn-ss-green:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-grey { background-color: #758BA9 !important; color: #fff !important; border: 2px solid #758BA9; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-grey:hover, .btn-ss-grey:focus { background-color: #5a7191 !important; border-color: #5a7191 !important; } .btn-ss-grey:active { background-color: #506581 !important; border-color: #506581 !important; } .btn-ss-grey:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-filter { background-color: #758BA9 !important; color: #fff !important; border: 2px solid #758BA9; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0.047rem; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-filter:hover, .btn-ss-filter:focus { background-color: #5a7191 !important; border-color: #5a7191 !important; } .btn-ss-filter:active { background-color: #506581 !important; border-color: #506581 !important; } .btn-ss-filter:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-orange-light { background-color: #fbd5c8 !important; color: #0069E0 !important; border: 2px solid #fbd5c8; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0.047rem; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-orange-light:hover, .btn-ss-orange-light:focus { background-color: #f7b198 !important; border-color: #f7b198 !important; } .btn-ss-orange-light:active { background-color: #f59e81 !important; border-color: #f59e81 !important; } .btn-ss-orange-light:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .no-btn, .rd-ss-lt-blue-btn, .btn-icon, .additional-items li .dt-icon-container, .ss-showmore { background: transparent; border: none; } .alert { border-radius: 50px; } .lc_tabs_menu, .first_well { background-color: #3e6da2 !important; } div.dataTables_processing > div:last-child > div { background: #0069E0 !important; } .stratus_content, fieldset legend, .nav-tabs-ss li.nav-item .nav-link, .chem-ss-filter-block .chem-ss-filter-block-inner > label, .chem-search-cntrl .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, .additional-items li .dt-icon-container span, .inf-ss-card, .dropdown-select-type .btn-ss-blue-light span, .dropdown-select-type .btn-ss-toogle-t span, .dropdown-select-type .rd-ss-lt-blue-btn span, .dropdown-select-type .dt-exprt-btn span span, .dt-exprt-btn .dropdown-select-type span span, .dropdown-select-type .ss-export-exl .export_excel_btn span span, .ss-export-exl .export_excel_btn .dropdown-select-type span span, .dropdown-select-type .dt-buttons .buttons-excel span span, .dt-buttons .buttons-excel .dropdown-select-type span span, .dropdown-select-type .dt-buttons .buttons-csv span span, .dt-buttons .buttons-csv .dropdown-select-type span span, .dropdown-select-type .dt-exprt-pdf-btn span span, .dt-exprt-pdf-btn .dropdown-select-type span span, .dropdown-select-type .dt-buttons .buttons-pdf span span, .dt-buttons .buttons-pdf .dropdown-select-type span span, .dropdown-select-type .dropdown-cst-arrow .dropdown-toggle span, .dropdown-cst-arrow .dropdown-select-type .dropdown-toggle span, .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option, .ss-switch-btn .switch_tool_section .switch_tool_block .btn-group label.btn, .ss-toogle-switch input[type=radio] + label.btn, .form-floating label, .select-floating-multiselect label, html body #notification_popup .notify-body .popup_message a, html body #notification_popup .popup_message.text-info a, .ss-toast .toast .toast-body span, .datepicker.datepicker-dropdown table th, .datepicker.datepicker-dropdown table td, .ss-cal-legends ul li, .ss-pyramid-tabs li button, .ss-form-step .ss-cal-event-block .ss-form-step-span, .ss-form-step .ss-cal-event-block .ss-card-block, .cst-search-multi-btm-chips .select2-selection--multiple .select2-search.select2-search--inline textarea, .ss-chip-tag, .ss-chip-tag-light, .ss-event-notification .notification-head p, .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs .nav-item .nav-link span, .dropdown-cst-arrow .dropdown-toggle, .dropdown-cst-arrow .dropdown-menu li a, .dropdown-cst-arrow .dropdown-menu li button, .mini-card p, .mini-card span, .ss-mini-mdl-box, .ss-df-filter-chips em, .ss-over-due, .ss-open, .ss-completed, .ss-cancelled, table, .dm-permits-view, .ss-permit-dm, .kisosk-ss-body .ss-permit-dm { font-family: "Inter", serif !important; } .svg-light, .flter-icn-dropdown .dropdown-toggle img { filter: brightness(0) invert(1); } /* -------------------------------- // Mixin for headings with breakpoints -------------------------------- */ h1 { font-size: 2.8571428571rem; color: #000000; font-weight: 500; letter-spacing: 0.75px; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; } @media (max-width: 1200px) { h1 { font-size: 2.5rem !important; } } @media (max-width: 1024px) { h1 { font-size: 2.2857142857rem !important; } } @media (max-width: 768px) { h1 { font-size: 2.1428571429rem !important; } } @media (max-width: 480px) { h1 { font-size: 2rem !important; } } h2 { font-size: 2.2857142857rem; color: #000000; font-weight: 500; letter-spacing: 0.75px; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; } @media (max-width: 1200px) { h2 { font-size: 2.1428571429rem !important; } } @media (max-width: 1024px) { h2 { font-size: 2rem !important; } } @media (max-width: 768px) { h2 { font-size: 1.8571428571rem !important; } } @media (max-width: 480px) { h2 { font-size: 1.7142857143rem !important; } } h3 { font-size: 1.7142857143rem; color: #000000; font-weight: 500; letter-spacing: 0.75px; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; } @media (max-width: 1200px) { h3 { font-size: 1.7142857143rem !important; } } @media (max-width: 1024px) { h3 { font-size: 1.5rem !important; } } @media (max-width: 768px) { h3 { font-size: 1.5714285714rem !important; } } @media (max-width: 480px) { h3 { font-size: 1.2857142857rem !important; } } h4 { font-size: 1.2857142857rem; color: #000000; font-weight: 500; letter-spacing: 0.75px; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; } @media (max-width: 1200px) { h4 { font-size: 1.2857142857rem !important; } } @media (max-width: 1024px) { h4 { font-size: 1.1428571429rem !important; } } @media (max-width: 768px) { h4 { font-size: 1.1428571429rem !important; } } @media (max-width: 480px) { h4 { font-size: 1.1428571429rem !important; } } h5 { font-size: 1rem; color: #000000; font-weight: 500; letter-spacing: 0.75px; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; } @media (max-width: 1200px) { h5 { font-size: 1rem !important; } } @media (max-width: 1024px) { h5 { font-size: 1rem !important; } } @media (max-width: 768px) { h5 { font-size: 0.9285714286rem !important; } } @media (max-width: 480px) { h5 { font-size: 0.9285714286rem !important; } } h6 { font-size: 0.8571428571rem; color: #000000; font-weight: 500; letter-spacing: 0.75px; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; } @media (max-width: 1200px) { h6 { font-size: 0.8571428571rem !important; } } @media (max-width: 1024px) { h6 { font-size: 0.8571428571rem !important; } } @media (max-width: 768px) { h6 { font-size: 0.8571428571rem !important; } } @media (max-width: 480px) { h6 { font-size: 0.7857142857rem !important; } } /* -------------------------------- Background Buttons -------------------------------- */ .ss-green-bg-light { background-color: #D6FFE7 !important; } .ss-success-bg-light { background-color: #dcffea !important; } .ss-warning-bg-light { background-color: #f9c3b0 !important; } .ss-danger-bg-light { background-color: #f3b7bd !important; } .ss-blue-bg-light, .dropdown-cst-arrow .dropdown-menu li a:hover, .dropdown-cst-arrow .dropdown-menu li button:hover { background-color: #e0efff !important; } .ss-blue-col { color: #0069E0; } .ss-green-col { color: #00A945 !important; } .cst-shadow { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05) !important; } @media (min-width: 768px) { .show-web { display: block; } } @media (max-width: 767.98px) { .show-web { display: none; } } @media (min-width: 768px) { .show-mbl { display: none; } } @media (max-width: 767.98px) { .show-mbl { display: block; } } /* -------------------------------- Normal Buttons -------------------------------- */ .svg-img-light { -webkit-filter: brightness(10); filter: brightness(10); } .btn-ss-blue-light, .btn-ss-toogle-t, .rd-ss-lt-blue-btn, .dt-exprt-btn span, .ss-export-exl .export_excel_btn span, .dt-buttons .buttons-excel span, .dt-buttons .buttons-csv span, .dt-exprt-pdf-btn span, .dt-buttons .buttons-pdf span, .dropdown-cst-arrow .dropdown-toggle { background-color: #e0efff !important; color: #0069E0 !important; border: 2px solid #e0efff; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-blue-light:hover, .btn-ss-toogle-t:hover, .rd-ss-lt-blue-btn:hover, .dt-exprt-btn span:hover, .ss-export-exl .export_excel_btn span:hover, .dt-buttons .buttons-excel span:hover, .dt-buttons .buttons-csv span:hover, .dt-exprt-pdf-btn span:hover, .dt-buttons .buttons-pdf span:hover, .dropdown-cst-arrow .dropdown-toggle:hover, .btn-ss-blue-light:focus, .btn-ss-toogle-t:focus, .rd-ss-lt-blue-btn:focus, .dt-exprt-btn span:focus, .ss-export-exl .export_excel_btn span:focus, .dt-buttons .buttons-excel span:focus, .dt-buttons .buttons-csv span:focus, .dt-exprt-pdf-btn span:focus, .dt-buttons .buttons-pdf span:focus, .dropdown-cst-arrow .dropdown-toggle:focus { background-color: #add3ff !important; border-color: #add3ff !important; } .btn-ss-blue-light:active, .btn-ss-toogle-t:active, .rd-ss-lt-blue-btn:active, .dt-exprt-btn span:active, .ss-export-exl .export_excel_btn span:active, .dt-buttons .buttons-excel span:active, .dt-buttons .buttons-csv span:active, .dt-exprt-pdf-btn span:active, .dt-buttons .buttons-pdf span:active, .dropdown-cst-arrow .dropdown-toggle:active { background-color: #94c6ff !important; border-color: #94c6ff !important; } .btn-ss-blue-light:disabled, .btn-ss-toogle-t:disabled, .rd-ss-lt-blue-btn:disabled, .dt-exprt-btn span:disabled, .ss-export-exl .export_excel_btn span:disabled, .dt-buttons .buttons-excel span:disabled, .dt-buttons .buttons-csv span:disabled, .dt-exprt-pdf-btn span:disabled, .dt-buttons .buttons-pdf span:disabled, .dropdown-cst-arrow .dropdown-toggle:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-green { background-color: #D6FFE7 !important; color: #0069E0 !important; border: 2px solid #D6FFE7; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: none; font-family: "Inter", serif; } .btn-ss-green:hover, .btn-ss-green:focus { background-color: #a3ffc9 !important; border-color: #a3ffc9 !important; } .btn-ss-green:active { background-color: #8affba !important; border-color: #8affba !important; } .btn-ss-green:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-grey { background-color: #758BA9 !important; color: #fff !important; border: 2px solid #758BA9; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-grey:hover, .btn-ss-grey:focus { background-color: #5a7191 !important; border-color: #5a7191 !important; } .btn-ss-grey:active { background-color: #506581 !important; border-color: #506581 !important; } .btn-ss-grey:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-filter { background-color: #758BA9 !important; color: #fff !important; border: 2px solid #758BA9; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0.047rem; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-filter:hover, .btn-ss-filter:focus { background-color: #5a7191 !important; border-color: #5a7191 !important; } .btn-ss-filter:active { background-color: #506581 !important; border-color: #506581 !important; } .btn-ss-filter:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn-ss-orange-light { background-color: #fbd5c8 !important; color: #0069E0 !important; border: 2px solid #fbd5c8; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer; font-size: 0.9285714286rem !important; letter-spacing: 0.047rem; text-transform: capitalize; font-family: "Inter", serif; } .btn-ss-orange-light:hover, .btn-ss-orange-light:focus { background-color: #f7b198 !important; border-color: #f7b198 !important; } .btn-ss-orange-light:active { background-color: #f59e81 !important; border-color: #f59e81 !important; } .btn-ss-orange-light:disabled { background-color: #e0efff !important; border-color: #c1deff !important; cursor: not-allowed !important; opacity: 0.65; color: #479dff !important; } .btn { position: relative; } .btn i { font-size: 1.1428571429rem; font-weight: 800; top: 2px !important; } .btn-ss-toogle-t.active { background-color: #add3ff; color: black; border: none; } .btn-xs-sm { font-size: 0.7142857143rem !important; padding: 3px 9px !important; } /* -------------------------------- Outline border Buttons -------------------------------- */ .text-link, .ss-showmore { color: #0069E0; text-decoration: underline; font-weight: 700; } .text-link:hover, .ss-showmore:hover, .text-link:focus, .ss-showmore:focus { color: #0051ad; } .text-ss-blue-btn { background-color: #fff; color: #0069E0; border: 2px solid #0069E0; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer !important; font-size: 0.9285714286rem !important; letter-spacing: 0.047rem; text-transform: capitalize; font-family: "Inter", serif; font-size: 0.8571428571rem; font-weight: 600; letter-spacing: 0.75px; border: none; background: transparent !important; } .text-ss-blue-btn:hover, .text-ss-blue-btn:focus { border-color: #004594 !important; background-color: #fff; color: #004594 !important; } .text-ss-blue-btn:active { background-color: #fff; border-color: #0069E0 !important; color: #0069E0 !important; } .text-ss-blue-btn:disabled { background-color: transparent; border-color: #479dff; color: #479dff; cursor: not-allowed; opacity: 0.65; } .text-ss-blue-btn:hover, .text-ss-blue-btn:focus, .text-ss-blue-btn:active { text-decoration: underline; color: #0051ad !important; background: transparent !important; } .text-ss-orng-btn { background-color: #fff; color: #dc3545; border: 2px solid #dc3545; padding: 8px 28px !important; border-radius: 40PX; font-weight: 500 !important; text-align: center; text-decoration: none !important; display: inline-block; cursor: pointer !important; font-size: 0.9285714286rem !important; letter-spacing: 0.047rem; text-transform: capitalize; font-family: "Inter", serif; font-size: 0.8571428571rem; font-weight: 600; letter-spacing: 0.75px; border: none; background: transparent !important; } .text-ss-orng-btn:hover, .text-ss-orng-btn:focus { border-color: #a71d2a !important; background-color: #fff; color: #a71d2a !important; } .text-ss-orng-btn:active { background-color: #fff; border-color: #dc3545 !important; color: #dc3545 !important; } .text-ss-orng-btn:disabled { background-color: transparent; border-color: #eb8c95; color: #eb8c95; cursor: not-allowed; opacity: 0.65; } .text-ss-orng-btn:hover, .text-ss-orng-btn:focus, .text-ss-orng-btn:active { text-decoration: underline; color: #bd2130 !important; background: transparent !important; } .text-ss-orng-btn:focus { box-shadow: 0px 0px 0px 3px #f3b7bd !important; } .rd-ss-lt-blue-btn { border-radius: 25px; padding: 5px 0 0 0px !important; width: 36px; height: 36px; line-height: normal; } .rd-ss-lt-blue-btn img { width: 58%; } .btn-ss-sm { padding: 4px 16px !important; font-size: 0.7857142857rem !important; } .btn-ss-sm i { font-size: 0.7857142857rem !important; } .error, .ss-mandatory, .invalid-feedback, .ss-form-step .ss-cal-event-block #warning_message b { color: #dc3545 !important; font-size: 0.875rem !important; font-family: "Inter", serif; font-weight: 500; } .text-lable-block h6, .ras-ss-detail .ras-asmnt .text-lable-block h4 { font-style: normal; line-height: normal; letter-spacing: 0.25px; text-transform: capitalize; font-size: 1.1428571429rem; color: #3f4f64; margin: 0; } .card { border-radius: 18px; } .error + .bi-exclamation-circle-fill, .ss-mandatory + .bi-exclamation-circle-fill, .invalid-feedback + .bi-exclamation-circle-fill { display: inline-block !important; color: #dc3545 !important; position: absolute; top: -11px; right: -4px; } .error + .bi-exclamation-circle-fill.cc-icon, .ss-mandatory + .bi-exclamation-circle-fill.cc-icon, .invalid-feedback + .bi-exclamation-circle-fill.cc-icon { top: -6px !important; right: 6px !important; } .btn-icon { display: inline-block; width: 34px; height: 34px; vertical-align: top; border-radius: 9px; position: relative; padding: 0 !important; margin: 0; text-align: center; } .btn-icon img, .btn-icon .ss_icn_svg { width: 16px; align-items: center; height: 34px; } .btn-icon img.disabled, .btn-icon .ss_icn_svg.disabled { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .btn-icon i { line-height: 34px !important; color: #0069E0; } .btn-icon:hover { background: #e0efff; } .btn-icon:hover img { filter: brightness(72%); } .ss-spinner { padding: 10px 0; justify-content: center; display: flex; } .ss-spinner .spinner-border { color: #516574; width: 20px; height: 20px; margin-right: 5px; border-width: 3.2px; } .ss-spinner span { font-size: 13px; font-weight: 500; color: #4d5a64; } svg.ss_icn_svg:focus { outline: none !important; } .toast { color: #000 !important; border-radius: 8px; padding: 7px; } .toast.text-bg-success { background: #bcf6c5 !important; border: 1px solid #acfdba75 !important; } .toast.text-bg-warning { background: #f8e8c7 !important; border: 1px solid #acfdba75 !important; } .toast.text-bg-danger { background: #fab9b7 !important; border: 1px solid #acfdba75 !important; } .filter-applied { background-color: #e0efff !important; border-color: #e0efff !important; } .filter-applied:hover, .filter-applied:focus, .filter-applied:active { background-color: #c7e1ff !important; border-color: #c7e1ff !important; } .icn-zm-eft { transform: scale(1); transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out; } .icn-zm-eft:hover { transform: scale(1.1); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.16); } .inventory_div_section { background: transparent !important; padding: 0 !important; } .stratus_content { border-radius: 18px !important; } .chemical_inventory_ss_body #inventory_div { margin-top: 18px; } /* -------------------------------- Modal Heading Class : example class: .modal-h1 to .modal-h8 -------------------------------- */ .modal-h1 { color: #3f4f64; font-size: 2.5rem; margin-bottom: 18px; } .modal-h2, .inventory-ss-add-edit-section .add-edit-inventory-section .add-edit-inventory-section-inner .inventory-section-default-form-controls h2, .chem-ss-inventory-detail h2, .ras-ss-detail h2 { color: #3f4f64; font-size: 2.2857142857rem; margin-bottom: 18px; } .modal-h3, .dm-permits-view h1, .ss-permit-dm h1, .kisosk-ss-body .ss-permit-dm h1 { color: #3f4f64; font-size: 2.1428571429rem; margin-bottom: 18px; } .modal-h4, #user_info_div table.table thead th h2, #space_info_div table.table thead th h2, #location_type_div table.table thead th h2, #training_div #records_table_wrapper table.table thead th h2, #groups_info_div table.table thead th h2, #asset_info_div table.table thead th h2, #org_info_div table.table thead th h2, .dm-permits-view h2, .ss-permit-dm h2, .kisosk-ss-body .ss-permit-dm h2 { color: #3f4f64; font-size: 1.7142857143rem; margin-bottom: 18px; } .modal-h5, .ss-chem-inv-report-data h2, .ss-chem-inv-report-data h3, .ss-chem-inv-report-data h4, #user_info_div table.table thead th h3, #space_info_div table.table thead th h3, #location_type_div table.table thead th h3, #training_div #records_table_wrapper table.table thead th h3, #groups_info_div table.table thead th h3, #asset_info_div table.table thead th h3, #org_info_div table.table thead th h3, .dm-permits-view h3, .ss-permit-dm h3, .kisosk-ss-body .ss-permit-dm h3 { color: #3f4f64; font-size: 1.4285714286rem; margin-bottom: 18px; } .modal-h6, .ras-ss-detail h2, .dm-permits-view h4, .ss-permit-dm h4, .kisosk-ss-body .ss-permit-dm h4 { color: #3f4f64; font-size: 1.2857142857rem; margin-bottom: 18px; } .modal-h7 { color: #3f4f64; font-size: 1.1428571429rem; } .modal-h8 { color: #3f4f64; font-size: 1rem; } .ss-h-span-hilight { font-size: 1.2857142857rem; } .ss-h-span-hilight span { display: block; font-size: 2.1428571429rem; margin-top: 3px; color: #3167de; font-weight: 700; } .modal .modal-dialog.modal-fullscreen .modal-content { border-radius: 0 !important; padding: 0 !important; } .modal .modal-dialog.modal-fullscreen .modal-content .mdl-btn-close { display: none; } .modal .modal-dialog.modal-fullscreen .modal-footer { padding: 18px 0 !important; } .modal .modal-dialog .modal-content { border-radius: 26px; padding: 40px 30px 30px !important; } .modal .modal-dialog .modal-content .modal-body { border: none; padding: 0; } .modal .modal-dialog .modal-content .modal-body .modal-btns { padding: 15px 0 0 0; text-align: center; } .modal .modal-dialog .modal-content .modal-body .modal-btns .btn:nth-child(1n + 2) { margin-left: 15px; } .modal .modal-dialog .modal-content .modal-footer { border: none; padding: 0; } .modal .modal-dialog .modal-content .mdl-btn-close { position: absolute; top: 18px; right: 18px; z-index: 9; transform: scale(1); transform-origin: center; transition: transform 0.3s ease; } .modal .modal-dialog .modal-content .mdl-btn-close:hover { transform: scale(1.2); } fieldset legend { color: #4F637D; font-size: 0.9285714286rem; font-style: normal; font-weight: 500; line-height: 15px; /* 115.385% */ letter-spacing: 0.26px; } .form-control[readonly] { background-color: #e9ecef !important; } .form-control.datepicker[readonly], .form-control.ss-datetimepicker[readonly] { background-color: #ffffff !important; } .data_manager_ss_body .form-label, .data_manager_ss_body .col-form-label, .data_manager_ss_body .field_label, .latch-ss-body .form-label, .latch-ss-body .col-form-label, .latch-ss-body .field_label { color: #3f4f64 !important; margin-bottom: 3px !important; font-family: "Inter", serif; font-weight: 500; } .bi-info-circle-fill { color: #758BA9; } /* -------------------------------- Tabs Custmize CSS Code -------------------------------- */ .inv-tab-body-section, .ss-tab-body-section { padding: 20px; border-radius: 5px; } @media (max-width: 575.98px) { .inv-tab-body-section, .ss-tab-body-section { padding: 10px; } } .nav-tabs-ss { padding: 0; border: none; } .nav-tabs-ss li.nav-item { border-bottom: none !important; padding-right: 0.313rem; } .nav-tabs-ss li.nav-item .nav-link { font-size: 0.8571428571rem; font-weight: 600; padding: 0 1.125rem; border: none !important; position: relative; border-radius: 9px; color: #4F637D !important; letter-spacing: 0.16px; } .nav-tabs-ss li.nav-item .nav-link i { margin-left: 10px; } .nav-tabs-ss li.nav-item .nav-link:hover { color: #4F637D !important; } .nav-tabs-ss li.nav-item .nav-link.nav-link.active, .nav-tabs-ss li.nav-item .nav-link.nav-link:hover, .nav-tabs-ss li.nav-item .nav-link.nav-link:focus, .nav-tabs-ss li.nav-item .nav-link.nav-link:active { color: #4F637D !important; background-image: linear-gradient(to bottom, #add3ff, #e0efff, #fafcff, #ffffff, #ffffff); } .nav-tabs-ss li.nav-item .nav-link.nav-link.active span, .nav-tabs-ss li.nav-item .nav-link.nav-link:hover span, .nav-tabs-ss li.nav-item .nav-link.nav-link:focus span, .nav-tabs-ss li.nav-item .nav-link.nav-link:active span { border-color: #0069E0; } .nav-tabs-ss li.nav-item .nav-link span { padding: 0.844rem 0; display: inline-block; border-top: 2px solid #d9dfe7; } /* -------------------------------- Side Pannel Adv Chem Filters CSS code -------------------------------- */ .advance-filters-pannel-ss { width: 60% !important; } @media (max-width: 942px) { .advance-filters-pannel-ss { width: 100% !important; } .advance-filters-pannel-ss .offcanvas-footer { padding: 0.75rem !important; } .advance-filters-pannel-ss .offcanvas-footer > div { display: flex !important; flex-wrap: wrap; justify-content: center; } .advance-filters-pannel-ss .offcanvas-footer > div button { width: 45% !important; margin: 0 5px 10px 5px !important; } } .advance-filters-pannel-ss .offcanvas-body { padding: 0 !important; } .advance-filters-pannel-ss .offcanvas-body .lt-block { background-color: #f8f9fc; } .advance-filters-pannel-ss .offcanvas-body .lt-block h6 { background-color: #f8f9fc; } .advance-filters-pannel-ss .offcanvas-body .lt-block .flt-list .form-check .form-check-input { border: 2px solid #3167de !important; } .advance-filters-pannel-ss .offcanvas-body .lt-block .flt-list .form-check label { font-weight: 400; color: #27313f; } .advance-filters-pannel-ss .offcanvas-body .rt-block .chem-ss-filter-block-inner .multiselect-container .multiselect-option .form-check-label, .advance-filters-pannel-ss .offcanvas-body .rt-block .chem-ss-filter-block-inner .multiselect-container .multiselect-all .form-check-label { white-space: normal; } .advance-filters-pannel-ss .offcanvas-footer { background-color: #ddebff; padding: 1.75rem; } .offcanvas .offcanvas-body { padding-top: 0 !important; } .offcanvas .offcanvas-body h6.sticky-top { background: #fff !important; } /* -------------------------------- Tables Custmizations CSS code -------------------------------- */ table.dataTable thead > tr > th.sorting:before, #user_info_div table.table thead > tr > th.sorting:before, #space_info_div table.table thead > tr > th.sorting:before, #location_type_div table.table thead > tr > th.sorting:before, #training_div #records_table_wrapper table.table thead > tr > th.sorting:before, #groups_info_div table.table thead > tr > th.sorting:before, #asset_info_div table.table thead > tr > th.sorting:before, #org_info_div table.table thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, #user_info_div table.table thead > tr > th.sorting_asc:before, #space_info_div table.table thead > tr > th.sorting_asc:before, #location_type_div table.table thead > tr > th.sorting_asc:before, #training_div #records_table_wrapper table.table thead > tr > th.sorting_asc:before, #groups_info_div table.table thead > tr > th.sorting_asc:before, #asset_info_div table.table thead > tr > th.sorting_asc:before, #org_info_div table.table thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, #user_info_div table.table thead > tr > th.sorting_desc:before, #space_info_div table.table thead > tr > th.sorting_desc:before, #location_type_div table.table thead > tr > th.sorting_desc:before, #training_div #records_table_wrapper table.table thead > tr > th.sorting_desc:before, #groups_info_div table.table thead > tr > th.sorting_desc:before, #asset_info_div table.table thead > tr > th.sorting_desc:before, #org_info_div table.table thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, #user_info_div table.table thead > tr > th.sorting_asc_disabled:before, #space_info_div table.table thead > tr > th.sorting_asc_disabled:before, #location_type_div table.table thead > tr > th.sorting_asc_disabled:before, #training_div #records_table_wrapper table.table thead > tr > th.sorting_asc_disabled:before, #groups_info_div table.table thead > tr > th.sorting_asc_disabled:before, #asset_info_div table.table thead > tr > th.sorting_asc_disabled:before, #org_info_div table.table thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, #user_info_div table.table thead > tr > th.sorting_desc_disabled:before, #space_info_div table.table thead > tr > th.sorting_desc_disabled:before, #location_type_div table.table thead > tr > th.sorting_desc_disabled:before, #training_div #records_table_wrapper table.table thead > tr > th.sorting_desc_disabled:before, #groups_info_div table.table thead > tr > th.sorting_desc_disabled:before, #asset_info_div table.table thead > tr > th.sorting_desc_disabled:before, #org_info_div table.table thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, #user_info_div table.table thead > tr > td.sorting:before, #space_info_div table.table thead > tr > td.sorting:before, #location_type_div table.table thead > tr > td.sorting:before, #training_div #records_table_wrapper table.table thead > tr > td.sorting:before, #groups_info_div table.table thead > tr > td.sorting:before, #asset_info_div table.table thead > tr > td.sorting:before, #org_info_div table.table thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, #user_info_div table.table thead > tr > td.sorting_asc:before, #space_info_div table.table thead > tr > td.sorting_asc:before, #location_type_div table.table thead > tr > td.sorting_asc:before, #training_div #records_table_wrapper table.table thead > tr > td.sorting_asc:before, #groups_info_div table.table thead > tr > td.sorting_asc:before, #asset_info_div table.table thead > tr > td.sorting_asc:before, #org_info_div table.table thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, #user_info_div table.table thead > tr > td.sorting_desc:before, #space_info_div table.table thead > tr > td.sorting_desc:before, #location_type_div table.table thead > tr > td.sorting_desc:before, #training_div #records_table_wrapper table.table thead > tr > td.sorting_desc:before, #groups_info_div table.table thead > tr > td.sorting_desc:before, #asset_info_div table.table thead > tr > td.sorting_desc:before, #org_info_div table.table thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, #user_info_div table.table thead > tr > td.sorting_asc_disabled:before, #space_info_div table.table thead > tr > td.sorting_asc_disabled:before, #location_type_div table.table thead > tr > td.sorting_asc_disabled:before, #training_div #records_table_wrapper table.table thead > tr > td.sorting_asc_disabled:before, #groups_info_div table.table thead > tr > td.sorting_asc_disabled:before, #asset_info_div table.table thead > tr > td.sorting_asc_disabled:before, #org_info_div table.table thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before, #user_info_div table.table thead > tr > td.sorting_desc_disabled:before, #space_info_div table.table thead > tr > td.sorting_desc_disabled:before, #location_type_div table.table thead > tr > td.sorting_desc_disabled:before, #training_div #records_table_wrapper table.table thead > tr > td.sorting_desc_disabled:before, #groups_info_div table.table thead > tr > td.sorting_desc_disabled:before, #asset_info_div table.table thead > tr > td.sorting_desc_disabled:before, #org_info_div table.table thead > tr > td.sorting_desc_disabled:before { display: none !important; } html body table.dataTable thead, html body #user_info_div table.table thead, #user_info_div html body table.table thead, html body #space_info_div table.table thead, #space_info_div html body table.table thead, html body #location_type_div table.table thead, #location_type_div html body table.table thead, html body #training_div #records_table_wrapper table.table thead, #training_div #records_table_wrapper html body table.table thead, html body #groups_info_div table.table thead, #groups_info_div html body table.table thead, html body #asset_info_div table.table thead, #asset_info_div html body table.table thead, html body #org_info_div table.table thead, #org_info_div html body table.table thead { background-color: #f1f3f9; } html body table.dataTable tbody tr th, html body #user_info_div table.table tbody tr th, #user_info_div html body table.table tbody tr th, html body #space_info_div table.table tbody tr th, #space_info_div html body table.table tbody tr th, html body #location_type_div table.table tbody tr th, #location_type_div html body table.table tbody tr th, html body #training_div #records_table_wrapper table.table tbody tr th, #training_div #records_table_wrapper html body table.table tbody tr th, html body #groups_info_div table.table tbody tr th, #groups_info_div html body table.table tbody tr th, html body #asset_info_div table.table tbody tr th, #asset_info_div html body table.table tbody tr th, html body #org_info_div table.table tbody tr th, #org_info_div html body table.table tbody tr th { vertical-align: middle; border: none !important; } html body table.dataTable tbody tr th.dtr-control:before, html body #user_info_div table.table tbody tr th.dtr-control:before, #user_info_div html body table.table tbody tr th.dtr-control:before, html body #space_info_div table.table tbody tr th.dtr-control:before, #space_info_div html body table.table tbody tr th.dtr-control:before, html body #location_type_div table.table tbody tr th.dtr-control:before, #location_type_div html body table.table tbody tr th.dtr-control:before, html body #training_div #records_table_wrapper table.table tbody tr th.dtr-control:before, #training_div #records_table_wrapper html body table.table tbody tr th.dtr-control:before, html body #groups_info_div table.table tbody tr th.dtr-control:before, #groups_info_div html body table.table tbody tr th.dtr-control:before, html body #asset_info_div table.table tbody tr th.dtr-control:before, #asset_info_div html body table.table tbody tr th.dtr-control:before, html body #org_info_div table.table tbody tr th.dtr-control:before, #org_info_div html body table.table tbody tr th.dtr-control:before { color: #0069E0 !important; } html body table.dataTable tbody tr td, html body #user_info_div table.table tbody tr td, #user_info_div html body table.table tbody tr td, html body #space_info_div table.table tbody tr td, #space_info_div html body table.table tbody tr td, html body #location_type_div table.table tbody tr td, #location_type_div html body table.table tbody tr td, html body #training_div #records_table_wrapper table.table tbody tr td, #training_div #records_table_wrapper html body table.table tbody tr td, html body #groups_info_div table.table tbody tr td, #groups_info_div html body table.table tbody tr td, html body #asset_info_div table.table tbody tr td, #asset_info_div html body table.table tbody tr td, html body #org_info_div table.table tbody tr td, #org_info_div html body table.table tbody tr td { border: none !important; } html body table.dataTable tbody tr td .additional_actions.dropdown a.dropdown-toggle, html body #user_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, #user_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, html body #space_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, #space_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, html body #location_type_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, #location_type_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, html body #training_div #records_table_wrapper table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, #training_div #records_table_wrapper html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, html body #groups_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, #groups_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, html body #asset_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, #asset_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, html body #org_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle, #org_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle { padding: 8px 14px; } html body table.dataTable tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, html body #user_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, #user_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, html body #space_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, #space_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, html body #location_type_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, #location_type_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, html body #training_div #records_table_wrapper table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, #training_div #records_table_wrapper html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, html body #groups_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, #groups_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, html body #asset_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, #asset_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, html body #org_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, #org_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show, html body table.dataTable tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, html body #user_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, #user_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, html body #space_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, #space_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, html body #location_type_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, #location_type_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, html body #training_div #records_table_wrapper table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, #training_div #records_table_wrapper html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, html body #groups_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, #groups_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, html body #asset_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, #asset_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, html body #org_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover, #org_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover { background-color: #e0efff; border-radius: 9px; } html body table.dataTable tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, html body #user_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, #user_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, html body #space_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, #space_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, html body #location_type_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, #location_type_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, html body #training_div #records_table_wrapper table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, #training_div #records_table_wrapper html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, html body #groups_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, #groups_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, html body #asset_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, #asset_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, html body #org_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, #org_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle.show img, html body table.dataTable tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, html body #user_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, #user_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, html body #space_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, #space_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, html body #location_type_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, #location_type_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, html body #training_div #records_table_wrapper table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, #training_div #records_table_wrapper html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, html body #groups_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, #groups_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, html body #asset_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, #asset_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, html body #org_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img, #org_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:hover img { filter: brightness(72%); } html body table.dataTable tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, html body #user_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, #user_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, html body #space_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, #space_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, html body #location_type_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, #location_type_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, html body #training_div #records_table_wrapper table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, #training_div #records_table_wrapper html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, html body #groups_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, #groups_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, html body #asset_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, #asset_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, html body #org_info_div table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after, #org_info_div html body table.table tbody tr td .additional_actions.dropdown a.dropdown-toggle:after { display: none; } html body table.dataTable tbody tr:nth-child(2n), html body #user_info_div table.table tbody tr:nth-child(2n), #user_info_div html body table.table tbody tr:nth-child(2n), html body #space_info_div table.table tbody tr:nth-child(2n), #space_info_div html body table.table tbody tr:nth-child(2n), html body #location_type_div table.table tbody tr:nth-child(2n), #location_type_div html body table.table tbody tr:nth-child(2n), html body #training_div #records_table_wrapper table.table tbody tr:nth-child(2n), #training_div #records_table_wrapper html body table.table tbody tr:nth-child(2n), html body #groups_info_div table.table tbody tr:nth-child(2n), #groups_info_div html body table.table tbody tr:nth-child(2n), html body #asset_info_div table.table tbody tr:nth-child(2n), #asset_info_div html body table.table tbody tr:nth-child(2n), html body #org_info_div table.table tbody tr:nth-child(2n), #org_info_div html body table.table tbody tr:nth-child(2n) { background-color: #fafbfe; } html body table.dataTable tbody tr:hover > *, html body #user_info_div table.table tbody tr:hover > *, #user_info_div html body table.table tbody tr:hover > *, html body #space_info_div table.table tbody tr:hover > *, #space_info_div html body table.table tbody tr:hover > *, html body #location_type_div table.table tbody tr:hover > *, #location_type_div html body table.table tbody tr:hover > *, html body #training_div #records_table_wrapper table.table tbody tr:hover > *, #training_div #records_table_wrapper html body table.table tbody tr:hover > *, html body #groups_info_div table.table tbody tr:hover > *, #groups_info_div html body table.table tbody tr:hover > *, html body #asset_info_div table.table tbody tr:hover > *, #asset_info_div html body table.table tbody tr:hover > *, html body #org_info_div table.table tbody tr:hover > *, #org_info_div html body table.table tbody tr:hover > * { box-shadow: inset 0 0 0 9999px #fafbfe !important; } html body table.dataTable tfoot, html body #user_info_div table.table tfoot, #user_info_div html body table.table tfoot, html body #space_info_div table.table tfoot, #space_info_div html body table.table tfoot, html body #location_type_div table.table tfoot, #location_type_div html body table.table tfoot, html body #training_div #records_table_wrapper table.table tfoot, #training_div #records_table_wrapper html body table.table tfoot, html body #groups_info_div table.table tfoot, #groups_info_div html body table.table tfoot, html body #asset_info_div table.table tfoot, #asset_info_div html body table.table tfoot, html body #org_info_div table.table tfoot, #org_info_div html body table.table tfoot { background-color: #f1f3f9; } .pagination.bootpag { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination.bootpag > li { display: inline; } .pagination.bootpag > li > a, .pagination.bootpag > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination.bootpag > li:first-child > a, .pagination.bootpag > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination.bootpag > li:last-child > a, .pagination.bootpag > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination.bootpag > li > a:focus, .pagination.bootpag > li > a:hover, .pagination.bootpag > li > span:focus, .pagination.bootpag > li > span:hover { color: #23527c; background-color: #eee; border-color: #ddd; } .pagination.bootpag > li.active > a, .pagination.bootpag > li.active > a:focus, .pagination.bootpag > li.active > a:hover, .pagination.bootpag > li.active > span, .pagination.bootpag > li.active > span:focus, .pagination.bootpag > li.active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination.bootpag > li.disabled > a, .pagination.bootpag > li.disabled > a:focus, .pagination.bootpag > li.disabled > a:hover, .pagination.bootpag > li.disabled > span, .pagination.bootpag > li.disabled > span:focus, .pagination.bootpag > li.disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination.bootpag-lg > li > a, .pagination.bootpag-lg > li > span { padding: 10px 16px; font-size: 1.2857142857rem; } .pagination.bootpag-lg > li:first-child > a, .pagination.bootpag-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination.bootpag-lg > li:last-child > a, .pagination.bootpag-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination.bootpag-sm > li > a, .pagination.bootpag-sm > li > span { padding: 5px 10px; font-size: 0.8571428571rem; } .pagination.bootpag-sm > li:first-child > a, .pagination.bootpag-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination.bootpag-sm > li:last-child > a, .pagination.bootpag-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* -------------------------------- Daig box related Overwride CSS -------------------------------- */ .close-diag-icn { position: absolute; z-index: 2; background: #0069E0; padding: 5px; top: -9px; border-radius: 19px; font-size: 0.8571428571rem; color: #fff; border: 1px solid #0069E0; font-weight: bold; right: -5px; } .bs-multiselect, .chem-ss-filter-block .chem-ss-filter-block-inner .multiselect-native-select .btn-group .multiselect, .multiselect.dropdown-toggle { text-align: left !important; height: 36px !important; border-radius: 8px; border: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat: no-repeat; background-position: right 10px center; background-size: 12px 13px; } .chem-ss-filter-block { background-color: #f2f4f7; border: none; margin: 10px 0; border-radius: 7px; padding: 20px; position: relative; } .chem-ss-filter-block.sel-filter-applied { background-color: #e0efff; border-color: #e0efff; } .chem-ss-filter-block .query_builder_entry_delete { font-size: 1.2142857143rem; } .chem-ss-filter-block .query_builder_entry_delete:after { display: none; } .chem-ss-filter-block .query_builder_clear_menu { position: absolute; background: white; text-align: center; border: 1px solid #e2d8f0; border-radius: 0.5rem; z-index: 9; } .chem-ss-filter-block .chem-ss-filter-block-inner > label { color: #374558; font-size: 0.8571428571rem; padding: 0 0 15px 0; letter-spacing: 0.5px; } .chem-ss-filter-block .chem-ss-filter-block-inner .input-group .form-select, .chem-ss-filter-block .chem-ss-filter-block-inner .permit-field-ss .field_group .ss-cofe-btn-group .form-select, .permit-field-ss .field_group .chem-ss-filter-block .chem-ss-filter-block-inner .ss-cofe-btn-group .form-select { width: 30%; background-color: #d9dfe7; color: #3f4f64; font-size: 0.9285714286rem; line-height: normal; } .chem-ss-filter-block .chem-ss-filter-block-inner .input-group .form-control, .chem-ss-filter-block .chem-ss-filter-block-inner .permit-field-ss .field_group .ss-cofe-btn-group .form-control, .permit-field-ss .field_group .chem-ss-filter-block .chem-ss-filter-block-inner .ss-cofe-btn-group .form-control { width: 60%; border: none !important; border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; height: 35px; } .chem-ss-filter-block .chem-ss-filter-block-inner .input-group .input-group-text, .chem-ss-filter-block .chem-ss-filter-block-inner .permit-field-ss .field_group .ss-cofe-btn-group .input-group-text, .permit-field-ss .field_group .chem-ss-filter-block .chem-ss-filter-block-inner .ss-cofe-btn-group .input-group-text { background-color: #d9dfe7; border: none; font-size: 0.8571428571rem; } .chem-ss-filter-block .chem-ss-filter-block-inner .add-filter { cursor: pointer; padding: 9px 5px 0px 12px; font-size: 1.7142857143rem; } @media (max-width: 767.98px) { .chem-ss-filter-block .chem-ss-filter-block-inner .add-filter { display: inline-block; } } .chem-ss-filter-block .chem-ss-filter-block-inner .multiselect-native-select { width: 100%; display: inline-block; } .chem-ss-filter-block .chem-ss-filter-block-inner .multiselect-native-select .btn-group { width: 100%; } .chem-ss-filter-block .chem-ss-filter-block-inner .multiselect-native-select .btn-group button.multiselect.dropdown-toggle.query_builder_multiselect_btn span.multiselect-selected-text { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .chem-ss-filter-block .chem-ss-filter-block-inner .multiselect-native-select .multiselect-container { width: 100%; } .chem-ss-filter-block .chem-ss-filter-block-inner .repeat-field { position: relative; } .chem-ss-filter-block .chem-ss-filter-block-inner .repeat-field button.bi-x-circle-fill { position: absolute; top: 0; right: 0; font-size: 1.0714285714rem; color: #0069E0; } .chem-ss-filter-block .chem-ss-filter-block-inner .repeat-field a.bi-x-circle-fill { position: absolute; top: 0; right: 6px; font-size: 1.0714285714rem; color: #0069E0; } @media (max-width: 767.98px) { .chem-ss-filter-block .chem-ss-filter-block-inner .input-group, .chem-ss-filter-block .chem-ss-filter-block-inner .permit-field-ss .field_group .ss-cofe-btn-group, .permit-field-ss .field_group .chem-ss-filter-block .chem-ss-filter-block-inner .ss-cofe-btn-group { display: inline-block !important; } .chem-ss-filter-block .chem-ss-filter-block-inner .input-group select, .chem-ss-filter-block .chem-ss-filter-block-inner .permit-field-ss .field_group .ss-cofe-btn-group select, .permit-field-ss .field_group .chem-ss-filter-block .chem-ss-filter-block-inner .ss-cofe-btn-group select { width: 100% !important; border-radius: 7px !important; margin-bottom: 5px; } .chem-ss-filter-block .chem-ss-filter-block-inner .input-group input.form-control, .chem-ss-filter-block .chem-ss-filter-block-inner .permit-field-ss .field_group .ss-cofe-btn-group input.form-control, .permit-field-ss .field_group .chem-ss-filter-block .chem-ss-filter-block-inner .ss-cofe-btn-group input.form-control { width: calc(100% - 38px) !important; float: left; } .chem-ss-filter-block .chem-ss-filter-block-inner .input-group span.input-group-text, .chem-ss-filter-block .chem-ss-filter-block-inner .permit-field-ss .field_group .ss-cofe-btn-group span.input-group-text, .permit-field-ss .field_group .chem-ss-filter-block .chem-ss-filter-block-inner .ss-cofe-btn-group span.input-group-text { float: left; width: 38px; height: 35px; } .chem-ss-filter-block .chem-ss-filter-block-inner select + input.form-control, .chem-ss-filter-block .chem-ss-filter-block-inner select + label + input.form-control { border-radius: 7px !important; } } .def_chemInv_table_view { padding: 102px 0; text-align: center; border: 2px dashed #d9dfe7; border-radius: 13px; background: #f2f4f7; } .advance-filters-pannel-ss + .datatable_query_builder { display: none !important; } .chem-search-cntrl { position: relative; } .chem-search-cntrl .input-group input.form-control, .chem-search-cntrl .permit-field-ss .field_group .ss-cofe-btn-group input.form-control, .permit-field-ss .field_group .chem-search-cntrl .ss-cofe-btn-group input.form-control { background-color: #f2f4f7; border: none; padding: 9px 12px !important; } .chem-search-cntrl .input-group button img, .chem-search-cntrl .permit-field-ss .field_group .ss-cofe-btn-group button img, .permit-field-ss .field_group .chem-search-cntrl .ss-cofe-btn-group button img { width: 16px; height: 20px; } .chem-search-cntrl .select2-container--default .select2-selection--single { height: 48px; border-radius: 35px !important; background-color: #f2f4f7; border-color: #f2f4f7 !important; } .chem-search-cntrl .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px !important; padding: 0 100px 0 42px !important; background: url(../application_images/ss_theme/search_icn.svg) no-repeat 15px 16px !important; } .chem-search-cntrl .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { color: #758BA9 !important; } .chem-search-cntrl .select2-container--default .loading-results { text-align: center; } .chem-search-cntrl .search-btn { padding: 9px 12px !important; border-radius: 40px !important; margin: 10px 10px 10px 0; } .chem-search-cntrl .search-floating-controls { position: absolute; display: flex; right: 0; top: 0; margin: 0 6px 0 0; } .chem-search-cntrl .search-floating-controls .btnClearSelect2 { padding: 14px 20px 14px 15px; position: relative; } .chem-search-cntrl .search-floating-controls .btnClearSelect2:before { background: #d9dfe7; height: 19px; width: 2px; position: absolute; content: ""; right: 0; } .chem-search-cntrl .search-floating-controls .ss-saved-queries a.fav-saved-btn, .chem-search-cntrl .search-floating-controls .ss-saved-queries button.fav-saved-btn { display: inline-block; border-radius: 30px; margin: 6px 11px; height: 36px; width: 36px; text-align: center; line-height: 36px; text-indent: 1px; } .chem-search-cntrl .search-floating-controls .ss-saved-queries a.fav-saved-btn.show, .chem-search-cntrl .search-floating-controls .ss-saved-queries button.fav-saved-btn.show { background: #fff; } .chem-search-cntrl .search-floating-controls .ss-saved-queries a.fav-saved-btn:hover, .chem-search-cntrl .search-floating-controls .ss-saved-queries button.fav-saved-btn:hover { background: #fff; } .chem-search-cntrl .search-floating-controls .ss-saved-queries a.fav-saved-btn img, .chem-search-cntrl .search-floating-controls .ss-saved-queries button.fav-saved-btn img { width: 18px; } .chem-search-cntrl .search-floating-controls .ss-saved-queries a.fav-saved-btn:after, .chem-search-cntrl .search-floating-controls .ss-saved-queries button.fav-saved-btn:after { display: none; } @media (max-width: 767.98px) { .chem-search-cntrl + div { margin-bottom: 16px; position: absolute; top: 10px; right: 9px; margin: 0; width: auto; } } .btn-ss-showAdv-filters { margin: 0; background: #f2f4f7; border-radius: 50px !important; height: 46px; width: 46px; padding: 0; } .btn-ss-showAdv-filters i { margin: 0 !important; position: relative; top: 2px !important; font-size: 1.5714285714rem; color: #0069E0; } .btn-ss-showAdv-filters:hover, .btn-ss-showAdv-filters:active { background: #c7e1ff !important; border: 1px solid #c7e1ff !important; } .btn-ss-showAdv-filters:hover img, .btn-ss-showAdv-filters:active img { filter: brightness(72%); } @media (max-width: 767.98px) { .btn-ss-showAdv-filters { height: 40px; width: 40px; } } .btn-ss-showAdv-filters:disabled { border: none; background: #f2f4f7; } .btn-ss-showAdv-filters:disabled svg.ss_icn_svg g path { fill: #0069E0; opacity: 0.9; cursor: not-allowed; } .additional-items { background-color: #f2f4f7 !important; border: none; box-shadow: 0px 6px 18px -11px #0000008f; border-radius: 12px; } .additional-items li .dt-icon-container { display: block !important; text-align: left; width: 100%; margin: 0; padding: 7px 10px; } .additional-items li .dt-icon-container:hover { background-color: #e0efff; } .additional-items li .dt-icon-container i { display: inline-block; padding-right: 10px; padding-left: 5px; color: #0069E0 !important; font-size: 1rem; } .additional-items li .dt-icon-container img { width: 13px; margin-right: 5px; } .additional-items li .dt-icon-container span { color: #000; display: inline-block !important; } /* ------------------------------------------------------------------------------------------------- Tables Custmizations CSS code ---------------------------------------------------------------------------------------------------- */ .dataTables_wrapper div.dataTables_processing { background-color: transparent !important; border: none !important; position: absolute !important; top: 10% !important; background-image: none; } div.dataTables_processing[style*="display"]:not([style*="display: none"]) + table:before { visibility: visible; display: table-caption; content: " "; width: 100%; height: 600px; background-image: linear-gradient(#ebebeb 1px, transparent 0), linear-gradient(90deg, #ebebeb 1px, transparent 0), linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 30%), linear-gradient(#f0f0f2 35px, transparent 0); position: absolute; top: 0; height: 100%; z-index: 4; background-color: #fff; background-repeat: repeat; background-size: 1px 35px, calc(100% * 0.1666666666) 1px, 30% 100%, 2px 70px; background-position: 0 0, 0 0, 0 0, 0 0; animation: shine 0.5s infinite; } @keyframes shine { to { background-position: 0 0, 0 0, 40% 0, 0 0; } } .inf-ss-card { border-radius: 12px; background-color: #e0efff; padding: 18px; } .inf-ss-card span { display: block; font-size: 1rem; color: #4F637D; font-weight: 500; padding-bottom: 6px; } .inf-ss-card em { font-style: normal; font-size: 1.3571428571rem; color: #3F4F64; font-weight: 400; } .ss-dropdown-menu { background-color: #f2f4f7 !important; border: none; box-shadow: 0px 6px 18px -11px #0000008f; border-radius: 12px; } .ss-dropdown-menu li a { display: block !important; text-align: left; width: 100%; margin: 0; padding: 7px 10px; text-decoration: none; border-bottom: none !important; } .ss-dropdown-menu li a.active, .ss-dropdown-menu li a:hover { background-color: #e0efff; color: #0069E0; } .ss-saved-queries .dropdown-menu { background: #f2f4f7; } .ss-saved-queries .dropdown-tabs { padding: 10px 10px 10px 10px !important; border: none; } .ss-saved-queries .dropdown-tabs ul.nav-tabs { background: transparent !important; border: none; } .ss-saved-queries .dropdown-tabs ul.nav-tabs li.nav-item { margin-bottom: 12px; margin-left: 12px; } .ss-saved-queries .dropdown-tabs ul.nav-tabs li.nav-item button { background: transparent !important; border: none; border-bottom: 2px solid #d9dfe7; font-weight: 600; font-size: 0.9285714286rem; color: #374558; } .ss-saved-queries .dropdown-tabs ul.nav-tabs li.nav-item button.active { border-color: #0069E0; } .ss-saved-queries .dropdown-tabs .tab-content .tab-pane .list-group .list-group-item { position: relative; border: none; margin-bottom: 2px; border-radius: 9px; padding-right: 24px; } .ss-saved-queries .dropdown-tabs .tab-content .tab-pane .list-group .list-group-item span { color: #0069E0; font-size: 0.9285714286rem; font-weight: 600; } .ss-saved-queries .dropdown-tabs .tab-content .tab-pane .list-group .list-group-item em { color: #758BA9; font-size: 0.9285714286rem; font-weight: 600; font-style: normal; } .ss-saved-queries .dropdown-tabs .tab-content .tab-pane .list-group .list-group-item:hover { background-color: #e0efff; } .ss-saved-queries .dropdown-tabs .tab-content .tab-pane .list-group a.delete-filter { position: absolute; right: 8px; color: #dc3545; top: 10px; z-index: 1; opacity: 0; visibility: hidden; transition: transform 0.3s ease, opacity 0.3s ease; transform: scale(0.2); } .ss-saved-queries .dropdown-tabs .tab-content .tab-pane .list-group .list-block { position: relative; } .ss-saved-queries .dropdown-tabs .tab-content .tab-pane .list-group .list-block:hover a.delete-filter { opacity: 1; visibility: visible; transform: scale(1); } .chem_inv_bulk_actions-floating-box { border-top: 1px solid #d9dfe7; border-bottom: 1px solid #d9dfe7; background-color: #f2f4f7; padding: 22px; text-align: center; z-index: 4; width: calc(100% - 230px); margin-left: 230px; margin-bottom: 0 !important; } .chem_inv_bulk_actions-floating-box .btn { padding: 7px 18px; margin-bottom: 5px; } .chem_inv_bulk_actions-floating-box .btn img { margin-right: 6px; position: relative; top: -2px; } @media (max-width: 768px) { .chem_inv_bulk_actions-floating-box { width: 100%; margin-left: 0; } } .hide-sidedrawer .chem_inv_bulk_actions-floating-box { width: 100%; margin-left: 0; } .catlog-ss-search-section .modal-body { padding: 0; } .catlog-ss-search-section .modal-content { background: #f2f4f7; } .catlog-ss-search-section .modal-header { border: none; } .catlog-ss-search-section .cat-search-block { padding: 18px; } .catlog-ss-search-section .cat-search-block .cat-search-block-bottom { padding: 15px 12px 0 15px; } .catlog-ss-search-section .cat-search-block .cat-search-block-bottom .form-check { float: left; } .catlog-ss-search-section .cat-search-block .cat-search-block-bottom p { float: left; width: 50%; margin: 0 0 0 15px; font-style: normal; font-weight: 400; font-size: 1rem; letter-spacing: 0.25px; color: #758BA9; line-height: 15px; } .catlog-ss-search-section .cat-search-block .srch-btn i.bi { margin-right: 0; position: relative; top: 0px !important; } .catlog-ss-search-section .cat-search-block .select2-container--default { width: calc(100% - 200px) !important; } .catlog-ss-search-section .cat-search-block .select2-container--default .select2-selection--single { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .catlog-ss-search-section .cat-search-block .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 50px 0 42px !important; } .catlog-ss-search-section .cat-search-block .btnClearSelect2 { width: 28px; height: 24px; } .catlog-ss-search-section .cat-search-block .ss-search-btns { position: absolute; right: 79px; top: 4px; } .catlog-ss-search-section .cat-search-block .ss-search-btns .btn-select2-search { width: 40px; height: 40px; border-radius: 50px; transition: all 0.3s ease; } .catlog-ss-search-section .cat-search-block .ss-search-btns .btn-select2-search:hover, .catlog-ss-search-section .cat-search-block .ss-search-btns .btn-select2-search.active { background-color: #0069E0; } .catlog-ss-search-section .cat-search-block .ss-search-btns .btn-select2-search:hover img, .catlog-ss-search-section .cat-search-block .ss-search-btns .btn-select2-search.active img { filter: brightness(100); } .catlog-ss-search-section .cat-search-block .ss-search-btns .btn-select2-search:disabled { opacity: 0.3; cursor: default !important; } @media (max-width: 767.98px) { .catlog-ss-search-section .cat-search-block { padding: 10px 2px; } .catlog-ss-search-section .cat-search-block .chem-search-cntrl .input-group, .catlog-ss-search-section .cat-search-block .chem-search-cntrl .permit-field-ss .field_group .ss-cofe-btn-group, .permit-field-ss .field_group .catlog-ss-search-section .cat-search-block .chem-search-cntrl .ss-cofe-btn-group { flex-direction: column !important; } .catlog-ss-search-section .cat-search-block .chem-search-cntrl .input-group .dropdown-select-type, .catlog-ss-search-section .cat-search-block .chem-search-cntrl .permit-field-ss .field_group .ss-cofe-btn-group .dropdown-select-type, .permit-field-ss .field_group .catlog-ss-search-section .cat-search-block .chem-search-cntrl .ss-cofe-btn-group .dropdown-select-type { order: 1; width: 130px !important; } .catlog-ss-search-section .cat-search-block .chem-search-cntrl .input-group .dropdown-select-type button.btn, .catlog-ss-search-section .cat-search-block .chem-search-cntrl .permit-field-ss .field_group .ss-cofe-btn-group .dropdown-select-type button.btn, .permit-field-ss .field_group .catlog-ss-search-section .cat-search-block .chem-search-cntrl .ss-cofe-btn-group .dropdown-select-type button.btn { border-radius: 40px !important; } .catlog-ss-search-section .cat-search-block .chem-search-cntrl .input-group .btn-ss-showAdv-filters, .catlog-ss-search-section .cat-search-block .chem-search-cntrl .permit-field-ss .field_group .ss-cofe-btn-group .btn-ss-showAdv-filters, .permit-field-ss .field_group .catlog-ss-search-section .cat-search-block .chem-search-cntrl .ss-cofe-btn-group .btn-ss-showAdv-filters { order: 2; position: absolute; top: 0px; z-index: 6; right: 1px; } .catlog-ss-search-section .cat-search-block .chem-search-cntrl .input-group .btnClearSelect2, .catlog-ss-search-section .cat-search-block .chem-search-cntrl .permit-field-ss .field_group .ss-cofe-btn-group .btnClearSelect2, .permit-field-ss .field_group .catlog-ss-search-section .cat-search-block .chem-search-cntrl .ss-cofe-btn-group .btnClearSelect2 { position: absolute; top: 63px !important; z-index: 1; right: 14px !important; } .catlog-ss-search-section .cat-search-block .chem-search-cntrl .input-group .select2-container, .catlog-ss-search-section .cat-search-block .chem-search-cntrl .permit-field-ss .field_group .ss-cofe-btn-group .select2-container, .permit-field-ss .field_group .catlog-ss-search-section .cat-search-block .chem-search-cntrl .ss-cofe-btn-group .select2-container { order: 3; width: 100% !important; margin-top: 16px; } .catlog-ss-search-section .cat-search-block .chem-search-cntrl .input-group .select2-container .select2-selection--single, .catlog-ss-search-section .cat-search-block .chem-search-cntrl .permit-field-ss .field_group .ss-cofe-btn-group .select2-container .select2-selection--single, .permit-field-ss .field_group .catlog-ss-search-section .cat-search-block .chem-search-cntrl .ss-cofe-btn-group .select2-container .select2-selection--single { border-radius: 35px !important; } } .catlog-ss-search-section .cat-search-block .select2-selection__arrow { display: none; } .catlog-ss-search-section .dt-buttons { padding: 0 !important; position: absolute; } @media (max-width: 767.98px) { .catlog-ss-search-section .dt-buttons { position: relative; width: auto; } } @media (max-width: 560.98px) { .catlog-ss-search-section .dt-buttons { display: flex; justify-content: center; } } .catlog-ss-search-section .dt-buttons .buttons-page-length { position: relative; top: -3px; z-index: 1; border: 1px solid #cbcbcb !important; padding: 4px 12px; border-radius: 33px; } .catlog-ss-search-section .dataTables_filter { position: relative; } .catlog-ss-search-section .dataTables_filter label input { border-radius: 18px; } @media (max-width: 767.98px) { .catlog-ss-search-section .dataTables_filter { float: right; } } @media (max-width: 560.98px) { .catlog-ss-search-section .dataTables_filter { float: none; padding: 5px 0 !important; clear: both; display: block; } } .dropdown-select-type .btn-ss-blue-light, .dropdown-select-type .btn-ss-toogle-t, .dropdown-select-type .rd-ss-lt-blue-btn, .dropdown-select-type .dt-exprt-btn span, .dt-exprt-btn .dropdown-select-type span, .dropdown-select-type .ss-export-exl .export_excel_btn span, .ss-export-exl .export_excel_btn .dropdown-select-type span, .dropdown-select-type .dt-buttons .buttons-excel span, .dt-buttons .buttons-excel .dropdown-select-type span, .dropdown-select-type .dt-buttons .buttons-csv span, .dt-buttons .buttons-csv .dropdown-select-type span, .dropdown-select-type .dt-exprt-pdf-btn span, .dt-exprt-pdf-btn .dropdown-select-type span, .dropdown-select-type .dt-buttons .buttons-pdf span, .dt-buttons .buttons-pdf .dropdown-select-type span, .dropdown-select-type .dropdown-cst-arrow .dropdown-toggle, .dropdown-cst-arrow .dropdown-select-type .dropdown-toggle { border: none; border-radius: 40px; border-top-right-radius: 0; border-bottom-right-radius: 0; color: #3f4f64 !important; font-size: 0.8571428571rem; height: 100%; } .dropdown-select-type .btn-ss-blue-light i, .dropdown-select-type .btn-ss-toogle-t i, .dropdown-select-type .rd-ss-lt-blue-btn i, .dropdown-select-type .dt-exprt-btn span i, .dt-exprt-btn .dropdown-select-type span i, .dropdown-select-type .ss-export-exl .export_excel_btn span i, .ss-export-exl .export_excel_btn .dropdown-select-type span i, .dropdown-select-type .dt-buttons .buttons-excel span i, .dt-buttons .buttons-excel .dropdown-select-type span i, .dropdown-select-type .dt-buttons .buttons-csv span i, .dt-buttons .buttons-csv .dropdown-select-type span i, .dropdown-select-type .dt-exprt-pdf-btn span i, .dt-exprt-pdf-btn .dropdown-select-type span i, .dropdown-select-type .dt-buttons .buttons-pdf span i, .dt-buttons .buttons-pdf .dropdown-select-type span i, .dropdown-select-type .dropdown-cst-arrow .dropdown-toggle i, .dropdown-cst-arrow .dropdown-select-type .dropdown-toggle i { margin-right: 8px; } .dropdown-select-type .btn-ss-blue-light span, .dropdown-select-type .btn-ss-toogle-t span, .dropdown-select-type .rd-ss-lt-blue-btn span, .dropdown-select-type .dt-exprt-btn span span, .dt-exprt-btn .dropdown-select-type span span, .dropdown-select-type .ss-export-exl .export_excel_btn span span, .ss-export-exl .export_excel_btn .dropdown-select-type span span, .dropdown-select-type .dt-buttons .buttons-excel span span, .dt-buttons .buttons-excel .dropdown-select-type span span, .dropdown-select-type .dt-buttons .buttons-csv span span, .dt-buttons .buttons-csv .dropdown-select-type span span, .dropdown-select-type .dt-exprt-pdf-btn span span, .dt-exprt-pdf-btn .dropdown-select-type span span, .dropdown-select-type .dt-buttons .buttons-pdf span span, .dt-buttons .buttons-pdf .dropdown-select-type span span, .dropdown-select-type .dropdown-cst-arrow .dropdown-toggle span, .dropdown-cst-arrow .dropdown-select-type .dropdown-toggle span { color: #0069E0; font-size: 1rem; font-weight: 400; } .dropdown-select-type ul.dropdown-menu { transform: none !important; inset: inherit !important; border-top-right-radius: 0; border-top-left-radius: 0; padding: 0; } .dropdown-select-type ul.dropdown-menu li a { padding: 10px 15px; } .dropdown-select-type ul.dropdown-menu li a i { margin-right: 10px; } .dropdown-select-type ul.dropdown-menu li a:hover { background-color: #e0efff !important; } .dropdown-select-type ul.dropdown-menu li:first-child { border-bottom: 1px solid #e1dddd; } .chemical_inventory_ss_body .select2-container--open .select2-dropdown, .cc_calendar_ss_body .select2-container--open .select2-dropdown { overflow: hidden; padding: 20px 8px 20px 0; border-color: #f2f4f7; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border-radius: 27px; background-color: #f2f4f7; margin-top: 10px; } .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-search--dropdown, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-search--dropdown { padding: 4px 26px 4px 20px; } .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-search__field, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-search__field { border-radius: 20px !important; outline: none; box-shadow: 0px -2px 4px #00000012; border: 2px solid #3167de7a; padding: 6px 12px; } .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options { max-height: 300px !important; padding: 0 5px 0 10px; } .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option { color: #3f4f64; margin: 3px 10px 0; border-radius: 9px; font-size: 1rem; font-weight: 400; text-transform: capitalize; padding: 9px 14px 7px; line-height: 17px; } .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected { background-color: #e0efff !important; color: #0069E0; } .chemical_inventory_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted, .cc_calendar_ss_body .select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted { background-color: #fff !important; } .cat-detail-view-pane { width: 500px !important; background-color: #e0efff; } .ss-model-ftr-lt-blue h4 { color: #3f4f64; } .ss-model-ftr-lt-blue .modal-footer { background-color: #e0efff !important; } .text-lable-block { padding-bottom: 14px; } .text-lable-block p { color: #758BA9; margin: 0; padding-bottom: 5px; font-size: 0.9285714286rem; font-weight: 600; } .text-lable-block h3 { font-style: normal; font-weight: 500; letter-spacing: 0.25px; text-transform: capitalize; color: #0069E0; margin: 0; } .cat-detail-view-pane .offcanvas-body { padding-top: 20px !important; } .cat-detail-view-pane .pane-ss-hazard-info { border-top: 1px solid #dee3ea; padding-top: 15px; } .cat-detail-view-pane .pane-ss-hazard-info h3 { font-style: normal; font-weight: 500; font-size: 1.2857142857rem; line-height: 23px; letter-spacing: -0.02em; color: #3f4f64; padding-bottom: 15px; } .cat-detail-view-pane .pane-ss-hazard-info .list-group-item { font-style: normal; font-weight: 700; font-size: 0.8571428571rem; line-height: 16px; letter-spacing: 0.02em; text-transform: capitalize; color: #000000; padding-bottom: 12px; } .cat-detail-view-pane .pane-ss-hazard-info .list-group-item label { padding-bottom: 12px; } .cat-detail-view-pane .pane-ss-hazard-info .list-group-item ul { list-style: none; margin: 0; padding: 0; } .cat-detail-view-pane .pane-ss-hazard-info .list-group-item ul li { font-style: normal; font-weight: 400; font-size: 1rem; line-height: 20px; color: #3f4f64; padding-bottom: 10px; display: inline-block; } .cat-detail-view-pane .pane-ss-hazard-info .list-group-item ul li img { margin-right: 12px; float: left; margin-bottom: 15px; } .cat-detail-view-pane .btn-block { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; padding: 30px; border-radius: 15px; background-color: #fff; text-align: center; margin-bottom: 15px; } .inventory-ss-add-edit-section .modal-body { padding: 0 !important; } .inventory-ss-add-edit-section .add-edit-inventory-section .add-edit-inventory-section-inner .inventory-section-default-form-controls { background-color: #f2f4f7; padding: 35px 0 80px 0; } .modal-footer-gray .modal-footer { background-color: #d9dfe7; } .steps-headings { padding: 6px 0 0 0; position: relative; } .steps-headings .stp-block h6, .steps-headings .stp-block .steps-h3 { font-style: normal; font-weight: 500; font-size: 1.2857142857rem; color: #3f4f64; position: relative; margin: 0; } .steps-headings .stp-block h6 span, .steps-headings .stp-block .steps-h3 span { background: #f2f4f7; z-index: 1; position: relative; padding-right: 10px; } .steps-headings .stp-block h6 span em, .steps-headings .stp-block .steps-h3 span em { padding: 0px; width: 27px; height: 27px; background: #d9dfe7; border-radius: 6px; font-weight: 600; font-size: 0.8571428571rem; letter-spacing: 0.05em; text-transform: uppercase; color: #374558; margin-right: 10px; display: inline-block; text-align: center; line-height: 26px; font-style: normal; } .steps-headings .stp-block h6 span em i, .steps-headings .stp-block .steps-h3 span em i { font-size: 1.7857142857rem; color: #fff !important; } .steps-headings .stp-block h6 span strong, .steps-headings .stp-block .steps-h3 span strong { font-weight: 500 !important; } .steps-headings .stp-block h6:after, .steps-headings .stp-block .steps-h3:after { content: ""; background-color: #b1becf; height: 1px; width: 100%; position: absolute; right: 0; top: 13px; z-index: 0; } .steps-headings .stp-block.pending em { background: #f59e0b !important; } .steps-headings .stp-block.complete em { background: #00A945 !important; } .steps-headings .stp-block small { color: #758BA9; font-size: 0.9285714286rem; font-weight: 500; line-height: 15px; letter-spacing: 0.02em; padding-left: 36px; display: block; } .steps-headings .accordion-button { position: absolute; right: 0; width: auto; top: 5px; background-color: #e0efff !important; border: none; border-radius: 9px !important; color: #0069E0; padding: 4px 13px 4px 32px; font-size: 0.9285714286rem; font-weight: 600; box-shadow: -19px 0 0 #fff; } .steps-headings .accordion-button:after { position: absolute; left: 10px; background-image: url(../application_images/ss_theme/down_arrow_icon.svg) !important; background-size: 15px auto !important; background-position: 1px 2px !important; background-repeat: no-repeat !important; } .steps-headings.steps-headings-states .stp-block h6 span { background: #fff; } .steps-headings.steps-headings-states .stp-block:nth-child(3) h6:after { display: none; } .steps-headings.steps-headings-states .stp-block.active h6 { color: #0069E0; } .steps-headings.steps-headings-states .stp-block.active h6 em { color: #fff; background-color: #0069E0; } .steps-headings-warning .stp-block h6 { color: #b45309; } .steps-headings-warning .stp-block h6 span { background-color: #fff; } .steps-headings-warning .stp-block h6 span em { background-color: #f59e0b; color: #fff; } .steps-headings-warning .stp-block h6:after { background-color: #f59e0b; } .steps-headings-warning .stp-block small { color: #b45309; } .steps-headings-standard .stp-block h6 span { background-color: #fff; } .chem-inv-mixed-item { background: #f2f4f7; border-radius: 9px; padding: 10px 20px; } .chem-inv-mixed-item p { color: #4F637D; font-size: 0.9285714286rem; padding: 0 0 5px 0; margin: 0; } .chem-inv-mixed-item h6 { font-style: normal; font-weight: 500; font-size: 1.1428571429rem; letter-spacing: 0.25px; text-transform: capitalize; color: #374558; padding-bottom: 0; margin-bottom: 0; } .chem-ss-inventory-detail-section .modal-content { background-color: #f2f4f7; } .chem-ss-inventory-detail .card, .ras-ss-detail .card { padding: 25px; border-radius: 17px; margin-bottom: 18px; border: none; } .chem-ss-inventory-detail .card h5, .ras-ss-detail .card h5 { font-style: normal; font-weight: 500; font-size: 1.2857142857rem; line-height: 27px; color: #3f4f64; padding-bottom: 15px; margin: 0; } .chem-ss-inventory-detail .card.ss-status-block, .ras-ss-detail .card.ss-status-block { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); } .chem-ss-inventory-detail .card.ss-status-block .text-lable-block, .ras-ss-detail .card.ss-status-block .text-lable-block { padding-bottom: 0; } .chem-ss-inventory-detail .card.ss-status-block .text-lable-block p, .ras-ss-detail .card.ss-status-block .text-lable-block p { color: #3f4f64; font-weight: 00; } .chem-ss-inventory-detail .card.ss-status-block .text-lable-block h6, .ras-ss-detail .card.ss-status-block .text-lable-block h6 { color: #3f4f64; margin: 0; font-size: 1.1428571429rem; font-weight: 500; } .chem-ss-inventory-detail .card.ss-history-block, .ras-ss-detail .card.ss-history-block { background-color: #d9dfe780; } .chem-ss-inventory-detail .card.ss-history-block .ss-history-inner-block .item-history, .ras-ss-detail .card.ss-history-block .ss-history-inner-block .item-history { margin-bottom: 15px; } .chem-ss-inventory-detail .card.ss-history-block .ss-history-inner-block .item-history em, .ras-ss-detail .card.ss-history-block .ss-history-inner-block .item-history em { font-style: normal; font-weight: 700; font-size: 0.8571428571rem; line-height: 16px; letter-spacing: 0.02em; text-transform: capitalize; color: #000000; } .chem-ss-inventory-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub, .ras-ss-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub { padding-left: 15px; border-left: 1px solid #d9dfe7; margin: 10px 0; } .chem-ss-inventory-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub > p, .ras-ss-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub > p { padding: 0; margin: 0; } .chem-ss-inventory-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub > p strong, .ras-ss-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub > p strong { background-color: #f2f4f7; padding: 6px 12px; font-size: 0.8571428571rem; border-radius: 3px; margin-right: 4px; } .chem-ss-inventory-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub > p a, .ras-ss-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub > p a { color: #0069E0; } .chem-ss-inventory-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub span, .ras-ss-detail .card.ss-history-block .ss-history-inner-block .item-history .item-history-sub span { font-style: normal; font-weight: 700; font-size: 0.8571428571rem; line-height: 16px; letter-spacing: 0.02em; text-transform: capitalize; color: #000000; display: block; padding: 12px 0; } .chem-ss-inventory-detail .card ul, .ras-ss-detail .card ul { list-style: none; margin: 0; padding: 0; } .chem-ss-inventory-detail .card ul li, .ras-ss-detail .card ul li { font-style: normal; font-weight: 400; font-size: 1rem; line-height: 20px; color: #3f4f64; padding-bottom: 10px; display: inline-block; } .chem-ss-inventory-detail .card ul li img, .ras-ss-detail .card ul li img { margin-right: 12px; float: left; margin-bottom: 15px; } .form-control.is-valid, .was-validated .form-control:valid, .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { background-image: none; } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; } .ss-attachment-file { position: relative; } .ss-attachment-file input[type=file] { width: 100% !important; height: 152px !important; position: absolute !important; top: -3px !important; cursor: pointer; border-radius: 16px; font-size: 0; text-indent: -999999px; } .ss-attachment-file .ss-attachment-btn { width: 100%; height: 150px; border-radius: 18px; border: 2px dashed #d9dfe7; background-color: #fafafa; color: #0069E0; font-weight: 600; letter-spacing: 0.5px; margin: 0; padding: 0; } .ss-attachment-file .ss-attachment-btn span { background-color: #add3ff; padding: 6px 14px; border-radius: 9px; font-size: 0.8571428571rem; } .ss-attachment-file .ss-attachment-btn span img, .ss-attachment-file .ss-attachment-btn span svg { width: 15px; position: relative; top: -2px; margin-right: 5px; transition: transform 0.3s ease; } .ss-attachment-file .ss-attachment-btn:disabled { color: #b7b7b7; border-color: #cecece; cursor: auto !important; } .ss-attachment-file .ss-attachment-btn:disabled span { background-color: #ccd1d7; color: #979292; } .ss-attachment-file .ss-attachment-btn:disabled span img.ss_icn_svg { opacity: 0.4; } .ss-attachment-file .ss-attachment-btn:hover img, .ss-attachment-file .ss-attachment-btn:hover svg { transform: rotate(-90deg); } .ss-switch-btn .switch_tool_section { box-shadow: none; border: none; margin: 0; } .ss-switch-btn .switch_tool_section .switch_tool_block { border: none; } .ss-switch-btn .switch_tool_section .switch_tool_block .btn-group label.btn { color: #4F637D; background-color: #fff; font-size: 1rem; border: 2px solid #add3ff; width: 65px; padding: 6px 0 !important; } .ss-switch-btn .switch_tool_section .switch_tool_block .btn-group label.btn input { cursor: pointer; } .ss-switch-btn .switch_tool_section .switch_tool_block .btn-group label.btn.active { background-color: #e0efff; color: #0069E0; border: 2px solid #e0efff; } .ss-switch-btn .switch_tool_section .switch_tool_block .btn-group label.btn:nth-child(1) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 32px !important; border-bottom-left-radius: 32px !important; } .ss-switch-btn .switch_tool_section .switch_tool_block .btn-group label.btn:nth-child(2) { border-top-right-radius: 32px !important; border-bottom-right-radius: 32px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .ss-toogle-switch input[type=radio]:checked + label.btn { background-color: #e0efff; color: #0069E0; border: 2px solid #e0efff; } .ss-toogle-switch input[type=radio] + label.btn { background: #fff; border: 2px solid #d6e9ff; font-size: 1rem; color: #4F637D; font-weight: 500; letter-spacing: 0.42px; padding: 7px 18px; } .ss-toogle-switch input[type=radio] + label.btn:nth-child(2) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 18px !important; border-bottom-left-radius: 18px !important; } .ss-toogle-switch input[type=radio] + label.btn:nth-child(4) { border-top-right-radius: 18px !important; border-bottom-right-radius: 18px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: -3px; } .ss-toogle-switch.swith-green input[type=radio]:checked + label.btn { background-color: #D6FFE7; color: #008f39; border: 2px solid #D6FFE7; } .attachment-list { margin-bottom: 40px; } .attachment-list .card { background-color: #f3f7fd; border-color: #e1e6f0; box-shadow: 0 0.5rem 0.6rem rgba(0, 0, 0, 0.05) !important; border-radius: 5px !important; } .attachment-list .card .fa-times-circle { position: absolute; right: -4px; top: -8px; margin: 0; } .attachment-list .card span { font-size: 0.8571428571rem; display: block; margin: 11px 0; line-height: 13px; } .form-floating .datepicker, input.ss-datepicker, .kisosk-ss-body .ss-permit-dm input.cofe-datepicker { background-image: url(../application_images/ss_theme/ss_cal_icn.svg) !important; background-size: 15px auto !important; background-position: top 25px right 7px !important; background-repeat: no-repeat !important; } .ss-field-floating-label, .ss-location-outer-class #dv_norm_search > label, .form-floating label { font-size: 0.9285714286rem; font-weight: 500; line-height: 15px; letter-spacing: 0.02em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .ss-field-floating-label, .ss-location-outer-class #dv_norm_search > label { opacity: 0.65; text-indent: 12px; } .form-floating label { font-size: 1.0714285714rem; font-weight: 400; line-height: 15px; letter-spacing: 0.02em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #374558 !important; } .form-floating input[type="text"], .form-floating input[type="number"], .form-floating .form-control, .form-floating select, .form-floating textarea { border-top: none; border-left: none; border-right: none; border-radius: 0; border-bottom-color: #9babc0; } input.ss-datepicker, .kisosk-ss-body .ss-permit-dm input.cofe-datepicker { background-position: top 8px right 8px !important; } .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 1 !important; color: #4F637D; font-size: 0.9285714286rem !important; } .nav-tabs-ss-rg { position: relative; } .nav-tabs-ss-rg li.nav-item { position: relative; } .nav-tabs-ss-rg li.nav-item .nav-link { padding: 10px 12px !important; color: #4F637D; font-size: 0.8571428571rem; border-top-left-radius: 9px; border-top-right-radius: 9px; border: none; font-weight: 600; } .nav-tabs-ss-rg li.nav-item .nav-link span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; margin-right: 5px; display: inline-block; } .nav-tabs-ss-rg li.nav-item .nav-link:hover, .nav-tabs-ss-rg li.nav-item .nav-link.active { background-color: #e0efff; color: #0069E0 !important; } .nav-tabs-ss-rg li.nav-item .nav-link:hover .bi-x-circle-fill, .nav-tabs-ss-rg li.nav-item .nav-link.active .bi-x-circle-fill { color: #0069E0; } .nav-tabs-ss-rg li.nav-item .bi-x-circle-fill { position: relative; right: -2px; top: -4px; color: #758BA9; } .chem_inv_tabs { position: relative; margin-top: -42px; } .chem_inv_tabs li.nav-item { position: relative; } .chem_inv_tabs li.nav-item .nav-link { padding: 10px 12px !important; color: #0069E0; font-size: 0.9285714286rem; border-top-left-radius: 9px; border-top-right-radius: 9px; border: none; font-weight: 600; } .chem_inv_tabs li.nav-item .nav-link span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; margin-right: 5px; display: inline-block; } .chem_inv_tabs li.nav-item .nav-link:hover { background-color: #e0efff; } .chem_inv_tabs li.nav-item .nav-link:hover .bi-x-circle-fill { color: #0069E0; } .chem_inv_tabs li.nav-item .bi-x-circle-fill { position: relative; right: -2px; top: -4px; color: #758BA9; } .table-info-msg { position: relative; } .table-info-msg i, .table-info-msg a { font-size: 1.5714285714rem; z-index: 1; line-height: 22px; } .form-floating .select2-container span.selection span.select2-selection.select2-selection--single, .form-floating .select2-container span.selection span.select2-selection.select2-selection--multiple { border: none; border-radius: 0; border-bottom: 1px solid #b3becf; height: 50px; } .form-floating .select2-container span.selection span.select2-selection.select2-selection--single .select2-selection__rendered, .form-floating .select2-container span.selection span.select2-selection.select2-selection--multiple .select2-selection__rendered { line-height: 56px; padding-left: 11px; } .form-floating #ra_title_search + .nolocs { font-family: "Inter", serif !important; font-size: 0.8571428571rem !important; color: #FF9800 !important; } .select-floating-multiselect label { opacity: 1 !important; font-size: 0.8571428571rem; font-weight: 400; line-height: 15px; letter-spacing: 0.02em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #374558 !important; } .select-floating-multiselect .select2-container .select2-selection--multiple { border: none !important; border-radius: 0 !important; border-bottom: 1px solid #b3becf !important; min-height: 32px; } .select-floating-multiselect .select2-container .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice { background: transparent !important; border-radius: 22px !important; font-size: 1rem !important; line-height: 20px !important; border: 1px solid #0069E0 !important; color: #386065; } .select-floating-multiselect .select2-container .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice button.select2-selection__choice__remove { border: none; overflow: hidden; width: 15px; height: 15px; border-radius: 15px; color: #fff; line-height: 14px; background: url(../application_images/ss_theme/close_icn_1.svg) no-repeat 0 0 !important; background-size: 15px auto !important; } .select-floating-multiselect .select2-container .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice button.select2-selection__choice__remove span { position: relative; left: -1px; font-size: 0; } .select-floating-multiselect .select2-container .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__display { color: #0069E0 !important; font-size: 0.8571428571rem; } .ss_chem_inv_item.chem_inv_item_disabled { background: #e2e2e2 !important; box-shadow: none !important; } .scan-br-list { max-height: 300px; } table.dataTable.table-hover > tbody > tr.ss-chem-row-selected, #user_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected, #space_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected, #location_type_div table.table-hover.table > tbody > tr.ss-chem-row-selected, #training_div #records_table_wrapper table.table-hover.table > tbody > tr.ss-chem-row-selected, #groups_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected, #asset_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected, #org_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected { box-shadow: inset 0 0 0 9999px #e0efff !important; } table.dataTable.table-hover > tbody > tr.ss-chem-row-selected:hover > *, #user_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected:hover > *, #space_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected:hover > *, #location_type_div table.table-hover.table > tbody > tr.ss-chem-row-selected:hover > *, #training_div #records_table_wrapper table.table-hover.table > tbody > tr.ss-chem-row-selected:hover > *, #groups_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected:hover > *, #asset_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected:hover > *, #org_info_div table.table-hover.table > tbody > tr.ss-chem-row-selected:hover > * { box-shadow: inset 0 0 0 9999px #e0efff !important; } .dt-exprt-btn, .ss-export-exl .export_excel_btn, .dt-buttons .buttons-excel, .dt-buttons .buttons-csv { background: none !important; box-shadow: none !important; padding: 0 !important; border: none !important; } .dt-exprt-btn span, .ss-export-exl .export_excel_btn span, .dt-buttons .buttons-excel span, .dt-buttons .buttons-csv span { width: auto; height: auto; font-size: 1.0714285714rem !important; text-transform: capitalize; letter-spacing: normal; padding: 6px 18px 6px 36px !important; background-image: url(../application_images/ss_theme/export_icn.svg); background-repeat: no-repeat; background-position: 17px 10px !important; background-size: 13px; } .dt-exprt-pdf-btn, .dt-buttons .buttons-pdf { background: none !important; box-shadow: none !important; padding: 0 !important; border: none !important; } .dt-exprt-pdf-btn span, .dt-buttons .buttons-pdf span { width: auto; height: auto; font-size: 1.0714285714rem; text-transform: capitalize; letter-spacing: normal; padding: 6px 18px 6px 36px !important; background-image: url(../application_images/ss_theme/export_icn.svg); background-repeat: no-repeat; background-position: 17px 10px !important; background-size: 13px; } .ss-export-exl .export_excel_btn { border-radius: 22.5px !important; } .dt-buttons .buttons-excel, .dt-buttons .buttons-csv { border-radius: 22.5px !important; } .dt-buttons .buttons-pdf { border-radius: 22.5px !important; } .chemical_inventory_ss_body .dataTables_wrapper .bottom, .cc_calendar_ss_body .dataTables_wrapper .bottom, .ras_ss_body .dataTables_wrapper .bottom, .container-fluid .dataTables_wrapper .bottom { justify-content: space-between !important; display: flex !important; } .chemical_inventory_ss_body .dataTables_wrapper .bottom .dataTables_length, .cc_calendar_ss_body .dataTables_wrapper .bottom .dataTables_length, .ras_ss_body .dataTables_wrapper .bottom .dataTables_length, .container-fluid .dataTables_wrapper .bottom .dataTables_length { font-size: 0; } .chemical_inventory_ss_body .dataTables_wrapper .bottom .dataTables_length select.form-select, .cc_calendar_ss_body .dataTables_wrapper .bottom .dataTables_length select.form-select, .ras_ss_body .dataTables_wrapper .bottom .dataTables_length select.form-select, .container-fluid .dataTables_wrapper .bottom .dataTables_length select.form-select { border: 1px solid #cbcbcb !important; border-radius: 17px; padding: 5px 15px; width: 100px; color: #676a6d; font-size: 13px; margin-left: 11px; } .chemical_inventory_ss_body .dataTables_wrapper .bottom .dataTables_info, .cc_calendar_ss_body .dataTables_wrapper .bottom .dataTables_info, .ras_ss_body .dataTables_wrapper .bottom .dataTables_info, .container-fluid .dataTables_wrapper .bottom .dataTables_info { order: 2; } .chemical_inventory_ss_body .dataTables_wrapper .bottom div.dt-buttons, .cc_calendar_ss_body .dataTables_wrapper .bottom div.dt-buttons, .ras_ss_body .dataTables_wrapper .bottom div.dt-buttons, .container-fluid .dataTables_wrapper .bottom div.dt-buttons { padding: 0 !important; flex: inherit !important; width: auto !important; } .chemical_inventory_ss_body .dataTables_wrapper .bottom div.dt-buttons .buttons-collection, .cc_calendar_ss_body .dataTables_wrapper .bottom div.dt-buttons .buttons-collection, .ras_ss_body .dataTables_wrapper .bottom div.dt-buttons .buttons-collection, .container-fluid .dataTables_wrapper .bottom div.dt-buttons .buttons-collection { border-radius: 18px !important; } .chemical_inventory_ss_body .dataTables_wrapper .bottom .dataTables_paginate, .cc_calendar_ss_body .dataTables_wrapper .bottom .dataTables_paginate, .ras_ss_body .dataTables_wrapper .bottom .dataTables_paginate, .container-fluid .dataTables_wrapper .bottom .dataTables_paginate { margin: 0 !important; order: 3; } .chemical_inventory_ss_body .dataTables_wrapper button.buttons-collection.buttons-page-length, .cc_calendar_ss_body .dataTables_wrapper button.buttons-collection.buttons-page-length, .ras_ss_body .dataTables_wrapper button.buttons-collection.buttons-page-length, .container-fluid .dataTables_wrapper button.buttons-collection.buttons-page-length { border-radius: 18px !important; } .pagination { display: flex; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 1rem 0; } .pagination .paginate_button.page-item { margin: 0 0.25rem; position: relative; } .pagination .paginate_button.page-item.previous a, .pagination .paginate_button.page-item.next a { width: auto; border-radius: 20px; padding: 0.5rem 1rem; } .pagination .paginate_button.page-item a { display: flex; align-items: center; justify-content: center; min-width: 35px; height: 35px; border-radius: 20px; text-decoration: none; font-size: 0.9285714286rem; font-weight: 500; color: #0069E0; background-color: #fff; box-shadow: 0px 2px 4px rgba(0, 105, 224, 0.1); transition: all 0.3s ease, box-shadow 0.2s ease; } .pagination .paginate_button.page-item a:hover { background-color: #0069E0; box-shadow: 0px 4px 8px rgba(0, 105, 224, 0.15); color: #fff; } .pagination .paginate_button.page-item a:active { box-shadow: 0px 2px 2px rgba(0, 105, 224, 0.2); color: #fff; } .pagination .paginate_button.page-item a::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(98, 0, 234, 0.2); opacity: 0; border-radius: 50%; transform: scale(0); transition: transform 0.3s, opacity 0.3s; } .pagination .paginate_button.page-item a:active::after { opacity: 1; transform: scale(1); transition: transform 0.2s, opacity 0.4s; } .pagination .paginate_button.page-item.active a { background-color: #e0efff; color: #0069E0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); } .pagination .paginate_button.page-item.disabled a { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.12); pointer-events: none; box-shadow: none; } #sdsConfirmPdfDelete .modal-footer, #confirmDeleteSdsAction .modal-footer, #addNewAreaForm .modal-footer, #relocateInventoryModal .modal-footer, #attachmentRemoveDialog .modal-footer, #confirmChemDisposalFileDelete .modal-footer, #editChemDisposalFileComments .modal-footer, #closeReconciliatonModal .modal-footer { display: none; } img.ss_icn_svg.icn-white { filter: brightness(0) invert(1); } img.ss_icn_svg.icn-white-hover:hover { filter: brightness(0) invert(1); } table.dataTable > tbody > tr.child ul.dtr-details > li, #user_info_div table.table > tbody > tr.child ul.dtr-details > li, #space_info_div table.table > tbody > tr.child ul.dtr-details > li, #location_type_div table.table > tbody > tr.child ul.dtr-details > li, #training_div #records_table_wrapper table.table > tbody > tr.child ul.dtr-details > li, #groups_info_div table.table > tbody > tr.child ul.dtr-details > li, #asset_info_div table.table > tbody > tr.child ul.dtr-details > li, #org_info_div table.table > tbody > tr.child ul.dtr-details > li { display: inline-block !important; } body.select2-dd-open { overflow-x: hidden; } .ras-act-table { border-radius: 9px; border: 1px solid #b3becf; margin-bottom: 25px; overflow: hidden; } .ras-act-table .ras-act-header { background: #f1f1f1; } .ras-act-table .ras-act-header .col { padding: 20px; text-align: left; } .ras-act-table .ras-act-body .activity_div { border-bottom: 1px solid #b3becf; } .ras-act-table .ras-act-body .activity_div .col { padding: 20px; text-align: left; } .ras-act-table .ras-act-body .activity_div .act_div_items { display: flex; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; margin-bottom: 15px; } .ras-act-table .ras-act-body .activity_div .act_div_items em.rsk-itms { font-size: 0.9285714286rem; background: #dce1eb; border-radius: 6px; padding: 3px 10px; margin-bottom: 5px; display: inline-block; line-height: 18px; } .ras-act-table .add-rsk-ctrl { font-size: 0.7857142857rem; padding: 5px 8px; line-height: 10px; border-width: 1px; } .ras-act-table .add-rsk-ctrl:hover i { color: #fff; } .risk-low, .risk-med, .risk-high { font-size: 0.9285714286rem; padding: 10px; border-radius: 6px; line-height: 15px; font-weight: 600; } .risk-low { background-color: #d1e7dd; color: #0a3622; } .risk-med { background-color: #fff3cd; color: #664d03; } .risk-high { background-color: #f8d7da; color: #58151c; } .dist-activity tbody tr { border-bottom: 1px solid #dee2e6; } .dist-activity tbody tr:last-child { border: none; } .ras-header-ctrl { padding: 18px 24px 0; display: inline-block; width: 100%; } .ras-header-ctrl h1 { float: left; margin-bottom: 0 !important; } .ras-header-ctrl .filter-controls { float: right; } .w-450 { width: 450px !important; } .w-500 { width: 500px !important; } .accordion-search-type .accordion-item { border: none !important; } .accordion-search-type .accordion-item .accordion-button { background: transparent; box-shadow: none !important; border-bottom: 1px solid #b3becf; color: #212529; } .accordion-search-type .accordion-item .accordion-button.blink { color: #00A945; font-size: 1.1428571429rem; } .accordion-search-type .accordion-item .accordion-body { background: #e0efff; position: relative; } .accordion-search-type .accordion-item .accordion-body .select-adv-serarch { position: absolute; right: 20px; } .accordion-search-type .accordion-item .accordion-body .lc-close-icn { display: none; } #scrollTopBtn { position: fixed; bottom: 20px; right: 20px; display: none; /* Hidden by default */ background: #e0efff; color: #0069E0; border: 1px solid #0069E0; cursor: pointer; border-radius: 60px; font-size: 1.7857142857rem; padding: 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.23); z-index: 6; height: 32px; width: 32px; line-height: 20px; } #scrollTopBtn:hover { color: #326cae; } .sds-single-filter-block { position: relative; } .sds-single-filter-block .form-control { border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .sds-single-filter-block #dvClearSingleFilter { position: absolute; right: 74px; z-index: 4; top: 2px; padding: 8px; } html body #notification_popup { border: 1px solid #dbdfe9 !important; box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.09); background-color: #fff; border-radius: 0.75rem; overflow-y: auto; max-height: initial !important; } html body #notification_popup .noti-headeing-block { display: flex; justify-content: space-between; padding: 5px 10px; border-bottom: 3px solid #f1f1f4 !important; } html body #notification_popup .noti-headeing-block h3 { display: inline-block !important; font-size: 1rem; color: #495a68; position: relative; top: 1px; } html body #notification_popup .noti-headeing-block h3 em { font-style: normal; background-color: #0069E0 !important; margin-left: 5px; } html body #notification_popup .noti-headeing-block .notify-close { width: 19px !important; height: 19px !important; margin-top: 5px; opacity: 0.6; } html body #notification_popup .notify-body { max-height: 298px; overflow-y: auto; } html body #notification_popup .notify-body .popup_message { border-bottom: 1px solid #f1f1f4 !important; padding: 12px 15px !important; display: flex; align-items: start; } html body #notification_popup .notify-body .popup_message:hover { background-color: #fbfbfb !important; } html body #notification_popup .notify-body .popup_message span.pointer { margin-right: 6px !important; display: inline-flex; margin-top: 3px; } html body #notification_popup .notify-body .popup_message span.pointer i { color: #0069E0 !important; font-size: 0.9285714286rem; } html body #notification_popup .notify-body .popup_message a { color: #526376 !important; font-size: 1rem; font-weight: 500; text-decoration: none !important; line-height: 19px; } html body #notification_popup .notify-body .popup_message a:hover { color: #0069E0 !important; } html body #notification_popup .popup_message.text-info { padding: 7px !important; background: #add3ff !important; } html body #notification_popup .popup_message.text-info a { color: #004594 !important; text-decoration: none; font-size: 1.0714285714rem; font-weight: 500; } .ss-toast .toast .toast-body { display: flex; } .ss-toast .toast .toast-body .toast-icn { font-size: 1.1428571429rem; background: #ececec; padding: 5px 7px; border-radius: 50px; border: 5px solid #edfbf0; display: block; height: 38px; width: 39px; line-height: 20px !important; } .ss-toast .toast .toast-body span { font-weight: 400; color: #4F637D; padding-top: 5px; font-size: 15px; line-height: 20px; } .ss-toast .toast-success { background: #daf9e1 !important; } .ss-toast .toast-success .toast-icn { background: #fff !important; color: #17c653 !important; } .ss-toast .toast-warning { background: #fff4d3 !important; } .ss-toast .toast-warning .toast-icn { background: #fff !important; color: #ffc107 !important; border-color: #f6eed7 !important; } .ss-toast .toast-danger { background: #f8d7da !important; } .ss-toast .toast-danger .toast-icn { background: #fff !important; color: #dc3545 !important; border-color: #ffecee !important; } .ss-toast .toast-danger span { color: #7e4c48 !important; } .ss-file-attachment-itms { border: 1px solid #dbdfe9 !important; border-radius: 10px; padding: 11px; float: left; position: relative; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09); height: 100%; } .ss-file-attachment-itms .att-close { position: absolute; right: -11px; top: -8px; font-size: 19px; color: #dc3545; } .ss-file-attachment-itms .att-file { display: block; text-align: center; margin-bottom: 10px; } .ss-file-attachment-itms .att-file img { width: 100%; height: 78px; object-fit: cover; object-position: center; } .ss-file-attachment-itms .att-file i { font-size: 76px; } .ss-file-attachment-itms .attachment-text { display: inline-flex; align-items: end; } .ss-file-attachment-itms .attachment-text span { word-break: break-word; line-height: 16px; word-break: break-word; line-height: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .assessment-fltrs { width: 550px !important; } .assessment-fltrs .datepicker { background-image: url(../application_images/ss_theme/ss_cal_icn.svg) !important; background-size: 15px auto !important; background-position: top 7px right 7px !important; background-repeat: no-repeat !important; } @media (max-width: 430px) { html body header span.header-left img { width: 102px !important; } } @media (max-width: 575.98px) { .pagination .paginate_button.page-item { margin: 0 0.15rem; } .pagination .paginate_button.page-item a { width: 26px; height: 26px; font-size: 0.8571428571rem; } p#infoMsgs { text-align: center; } .table-top-cntrls .info-msg { order: 3; padding-top: 10px; } .table-top-cntrls .info-msg .cst-alert-light { display: block; } .table-top-cntrls .exprt-block { order: 2; } .chem-search-cntrl + div { position: absolute; top: 10px; right: 9px; margin: 0; width: auto; } span.header-left img { height: 64px; margin: 0px 5px; width: 130px !important; object-fit: contain; object-position: center center; } .container-fluid { margin-top: 64px !important; } .modal-footer .btn-group-justified .container { display: inline-block; text-align: center; } .modal-footer .btn-group-justified .container .btn { float: none !important; margin-bottom: 5px; } } @media (min-width: 575.98px) and (max-width: 1006px) { span.header-left img { width: 220px !important; object-fit: contain !important; } } @media (max-width: 767.98px) { .chem_inv_bulk_actions { padding: 14px; } .chem_inv_bulk_actions .btn-ss-blue-light, .chem_inv_bulk_actions .btn-ss-toogle-t, .chem_inv_bulk_actions .rd-ss-lt-blue-btn, .chem_inv_bulk_actions .dt-exprt-btn span, .dt-exprt-btn .chem_inv_bulk_actions span, .chem_inv_bulk_actions .ss-export-exl .export_excel_btn span, .ss-export-exl .export_excel_btn .chem_inv_bulk_actions span, .chem_inv_bulk_actions .dt-buttons .buttons-excel span, .dt-buttons .buttons-excel .chem_inv_bulk_actions span, .chem_inv_bulk_actions .dt-buttons .buttons-csv span, .dt-buttons .buttons-csv .chem_inv_bulk_actions span, .chem_inv_bulk_actions .dt-exprt-pdf-btn span, .dt-exprt-pdf-btn .chem_inv_bulk_actions span, .chem_inv_bulk_actions .dt-buttons .buttons-pdf span, .dt-buttons .buttons-pdf .chem_inv_bulk_actions span, .chem_inv_bulk_actions .dropdown-cst-arrow .dropdown-toggle, .dropdown-cst-arrow .chem_inv_bulk_actions .dropdown-toggle { font-size: 0.7857142857rem; padding: 5px 10px; margin-bottom: 5px; } .table-top-cntrls .exprt-block { order: 2; display: inline-flex; justify-content: space-between; } .ras-header-ctrl { padding: 18px 18px 0; } .ras-header-ctrl h1 { float: none; padding-bottom: 15px; } .ras-header-ctrl .filter-controls { float: none; display: flex; justify-content: space-between; padding-bottom: 4px; } .ss-risk-assessment-form .ras-tfoot, #control_measures_table_details .ras-tfoot { display: none !important; } .steps-headings .stp-block { text-align: center; } .steps-headings .stp-block h6 span em { margin: 0 4px !important; } .steps-headings .stp-block h6 span strong { display: block; } .steps-headings .stp-block h6:after { display: block !important; } .steps-headings .stp-block small { display: none; } .steps-headings .stp-block.complete h6:after { background-color: #00A945; } .steps-headings .stp-block.active h6:after { background-color: #0069E0; } .ss-form-step .ss-cal-event-block { width: 100% !important; padding: 0 !important; } } @media (max-width: 767.5px) { .ss-form-step #job_activity_table_load_actv_tbl tfoot tr th:nth-child(3) span { display: block !important; } } @media (max-width: 472px) { .ss-form-step #job_activity_table_load_actv_tbl tfoot tr th:nth-child(2) span { display: block !important; } } @media (max-width: 767.5px) { .ss-form-step #control_measures_table_load_actv_tbl tfoot tr th:nth-child(3) span { display: block !important; } } @media (max-width: 471.5px) { .ss-form-step #control_measures_table_load_actv_tbl tfoot tr th:nth-child(2) span { display: block !important; } } @media (max-width: 495px) { .ss-form-step #editjob_activity_table_prev tfoot tr th:nth-child(3) span { display: block !important; } } @media (max-width: 388px) { .ss-form-step #editjob_activity_table_prev tfoot tr th:nth-child(2) span { display: block !important; } } @media (max-width: 991px) { .ss-form-step #editcontrol_measures_table_prev tfoot tr th:nth-child(3) span { display: block !important; } } @media (max-width: 482px) { .ss-form-step #editcontrol_measures_table_prev tfoot tr th:nth-child(2) span { display: block !important; } } @media (min-width: 767.5px) and (max-width: 991.5px) { .chem-ss-inventory-detail #job_activity_table_details tfoot tr th:nth-child(3) span, .ras-ss-detail #job_activity_table_details tfoot tr th:nth-child(3) span { display: block !important; } } @media (max-width: 490px) { .chem-ss-inventory-detail #job_activity_table_details tfoot tr th:nth-child(3) span, .ras-ss-detail #job_activity_table_details tfoot tr th:nth-child(3) span { display: block !important; } } @media (max-width: 383px) { .chem-ss-inventory-detail #job_activity_table_details tfoot tr th:nth-child(2) span, .ras-ss-detail #job_activity_table_details tfoot tr th:nth-child(2) span { display: block !important; } } @media (max-width: 991.5px) { .chem-ss-inventory-detail #control_measures_table_details tfoot tr th:nth-child(3) span, .ras-ss-detail #control_measures_table_details tfoot tr th:nth-child(3) span { display: block !important; } } @media (max-width: 477px) { .chem-ss-inventory-detail #control_measures_table_details tfoot tr th:nth-child(2) span, .ras-ss-detail #control_measures_table_details tfoot tr th:nth-child(2) span { display: block !important; } } @media (max-width: 777.98px) { .search-rt-cntrols { padding: 0 !important; display: flex; } } @media (max-width: 991.98px) { .chemical_inventory_ss_body .dataTables_wrapper .bottom, .cc_calendar_ss_body .dataTables_wrapper .bottom { flex-wrap: wrap; } .chemical_inventory_ss_body .dataTables_wrapper .dataTables_info, .cc_calendar_ss_body .dataTables_wrapper .dataTables_info { order: 0; } .chemical_inventory_ss_body .dataTables_wrapper .dataTables_paginate, .cc_calendar_ss_body .dataTables_wrapper .dataTables_paginate { order: 0; flex: 0 0 100%; padding: 15px 0 0 0; margin-top: 0 !important; } .chemical_inventory_ss_body .dataTables_wrapper .dataTables_paginate .pagination, .cc_calendar_ss_body .dataTables_wrapper .dataTables_paginate .pagination { justify-content: center; } } @media (max-width: 1199.98px) { .cc-head-controls .cal-controls-right { margin-top: 15px; } .cc-head-controls .cal-controls-right .cc-cal-ft-toggles { float: left; } } @media (max-width: 468px) { #inventory_div .dropdown #tabDropdownButton_inventory_tab_nav { width: 100% !important; } #inventory_div .dropdown #tabDropdownMenu_inventory_tab_nav { width: 95% !important; } .chem-inv-tab-cntrls-ss { display: flex; flex-direction: column-reverse; } .chem-inv-tab-cntrls-ss .chem-search-cntrl + div { position: relative; top: -3px; text-align: center; margin: 0; width: auto; padding-bottom: 5px; } .chem-inv-tab-cntrls-ss .chem-search-cntrl + div button#btn_showAdv_filters { float: none !important; } } .datatable tr.child td.child ul.dtr-details li span.dtr-data ul, .datatable tr.child td.child ul.dtr-details li span.dtr-data .dt-icon-container { padding: 0; margin: 0; } .form-floating select.select2-hidden-accessible + .error { position: absolute; bottom: -20px; } .tabDropdownButton { padding: 7px 12px !important; width: 230px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .tabDropdownButton:after { position: absolute; right: 7px; top: 15px; } @media (max-width: 368.98px) { .tabDropdownButton { width: 180px !important; } } #transferInventoryModal .modal-content { padding: 60px 30px !important; } #cc_ss_calendar_events_table tr td:last-child { text-align: center; } .datepicker.datepicker-dropdown { position: absolute; background-color: #f5f9fe; border: 1px solid #c4d2e1; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2); z-index: 1000; color: #0051ad; } .datepicker.datepicker-dropdown::after { content: ""; position: absolute; top: -16px; left: 20px; border-width: 8px; border-style: solid; border-color: transparent transparent #f5f9fe transparent; z-index: 2; } .datepicker.datepicker-dropdown::before { content: ""; position: absolute; top: -19px; left: 19px; border-width: 10px; border-style: solid; border-color: transparent transparent #c4d2e1 transparent; z-index: 1; } .datepicker.datepicker-dropdown table { width: 100%; margin: 0; } .datepicker.datepicker-dropdown table th, .datepicker.datepicker-dropdown table td { text-align: center; cursor: pointer; border-radius: 12px; transition: background-color 0.3s ease, color 0.3s ease; } .datepicker.datepicker-dropdown table th:hover:not(.disabled):not(.active):not(.today):not(.selected), .datepicker.datepicker-dropdown table td:hover:not(.disabled):not(.active):not(.today):not(.selected) { background-color: #d6eaff; color: #0051ad; } .datepicker.datepicker-dropdown table th.today, .datepicker.datepicker-dropdown table td.today { background-color: #0069E0; color: #fff; font-weight: bold; } .datepicker.datepicker-dropdown table th.today:hover, .datepicker.datepicker-dropdown table td.today:hover { background-color: #3399ff; } .datepicker.datepicker-dropdown table th.active, .datepicker.datepicker-dropdown table th.selected, .datepicker.datepicker-dropdown table td.active, .datepicker.datepicker-dropdown table td.selected { background-color: #0056b3; color: #fff; } .datepicker.datepicker-dropdown table th.active:hover, .datepicker.datepicker-dropdown table th.selected:hover, .datepicker.datepicker-dropdown table td.active:hover, .datepicker.datepicker-dropdown table td.selected:hover { background-color: #004999; } .datepicker.datepicker-dropdown table th.disabled, .datepicker.datepicker-dropdown table td.disabled { color: #999; pointer-events: none; background: transparent; } .datepicker.datepicker-dropdown table th { color: #0056b3; font-weight: 600; } .datepicker.datepicker-dropdown table th:hover { background-color: #d0e5ff; } .datepicker.datepicker-dropdown .datepicker-switch, .datepicker.datepicker-dropdown .prev, .datepicker.datepicker-dropdown .next { color: #0069E0; font-weight: bold; padding: 0.25rem 0.5rem; border-radius: 4px; } .datepicker.datepicker-dropdown .datepicker-switch:hover, .datepicker.datepicker-dropdown .prev:hover, .datepicker.datepicker-dropdown .next:hover { background-color: #d6eaff; color: #0051ad; } .ss-chem-inv-report-data .stratus_content, .ss-chem-inv-report-data .stratus_subcontent { padding: 0 !important; } .form-check-input { border: 2px solid #0069E0; } .form-check-input:checked[type=radio] { background-image: url(../application_images/ss_theme/rd-circle.svg) !important; background-size: 12px; } input[type=checkbox]:focus, input[type=radio]:focus { outline: inherit !important; } .ss-program-builder-section { background: #fff; margin: 20px 0 0 0; padding: 15px; border-radius: 12px; } .ss-program-builder-section .tab-content .pyramid-tab-info { min-height: 298px; } .ss-program-builder-section .tab-content .pyramid-tab-info + div { margin-top: 50px; } .cal-ss-nxt-prv { margin-left: 15px; margin-right: 15px; } .cal-ss-nxt-prv .btn { padding: 8px 9px !important; } .cal-ss-nxt-prv .btn i { margin: 0px; font-size: 15px; position: relative; top: 1px !important; } .cal-ss-nxt-prv .move-today { padding: 7px 12px !important; } .ss-cal-legends { border: 1px solid #e0efff; border-radius: 8px; margin-top: 18px; padding: 8px 10px 9px 15px; } .ss-cal-legends h5 { color: #4F637D; } .ss-cal-legends ul { margin: 0; padding: 0 0 0 12px; } .ss-cal-legends ul li { display: inline-block; color: #4F637D; font-weight: 500; font-size: 1rem; padding: 0 16px 0 16px; position: relative; } .ss-cal-legends ul li::before { content: ""; width: 12px; height: 12px; position: absolute; left: 0; top: 4px; } .ss-cal-legends li.ss-comp::before { background-color: #9e5fff; } .ss-cal-legends li.ss-c-actions::before { background-color: #00a9ff; } .ss-cal-legends li.ss-training::before { background-color: #ff5583; } .ss-cal-legends li.ss-tasks::before { background-color: #ffbb3b; } .ss-cal-legends li.ss-pend-insp::before { background-color: #1abc9c; } .ss-calendar-pending-inspections { background-color: #dbfaf4 !important; } .ss-calendar-pending-inspections + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border { border-right: 8px solid #dbfaf4 !important; } .ss-calendar-pending-inspections + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-right: 8px solid #dbfaf4 !important; } .ss-calendar-pending-inspections + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border { border-left: 8px solid #dbfaf4 !important; } .ss-calendar-pending-inspections + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-left: 8px solid #dbfaf4 !important; } .ss-calendar-tasks { background-color: #fff0d4 !important; } .ss-calendar-tasks + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border { border-right: 8px solid #fff0d4 !important; } .ss-calendar-tasks + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-right: 8px solid #fff0d4 !important; } .ss-calendar-tasks + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border { border-left: 8px solid #fff0d4 !important; } .ss-calendar-tasks + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-left: 8px solid #fff0d4 !important; } .ss-calendar-training { background-color: #ffd5e0 !important; } .ss-calendar-training + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border { border-right: 8px solid #ffd5e0 !important; } .ss-calendar-training + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-right: 8px solid #ffd5e0 !important; } .ss-calendar-training + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border { border-left: 8px solid #ffd5e0 !important; } .ss-calendar-training + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-left: 8px solid #ffd5e0 !important; } .ss-calendar-compliance { background-color: #ebdfff !important; } .ss-calendar-compliance + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border { border-right: 8px solid #ebdfff !important; } .ss-calendar-compliance + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-right: 8px solid #ebdfff !important; } .ss-calendar-compliance + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border { border-left: 8px solid #ebdfff !important; } .ss-calendar-compliance + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-left: 8px solid #ebdfff !important; } .ss-calendar-corrective-actions { background-color: #e6f6ff !important; } .ss-calendar-corrective-actions + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border { border-right: 8px solid #e6f6ff !important; } .ss-calendar-corrective-actions + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-right: 8px solid #e6f6ff !important; } .ss-calendar-corrective-actions + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border { border-left: 8px solid #e6f6ff !important; } .ss-calendar-corrective-actions + .tui-full-calendar-popup-top-line + .tui-full-calendar-arrow-right .tui-full-calendar-popup-arrow-border .tui-full-calendar-popup-arrow-fill { border-left: 8px solid #e6f6ff !important; } .ss-pyramid-tabs { position: absolute; padding: 0; } .ss-pyramid-tabs li { list-style: none; } .ss-pyramid-tabs li button { background-image: url(../application_images/ss_theme/pyramid.png); border: none; background-color: transparent; width: 441px; color: #4F637D; font-size: 1rem; font-weight: 700; letter-spacing: 0.42px; } .ss-pyramid-tabs li button:hover, .ss-pyramid-tabs li button.active { color: #fff; } .ss-pyramid-tabs li button:hover img, .ss-pyramid-tabs li button.active img { filter: brightness(0) invert(1); } .ss-pyramid-tabs li button img { margin-right: 10px; } .ss-pyramid-tabs li .program-tab { height: 108px; width: 165px; background-position: -621px 0px; margin-left: 151px; } .ss-pyramid-tabs li .program-tab img { display: block; margin: 27px auto 5px; } .ss-pyramid-tabs li .program-tab:hover, .ss-pyramid-tabs li .program-tab.active { background-position: -152px 0px; } .ss-pyramid-tabs li .sub-program-tab { background-position: -106px -108px; height: 60px; width: 259px; margin-left: 106px; } .ss-pyramid-tabs li .sub-program-tab:hover, .ss-pyramid-tabs li .sub-program-tab.active { background-position: -577px -108px; } .ss-pyramid-tabs li .framework-tab { background-position: -62px -167px; height: 57px; width: 346px; margin-left: 61px; } .ss-pyramid-tabs li .framework-tab:hover, .ss-pyramid-tabs li .framework-tab.active { background-position: -1002px -167px; } .ss-pyramid-tabs li .calendar-events-tab { background-position: -30px -223px; height: 64px; width: 408px; margin-left: 28px; } .ss-pyramid-tabs li .calendar-events-tab:hover, .ss-pyramid-tabs li .calendar-events-tab.active { background-position: -1439px -223px; } .cc-search-ctrl .select2-selection__arrow { display: none; } .ss-form-step { padding-bottom: 130px; } .ss-form-step .ss-cal-event-block #warning_message b { font-weight: 700 !important; } .ss-form-step .ss-cal-event-block .ss-form-step-span { color: #566c8a; font-size: 1rem; letter-spacing: 0.02em; } .ss-form-step .ss-cal-event-block div.dsp-srch-tags { display: block; } .ss-form-step .ss-cal-event-block .ss-card-block { background-color: #d9dfe780 !important; padding: 25px; border-radius: 17px; margin-bottom: 18px; border: none; } .ss-form-step .ss-steps-footer { padding: 30px 0; background-color: #e0efff; position: fixed; bottom: 0; width: 100%; z-index: 5; } .no-modal-footer .modal-footer { display: none !important; } .sds_section_div #sds_search_div, .sds_section_div #sds_api_search_div, .sds_section_div #syncAudit_log_filter_div, .sds_section_div #sds_search_div, .sds_section_div #sds_api_search_div, .sds_section_div #syncAudit_log_filter_div, .sds_section_div #sds_search_div, .sds_section_div #sds_api_search_div, .sds_section_div #syncAudit_log_filter_div { padding-left: 11px; padding-right: 11px; padding-top: 0; margin-top: 1px; } #cc_templates_table tbody td:last-child { text-align: center; } @media (max-width: 425px) { #chem_inv_list_table.dataTable > tbody > tr.child span.dtr-title, #user_info_div table#chem_inv_list_table.table > tbody > tr.child span.dtr-title, #space_info_div table#chem_inv_list_table.table > tbody > tr.child span.dtr-title, #location_type_div table#chem_inv_list_table.table > tbody > tr.child span.dtr-title, #training_div #records_table_wrapper table#chem_inv_list_table.table > tbody > tr.child span.dtr-title, #groups_info_div table#chem_inv_list_table.table > tbody > tr.child span.dtr-title, #asset_info_div table#chem_inv_list_table.table > tbody > tr.child span.dtr-title, #org_info_div table#chem_inv_list_table.table > tbody > tr.child span.dtr-title { display: block !important; } } @media (max-width: 472px) { #chem_inv_list_table.datatable tr.child td.child ul.dtr-details li span.dtr-data div.dt-icon-container.additional_actions { margin-top: 7px !important; } } .select-floating-multiselect label { padding-left: 11px; } .select-floating-multiselect textarea.select2-search__field { padding-left: 5px !important; } #cc_programs_table_wrapper .dt-buttons, #cc_schedules_table_wrapper .dt-buttons { padding: 0 !important; margin: 0 !important; } #cc_programs_table_wrapper .dt-buttons .buttons-page-length, #cc_schedules_table_wrapper .dt-buttons .buttons-page-length { display: none; } #cc_events_assigned_table tbody tr th, #cc_events_assigned_table tbody tr th + td { word-break: break-all; width: 34px !important; } #cc_events_assigned_table #cc_events_header_checkbox { min-width: 54px !important; } .cst-search-multi-btm-chips .select2-selection--multiple { border: none !important; border-bottom-right-radius: 27px !important; border-top-right-radius: 27px !important; border-top-left-radius: 35px !important; border-bottom-left-radius: 35px !important; padding: 0; height: 40px !important; background: #F2F4F7 url(../application_images/ss_theme/search_icn.svg) 18px 13px no-repeat !important; } .cst-search-multi-btm-chips .select2-selection--multiple .select2-selection__choice { display: none !important; } .cst-search-multi-btm-chips .select2-selection--multiple .select2-search.select2-search--inline { display: block; } .cst-search-multi-btm-chips .select2-selection--multiple .select2-search.select2-search--inline textarea { line-height: 40px !important; height: 39px; margin: 0 0 0 50px; } .cst-search-multi-btm-chips.no-lft-bdr-radious .select2-selection--multiple { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .ss-chip-tag, .ss-chip-tag-light { font-size: 1.0714285714rem; margin: 0 10px 10px 0 !important; border-radius: 22px; line-height: 20px; border: none; padding: 9px 20px 9px 18px; white-space: nowrap; display: inline-block; } .ss-chip-tag .ss-remove-tag, .ss-chip-tag-light .ss-remove-tag { color: #0069E0; cursor: pointer; } .ss-chip-tag .ss-remove-tag img, .ss-chip-tag-light .ss-remove-tag img { height: 13px !important; } .ss-chip-tag { background: #e0efff; } .ss-chip-tag-light { background: #d0dbe7; } .ss-event-notification .notification-head { padding: 36px 0 112px; background-color: #e0efff; } .ss-event-notification .notification-head h2 { color: #3F4F64; font-size: px-to-em(25); font-style: normal; font-weight: 500; line-height: 36px; } .ss-event-notification .notification-head p { color: #4F637D; font-size: 1.2142857143rem; font-style: normal; font-weight: 400; line-height: 22px; margin-top: 3px; } .ss-event-notification .tab-content .email-form button.text-ss-blue-btn, .ss-event-notification .tab-content .sms-form button.text-ss-blue-btn { margin-left: -28px !important; } .ss-tab-scroll-container { display: flex; align-items: center; margin-top: -49px; } .ss-tab-scroll-container .scroll-btn { width: 30px; height: 30px; background: #c7d2e0; border: none; cursor: pointer !important; font-weight: bold; position: absolute; border-radius: 30px; } .ss-tab-scroll-container .scroll-btn.left { left: 10px; } .ss-tab-scroll-container .scroll-btn.right { right: 10px; } .ss-tab-scroll-container .scroll-btn:hover { background: #0069E0; color: #fff; } .ss-tab-scroll-container .ss-tab-scroll-wrapper { flex: 1; overflow-x: auto; white-space: nowrap; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; } .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs { flex-wrap: nowrap; border: none; } .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs .nav-item { white-space: nowrap; position: relative; padding-top: 3px; } .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs .nav-item .nav-link { color: #0069E0; font-size: 1rem !important; padding: 12px 18px 12px 18px; border-radius: 9px 9px 0px 0px !important; border: none; background-color: #fff; margin-right: 10px; } .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs .nav-item .nav-link span { font-style: normal; font-weight: 600; line-height: 16px; letter-spacing: 0.36px; } .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs .nav-item .nav-link:before { content: ""; background-color: #D9DFE7; position: absolute; top: 3px; height: 2px; width: calc(100% - 36px); left: 13px; border-radius: 50px; } .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs .nav-item .nav-link.active { color: #0069E0; } .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs .nav-item .nav-link.active:before { background-color: #0069E0; } .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs .nav-item a { color: #758BA9; margin-left: 18px; position: relative; top: -32px; left: 77px; } .ss-tab-scroll-container .ss-tab-scroll-wrapper::-webkit-scrollbar { display: none; } .cc-head-controls { padding: 10px 0 10px 0; } .cc-head-controls .ss-toogle-switch { float: left; } .cc-head-controls .cc-cal-date-display { padding: 6px 22px; line-height: 20px; float: left; } .cc-head-controls .cc-cal-date-display .render-range { font-family: Poppins; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 27px; color: #3F4F64; padding: 0 0 0 9px; } .cc-head-controls .dropdown { float: left; } .cc-head-controls .dropdown button { padding: 11px 40px 11px 18px !important; } .cc-head-controls .cc-cal-ft-toggles .ss-toogle-switch input[type=radio] + label.btn { padding: 4px 15px; } .dropdown-cst-arrow .dropdown-toggle { background-image: url(../application_images/ss_theme/ddowndarrow_icn.svg); background-repeat: no-repeat; background-position: right 14px center; padding: 12px 40px 12px 18px !important; font-size: 1rem !important; font-style: normal; font-weight: 500; line-height: 15px; letter-spacing: 0.26px; border: none; color: #0069E0; } .dropdown-cst-arrow .dropdown-toggle:after { display: none; } .dropdown-cst-arrow .dropdown-menu { background-color: #F2F4F7 !important; padding: 12px 8px !important; min-width: 200px; border-radius: 12px; border: none; margin-top: 6px !important; max-height: 250px; overflow-y: auto; } .dropdown-cst-arrow .dropdown-menu li { border: none !important; } .dropdown-cst-arrow .dropdown-menu li a, .dropdown-cst-arrow .dropdown-menu li button { font-size: 1rem; text-decoration: none; padding: 10px 14px; font-weight: 400; line-height: 18px; border-radius: 15px; display: block; } .dropdown-cst-arrow .dropdown-menu li a .calendar-icon, .dropdown-cst-arrow .dropdown-menu li button .calendar-icon { width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 6px !important; } .dropdown-cst-arrow .dropdown-menu li a .ic_view_day, .dropdown-cst-arrow .dropdown-menu li button .ic_view_day { background-image: url(../application_images/ss_theme/ic-view-day.png); } .dropdown-cst-arrow .dropdown-menu li a .ic_view_week, .dropdown-cst-arrow .dropdown-menu li button .ic_view_week { background-image: url(../application_images/ss_theme/ic-view-week.png); } .dropdown-cst-arrow .dropdown-menu li a .ic_view_month, .dropdown-cst-arrow .dropdown-menu li button .ic_view_month { background-image: url(../application_images/ss_theme/ic-view-month.png); } .tui-full-calendar-layout { border: 1px solid #e6e6e6; border-radius: 6px; } .tui-full-calendar-layout .tui-full-calendar-month-dayname { border-top: none !important; } .tui-full-calendar-month-week-item .tui-full-calendar-weekday-schedule { border: none !important; border-radius: 30px !important; padding: 0 12px !important; } .tui-full-calendar-month-more .tui-full-calendar-month-more-schedule { border: none !important; border-radius: 30px !important; padding: 0 12px !important; } .mini-card { min-width: 120px; padding: 18px; border-radius: 12px; display: inline-block; margin-right: 18px; } .mini-card p { font-size: 1rem; font-style: normal; font-weight: 500; line-height: 15px; letter-spacing: 0.26px; color: #4F637D; } .mini-card span { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; } .mini-card.card-schedul { background-color: #EBF4FF; } .mini-card.card-schedul span { color: #27313F; } .mini-card.card-due { background-color: #FEF0EC; } .mini-card.card-due span { color: #EE5622; } .mini-card.card-complete { background-color: #D6FFE7; } .mini-card.card-complete span { color: #008F39; } .cc_calendar_ss_body .cc-search-ctrl .btnClearSelect2 { position: absolute; top: 13px; right: 12px; } .cc_calendar_ss_body .tui-full-calendar-month-more { border-radius: 18px; overflow: hidden; border: none !important; } .cc_calendar_ss_body span.tui-full-calendar-weekday-grid-more-schedules { background: #e4ebef; border-radius: 18px; height: 20px !important; line-height: 19px !important; color: #4e6f80 !important; padding: 0 8px !important; } .cc_calendar_ss_body .custom-backdrop { background: #0000005c; width: 100%; height: 100vh; position: fixed; z-index: 198; top: 0; left: 0; } .cc_calendar_ss_body .tui-full-calendar-popup-detail { box-shadow: none !important; } .cc_calendar_ss_body .tui-full-calendar-popup-detail .tui-full-calendar-section-detail { margin-bottom: 0 !important; padding-bottom: 16px !important; } .cc_calendar_ss_body .tui-full-calendar-popup-detail .tui-full-calendar-popup-container { box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.2) !important; border: none !important; border-radius: 20px !important; background-color: #e9f5fe; } .cc_calendar_ss_body .tui-full-calendar-popup-detail .tui-full-calendar-popup-top-line { width: calc(100% - 40px) !important; height: 6px; border: none; top: 0px; left: 17px; opacity: 0.5; border-radius: 12px !important; } .cc_calendar_ss_body .tui-full-calendar-weekday-grid-line.tui-full-calendar-near-month-day[style*="width:8.333333333333334%"] .tui-full-calendar-weekday-grid-more-schedules { margin-top: -26px !important; } .recon_cst .cst-alert-light p.help_text { float: none !important; } .dpicker-height-fix { min-height: 260px !important; } .btn.btn-link { padding: 2px 11px !important; font-size: 11px !important; margin-top: 5px; } .ss-mini-mdl-box { padding: 18px; border-radius: 12px; background: #EBF4FF; height: 100%; } .ss-mini-mdl-box h5 { color: #4F637D; font-size: 16px; } .ss-mini-mdl-box span { border-radius: 5px; padding: 3px 8px; color: #444; border: 1px solid #7c7c7c; margin: 5px 0 5px 0; display: inline-block; } .ss-mini-mdl-box p { color: #4F637D; line-height: 17px; padding-bottom: 10px; padding-top: 5px; } .search-wcalc { width: calc(100% - 60px); } .cc-cst-btn-groups { width: 100%; } .success-svg-wrap { width: 60px; height: 60px; margin: 0 auto; } .success-svg-wrap svg.checkmark { width: 100%; height: 100%; stroke-width: 2; stroke: #4caf50; stroke-miterlimit: 10; stroke-linecap: round; stroke-linejoin: round; animation: scaleAnimation 0.3s ease-in-out forwards; } .success-svg-wrap svg.checkmark .checkmark-circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke: #4caf50; animation: strokeCircle 0.6s ease-in-out forwards; } .success-svg-wrap svg.checkmark .checkmark-check { stroke-dasharray: 48; stroke-dashoffset: 48; stroke: #4caf50; animation: strokeCheck 0.3s 0.6s ease-in-out forwards; } @keyframes strokeCircle { 100% { stroke-dashoffset: 0; } } @keyframes strokeCheck { 100% { stroke-dashoffset: 0; } } @keyframes scaleAnimation { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } #savecalendarassignmentspopup .mdl-btn-close { display: none; } .ss-default-filters.has-content { margin-bottom: 10px; border: 1px solid #d9dfe761; padding: 10px; border-radius: 8px; background-color: #fdfeff; box-shadow: 0 4px 8px #00000008; } .ss-default-filters .ss-default-filters-inner { display: grid; grid-template-columns: 25% 25% 25% auto; gap: 10px; } .ss-default-filters .ss-default-filters-inner .chem-ss-filter-block { padding: 8px 5px 5px 10px !important; margin: 0 !important; } .ss-default-filters .ss-default-filters-inner .chem-ss-filter-block .chem-ss-filter-block-inner .input-group .form-select, .ss-default-filters .ss-default-filters-inner .chem-ss-filter-block .chem-ss-filter-block-inner .permit-field-ss .field_group .ss-cofe-btn-group .form-select, .permit-field-ss .field_group .ss-default-filters .ss-default-filters-inner .chem-ss-filter-block .chem-ss-filter-block-inner .ss-cofe-btn-group .form-select { width: 35% !important; font-size: 10px !important; } .ss-default-filters .ss-default-filters-inner .chem-ss-filter-block .chem-ss-filter-block-inner .input-group .form-control, .ss-default-filters .ss-default-filters-inner .chem-ss-filter-block .chem-ss-filter-block-inner .permit-field-ss .field_group .ss-cofe-btn-group .form-control, .permit-field-ss .field_group .ss-default-filters .ss-default-filters-inner .chem-ss-filter-block .chem-ss-filter-block-inner .ss-cofe-btn-group .form-control { width: 55% !important; } .ss-default-filters .ss-default-filters-inner .chem-ss-filter-block .chem-ss-filter-block-inner .flt-label { padding-bottom: 6px !important; font-weight: 500; } .ss-default-filters .query_builder_multiselect_btn { width: 97% !important; } .ss-df-filter-chips em { font-style: normal; border: 1px solid #838f9c6b; padding: 3px 4px 3px 9px; border-radius: 16px; font-size: 11px; color: #4F637D; margin: 0 5px 5px 0; } .ss-df-filter-chips em span { font-weight: 700; } .ss-df-filter-chips em b { font-weight: 500; } .ss-df-filter-chips em button { color: #4F637D; background-size: 9px auto; } .total-risk-score { padding: 14px 34px; line-height: 33px; border-radius: 9px; background: #f1f3f9; margin-top: 10px; } .total-risk-score .total-risk-score-inner { text-align: right; } .total-risk-score .total-risk-score-inner em { font-style: normal; font-weight: 700; } .total-risk-score .total-risk-score-inner span { display: inline-block !important; margin-left: 18px; } .ss-location-outer-class .loc-exist-value { display: flex; } .ss-location-outer-class .loc-exist-value a.btn-blue { background-color: #0069E0 !important; margin-left: 9px !important; border-radius: 50px; width: 36px; height: 36px; padding: 0 !important; } .ss-location-outer-class .loc-exist-value a.btn-blue span.btn.fa.fa-search { font-family: 'FontAwesome' !important; padding: 6px !important; border: none !important; } .ss-location-outer-class #rm_search_comp { background: none !important; border-radius: 9px; border-color: #dfdfdf; margin-top: 7px; } .ss-location-outer-class #rm_search_comp .select-adv-serarch { z-index: 0 !important; display: flex; } .ss-location-outer-class #rm_search_comp .select-adv-serarch label { margin-left: 4px; } .ss-location-outer-class #dv_norm_search .lc-close-icn { display: none !important; } .cst-ss-ras-add-btn { position: absolute; right: 0; top: 18px; z-index: 1; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.move-day):not(.move-today), .permit-field-ss .field_group .ss-cofe-btn-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.move-day):not(.move-today) { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; } .dataTables_wrapper button.buttons-collection.buttons-page-length { border-radius: 18px !important; border: 1px solid #cbcbcb !important; padding: 8px 12px !important; } .select2-wt-btn .select2-container { flex: 1 0 0%; } label.control-label { color: #3f4f64; margin-bottom: 0 !important; font-family: "Inter", serif; font-weight: 500; } .ss-login * { font-family: "Inter", serif !important; } .ss-vrt-align { display: flex; justify-content: space-between; align-items: center; } #user_info_div table.table, #space_info_div table.table, #location_type_div table.table, #training_div #records_table_wrapper table.table, #groups_info_div table.table, #asset_info_div table.table, #org_info_div table.table { border-radius: 10px; background: #f1f1f187; overflow: hidden; margin-bottom: 10px !important; } #user_info_div table.table thead th h2, #space_info_div table.table thead th h2, #location_type_div table.table thead th h2, #training_div #records_table_wrapper table.table thead th h2, #groups_info_div table.table thead th h2, #asset_info_div table.table thead th h2, #org_info_div table.table thead th h2 { margin-bottom: 0 !important; } #user_info_div table.table thead th h3, #space_info_div table.table thead th h3, #location_type_div table.table thead th h3, #training_div #records_table_wrapper table.table thead th h3, #groups_info_div table.table thead th h3, #asset_info_div table.table thead th h3, #org_info_div table.table thead th h3 { margin-bottom: 0 !important; } .cc-cal-ft-toggles { float: right; margin-right: 10px; text-align: left; } .cc-cal-ft-toggles label { font-size: 12px; color: #4F637D; } .ss-over-due, .ss-open, .ss-completed, .ss-cancelled { font-weight: 400; font-size: 12px; line-height: 15px; vertical-align: middle; border-radius: 12px; padding: 5px 8px; white-space: nowrap; } .ss-over-due i, .ss-open i, .ss-completed i, .ss-cancelled i { position: relative; top: 1px; margin-right: 2px; } .ss-over-due { background-color: #FEF0EC; color: #EE5622; } .ss-open { background-color: #EBF4FF; color: #2672ce; } .ss-completed { background-color: #D6FFE7; color: #008F39; } .ss-cancelled { background-color: #e3eaf3; color: #577084; } table#cc_ss_calendar_events_table tbody td { font-weight: normal; } .ss-cc-attachment-files .float-start.position-relative img { height: 250px !important; object-fit: contain !important; } .ss-cc-attachment-files .float-start.position-relative::after { background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 72%); position: absolute; width: 100%; height: 60px; bottom: 0; left: 0; content: ""; z-index: 0; } .ss-cc-attachment-files .cc_files_remove { position: absolute; bottom: 15px; z-index: 1; left: 50%; margin-left: -68px; } .form-floating textarea:not(.cntrl-txt):not(:placeholder-shown) { padding-top: 0 !important; margin-top: 27px !important; } .form-floating textarea:not(.cntrl-txt):not(:placeholder-shown) ~ label { transform: scale(0.85) translateY(-2.5rem) translateX(0.15rem) !important; } @media (max-width: 1352px) and (min-width: 1200px) { .cc-head-controls .cal-controls-left .cc-cal-date-display { padding: 6px 3px !important; width: calc(100% - 76px); } } @media (max-width: 1164px) { .risk-low, .risk-med, .risk-high { padding: 6px !important; } } @media (min-width: 992px) and (max-width: 1024px) { .ss-pyramid-tabs { transform: scale(0.8); } } @media (min-width: 768px) and (max-width: 1168px) { .cc_calendar_ss_body .calendar-events-tab-div .exprt-edit-btn #bulk_edit_cc_event_assignment_btn { margin-top: 3px !important; } } .export-tab-filter-block { padding: 20px !important; border-radius: 10px !important; } .masonry-ss { column-count: 1; column-gap: 1rem; } @media (max-width: 992px) { .masonry-ss { column-count: 1; } } @media (max-width: 576px) { .masonry-ss { column-count: 1; } } .masonry-ss-item { break-inside: avoid; margin-bottom: 1rem; } .masonry-ss .card-custom { background: white; border-radius: 1rem; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); padding: 1.25rem; } .masonry-ss .card-custom .card-placeholder .ss-card-inner div.btn-group i.export_help { color: #0069E0 !important; } .masonry-ss .card-custom .card-placeholder .ss-card-inner div.btn-group .ss-card-btn .export_help { position: absolute; left: 0; z-index: 1; margin-left: 27px; color: #0069E0 !important; font-size: 1.1428571429rem; font-weight: 800; } .masonry-ss .card-custom .card-placeholder .ss-card-inner div.btn-group .ss-card-btn a.ss-card-link { padding-left: 47px !important; } .masonry-ss .card-custom .card-placeholder h3 i.export_help { color: #0069E0 !important; } .dm-permits-view h1, .ss-permit-dm h1 { margin-top: 15px; } .dm-permits-view h2, .ss-permit-dm h2 { margin-top: 15px; } .dm-permits-view h3, .ss-permit-dm h3 { margin-top: 15px; } .dm-permits-view h4, .ss-permit-dm h4 { margin-top: 15px; } .dm-permits-view label, .dm-permits-view legend, .dm-permits-view button.fa-question-circle, .dm-permits-view .control-label, .ss-permit-dm label, .ss-permit-dm legend, .ss-permit-dm button.fa-question-circle, .ss-permit-dm .control-label { font-size: 1rem !important; font-weight: 500 !important; } .dm-permits-view .radio label input[type=radio], .dm-permits-view .checkbox label input[type=checkbox], .ss-permit-dm .radio label input[type=radio], .ss-permit-dm .checkbox label input[type=checkbox] { height: 14px !important; } .dm-permits-view .form_object_div, .ss-permit-dm .form_object_div { padding-bottom: 58px !important; padding: 10px; border-radius: 5px; margin-bottom: 5px; } .dm-permits-view #add_detect, .dm-permits-view #add_ram, .ss-permit-dm #add_detect, .ss-permit-dm #add_ram { margin-top: 7px; } .ss-permit-dm { margin: 60px !important; } .ss-permit-dm .form-group { padding-top: 15px; } .cofe_file_view .ss-file-attachment-itms { margin: 4px; text-align: center !important; } .cofe_file_view .ss-file-attachment-itms .fa-pencil::before { content: url(../application_images/ss_theme/edit_icn.svg) !important; margin: 4px; position: relative; top: 5px; } .nav-tabs-ss.dm-nav-tabs-ss { padding: 0; border: none; } .nav-tabs-ss.dm-nav-tabs-ss li.nav-item { padding: 0 !important; } .nav-tabs-ss.dm-nav-tabs-ss li.nav-item .nav-link { background-image: linear-gradient(to bottom, #f1f1f1, #f3f3f3, #fff, #fff, #fff); margin: 0 2px; } .nav-tabs-ss.dm-nav-tabs-ss li.nav-item .nav-link.nav-link.active span, .nav-tabs-ss.dm-nav-tabs-ss li.nav-item .nav-link.nav-link:hover span, .nav-tabs-ss.dm-nav-tabs-ss li.nav-item .nav-link.nav-link:focus span, .nav-tabs-ss.dm-nav-tabs-ss li.nav-item .nav-link.nav-link:active span { border-color: #0069E0; } .nav-tabs-ss.dm-nav-tabs-ss li.nav-item .nav-link span { padding: 0.544rem 0; } .bs-ss-toogle .toggle { min-width: 60px !important; min-height: 30px !important; border-radius: 38px !important; width: 60px !important; height: 30px !important; background: #0069E0 !important; } .bs-ss-toogle .toggle.off { border: 1px solid #d6d6d6; background: #e9e9e9 !important; } .bs-ss-toogle .toggle.off .toggle-group { left: -195% !important; } .bs-ss-toogle .toggle.off .toggle-group .btn { white-space: nowrap; } .bs-ss-toogle .toggle.off .toggle-group .btn.toggle-handle { right: 0; left: initial; background-color: #9298a7; } .bs-ss-toogle .toggle.off .toggle-group .toggle-off.btn { background: #e9e9e9; } .bs-ss-toogle .toggle-on { padding-right: 3px !important; color: #fff; background-image: none !important; border: none !important; } .bs-ss-toogle .toggle .toggle-group { white-space: nowrap; display: inline-block; } .bs-ss-toogle .toggle .toggle-group .btn.toggle-handle { background-color: #fff; left: -85px; width: 24px; height: 24px; border-radius: 50px; } .bs-ss-toogle .toggle .ss-toggle + .toggle-group label:first-child { background-color: transparent !important; line-height: 15px !important; } .bs-ss-toogle .toggle-off { padding-left: 55px; padding-right: 11px; } a.mdl-btn-close + .modal-body .no-ss-close { display: none; } .permit-field-ss .fa-remove.remove_field, .permit-field-ss .fa-remove.remove_property, .permit-field-ss .fa-arrow-up.raise_priority, .permit-field-ss .fa-remove.remove_workflow, .permit-field-ss .show_roster_role { float: none !important; } .permit-field-ss .field_group label { display: inline-block; vertical-align: top; text-align: end; } .permit-field-ss .field_group label + div { display: inline-block; width: 83%; vertical-align: middle; padding-left: 13px !important; } .permit-field-ss .field_group label + div input, .permit-field-ss .field_group label + div textarea, .permit-field-ss .field_group label + div select { margin-bottom: 4px !important; } .permit-field-ss .field_group button.fa-question-circle, .permit-field-ss .field_group button.fa-info-circle { color: black !important; } .permit-field-ss .field_group .ss-cb-cofe-field-block label.control-label { margin-top: 8px !important; } .permit-field-ss .field_group .ss-cb-cofe-field-block div:nth-child(1) { display: inline-flex !important; } .permit-field-ss .field_group .ss-cb-cofe-field-block div:nth-child(1) i.fa-question-circle { margin-top: 4.5px !important; } .permit-field-ss .field_group .ss-cb-cofe-field-block div:nth-child(2) { display: inline !important; padding-left: 13px !important; } .permit-field-ss .field_group .btn-orange, .permit-field-ss .field_group .btn-green { box-shadow: none !important; margin-bottom: 4px !important; } .permit-field-ss .field_group .btn-default { box-shadow: none !important; margin-bottom: 4px !important; } .permit-field-ss .field_group .btn-group button { border-radius: 40px !important; } .permit-field-ss .field_group .ss-cofe-btn-group { display: inline-flex; } .permit-field-ss .field_group .ss-cofe-btn-group div:nth-child(1) { display: inline-flex; width: 92%; } .permit-field-ss .field_group .ss-cofe-btn-group button { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100%; border: 2px solid #0069E0 !important; } .permit-field-ss .field_group .ss-cofe-btn-group + div div:nth-child(2) { padding-left: 232px !important; } .permit-field-ss #form_workflow .field_group { margin-top: 50px !important; } #specialfieldModal .modal-body button:not(.ss-cancel), #addpropertyModal .modal-body button:not(.ss-cancel) { width: 100%; margin-bottom: 4px; } #specialfieldModal .modal-body button.ss-cancel, #addpropertyModal .modal-body button.ss-cancel { width: 100%; margin-top: 8px !important; } #previewformModal #formbuilder-buttons .btn-danger.btn-sm { display: none !important; } #previewformModal .btn-orange, #previewformModal .btn-green, #previewformModal .btn-blue { box-shadow: none !important; margin-bottom: 4px !important; border: 2px solid #0069E0 !important; } .ss-badge { background: transparent !important; border-radius: 22px !important; font-size: 0.8571428571rem !important; line-height: 20px !important; border: 1px solid #0069E0 !important; color: #0069E0; padding: 2px 10px; display: inline-block; margin-right: 8px; } @media (max-width: 991.98px) { .ss-program-builder-section .ss-pyramid-ssection { text-align: center; } .ss-program-builder-section .ss-pyramid-ssection .ss-pyramid-tabs { position: relative; transform: scale(1); display: inline-block; } .ss-program-builder-section .ss-pyramid-ssection .ss-pyramid-tabs .program-tab, .ss-program-builder-section .ss-pyramid-ssection .ss-pyramid-tabs .framework-tab, .ss-program-builder-section .ss-pyramid-ssection .ss-pyramid-tabs .sub-program-tab, .ss-program-builder-section .ss-pyramid-ssection .ss-pyramid-tabs .calendar-events-tab { margin: 0 auto !important; } .ss-program-builder-section .tab-content .pyramid-tab-info { min-height: 0px !important; } .ss-program-builder-section .tab-content .pyramid-tab-info .pyramid-tab-info-inner { width: 100% !important; margin: 0 !important; } .ss-program-builder-section .tab-content .pyramid-tab-info + div { margin-top: 0px; } .offcanvas.prop-detail-view-pane { width: 75% !important; } #editcontrol_measures_table_prev .ras-tfoot, #approve_actcontrol_measures_table_prev .ras-tfoot, #modalDialogPrevRAForm .ras-tfoot { display: none !important; } .ras-score-text { display: block !important; } .cc_calendar_ss_body span.tui-full-calendar-weekday-grid-more-schedules { transform: scale(0.8); margin-right: -8px; width: 61px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cc_calendar_ss_body:not(.hide-sidedrawer) .ss-program-builder-section .srch-fltr-btn, .cc_calendar_ss_body:not(.hide-sidedrawer) .ss-program-builder-section .exprt-edit-btn { width: 100%; } .exprt-edit-btn { margin-top: 10px !important; } .btn-ss-showAdv-filters { height: 46px !important; width: 46px !important; } .add-new-ss-calender .ss-form-step .ss-cal-event-block { width: 100% !important; padding: 0 !important; } .add-new-ss-calender .ss-step-2 .cst-search-multi-btm-chips:not(.no-lft-bdr-radious) { width: 470px !important; } #cc_events_assigned_table_info { padding-top: 2px; } } @media (min-width: 768px) and (max-width: 991.98px) { .chem-ss-inventory-detail .ras-tfoot, .ras-ss-detail .ras-tfoot { display: none !important; } } @media (max-width: 642px) { #ra_job_activity_div .dataTables_wrapper .dt-buttons .buttons-page-length, #ra_control_measures_div .dataTables_wrapper .dt-buttons .buttons-page-length { margin-bottom: 10px !important; } div.dt-buttons { display: inline-block; margin-bottom: 0 !important; padding-top: 0 !important; } .cst-ss-ras-add-btn { top: -1px !important; } .ss-risk-assessment-form .ss-cal-event-block { padding: 0px 15px 0px 15px; } .offcanvas.prop-detail-view-pane { width: 100% !important; } } @media (max-width: 575.98px) { .sms-form div.cc-user, .email-form div.cc-user, #cc_template_form div.cc-user { margin-top: 56px; } .sms-form div.cc-user + div, .email-form div.cc-user + div, #cc_template_form div.cc-user + div { margin-top: -62px; } .sms-form div.cc-user.frm-cc, .email-form div.cc-user.frm-cc, #cc_template_form div.cc-user.frm-cc { margin-top: 91px; } .sms-form .switch-cc, .email-form .switch-cc, #cc_template_form .switch-cc { position: relative !important; top: -200px; } .sms-form .switch-cc.cc-sms, .email-form .switch-cc.cc-sms, #cc_template_form .switch-cc.cc-sms { top: -135px !important; } .add-new-ss-calender .dropdown-select-type, .add-new-ss-calender .dropdown-menu.show { width: 100% !important; } .add-new-ss-calender .ss-step-2 .ss-cal-event-block { margin-left: 0px !important; } .add-new-ss-calender .cst-search-multi-btm-chips { width: 100% !important; } .add-new-ss-calender .cst-search-multi-btm-chips .select2-selection--multiple .select2-search.select2-search--inline textarea { width: calc(100% - 110px) !important; } .add-new-ss-calender .btn_org, .add-new-ss-calender .no-lft-bdr-radious .select2-selection--multiple { width: 100% !important; border-radius: 40px !important; margin-bottom: 7px; } .add-new-ss-calender .ss-chip-tag, .add-new-ss-calender .ss-chip-tag-light { white-space: normal; word-break: break-all; } html body .ss-form-step .ss-cal-event-block { padding-left: 22px !important; padding-right: 22px !important; } .ss-tab-scroll-container .scroll-btn { width: 24px; height: 24px; position: relative; top: 2px; } .ss-tab-scroll-container .scroll-btn.left { left: -8px !important; margin-right: -4px !important; } .ss-tab-scroll-container .scroll-btn.right { right: -8px !important; margin-left: -5px !important; } .cc_calendar_ss_body span.tui-full-calendar-weekday-grid-more-schedules { transform: scale(0.5); margin-right: -12px; margin-top: -32px; width: 43px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cc-cal-ft-toggles { margin-right: 3px; } #ra_table.dataTable.dataTable > tbody > tr.child span.dtr-title, #user_info_div table#ra_table.table > tbody > tr.child span.dtr-title, #space_info_div table#ra_table.table > tbody > tr.child span.dtr-title, #location_type_div table#ra_table.table > tbody > tr.child span.dtr-title, #training_div #records_table_wrapper table#ra_table.table > tbody > tr.child span.dtr-title, #groups_info_div table#ra_table.table > tbody > tr.child span.dtr-title, #asset_info_div table#ra_table.table > tbody > tr.child span.dtr-title, #org_info_div table#ra_table.table > tbody > tr.child span.dtr-title { display: block !important; } .ss-risk-assessment-form #ss-form-step-1 .ss-steps-footer button.btn { padding: 7px 28px !important; font-size: 12px !important; } .ss-risk-assessment-form .ss-steps-footer { padding: 21px 0; } .ss-risk-assessment-form .ss-steps-footer .container { display: flex; justify-content: space-evenly !important; padding: 0; } .ss-risk-assessment-form .ss-steps-footer .container button.btn { padding: 7px 19px; margin-right: 0px !important; font-size: 11px; } html body .advance-filters-pannel-ss .offcanvas-footer button { padding: 7px 24px !important; font-size: 0.7857142857rem !important; margin-right: 2px !important; width: auto !important; } html body .advance-filters-pannel-ss .offcanvas-footer button i { font-size: 0.7857142857rem !important; } .chem-ss-filter-block-inner .multiselect-native-select .btn-group button.multiselect.dropdown-toggle.query_builder_multiselect_btn span.multiselect-selected-text { display: block; width: auto !important; } } @media (max-width: 476.98px) { .ss-pyramid-ssection { margin-top: -51px; margin-bottom: -24px; } .ss-pyramid-ssection .ss-pyramid-tabs { transform: scale(0.7) !important; margin: 0px calc(-23vw); } .ss-event-notification .notification-head { padding: 20px 0 70px !important; } .ss-event-notification .notification-head #switch_default, .ss-event-notification .notification-head .add-email, .ss-event-notification .notification-head .add-sms { padding: 8px 16px !important; margin-left: -5px; font-size: 12px; } .ss-tab-scroll-container .ss-tab-scroll-wrapper .nav-tabs .nav-item .nav-link { font-size: 12px !important; } .calendar-events-tab-div .exprt-edit-btn { text-align: center !important; } .calendar-events-tab-div .exprt-edit-btn #bulk_edit_cc_event_assignment_btn { float: none !important; margin-top: 5px; } .cc-head-controls .info-ss-cards .mini-card { min-width: 99px; margin-right: 2px !important; margin-top: 5px !important; padding: 16px; } .cc-head-controls .cal-controls-right { margin-top: 16px; } .cc-head-controls .cal-controls-right .btn-ss-showAdv-filters { margin-top: 14px !important; margin-left: -10px !important; } .cc-head-controls .cal-controls-right .cc-cal-ft-toggles { margin-right: 7px; } .cc-head-controls .cal-controls-right .cc-cal-ft-toggles .ss-toogle-switch input[type=radio] + label.btn { padding: 4px 7px; font-size: 13px; } .cc-head-controls .cal-controls-left { padding-top: 2px !important; } .cc-head-controls .cal-controls-left button.dropdown-toggle { transform: scale(0.9); margin-top: 4px; margin-left: -1px; padding-bottom: 10px !important; padding-right: 34px !important; padding-left: 12px !important; } .cc-head-controls .cal-controls-left .cc-cal-date-display { float: none; margin-top: 41px !important; margin-left: 2px !important; padding-right: 3px; } .cc-head-controls .cal-controls-left .cc-cal-date-display .render-range { font-size: 11px !important; padding: 0 0px 0 1px !important; } .cc-head-controls .cal-controls-left .ss-toogle-switch { width: 100%; margin-left: -3px; } .cc-head-controls .cal-controls-left .cal-ss-nxt-prv { transform: scale(0.9); margin-left: -7px; margin-right: -5px; margin-top: 3px; } .cc-head-controls .cal-controls-left .cal-ss-nxt-prv .btn { padding: 7px 6px !important; } .cc-head-controls .cal-controls-left .cal-ss-nxt-prv .move-today { padding-right: 4px !important; padding-left: 4px !important; } .review-ras-btns { display: flex; justify-content: space-between; flex-direction: row-reverse; } .review-ras-btns button.btn { padding: 7px 19px !important; margin-right: 0px !important; font-size: 12px !important; } #job_activity_table_details .ras-tfoot, #editjob_activity_table_prev .ras-tfoot, #approve_actjob_activity_table_prev .ras-tfoot { display: none !important; } #modalDialogPrevRAForm .ras-tfoot { display: block !important; } #modalDialogPrevRAForm .ras-score-text { display: none !important; } .dataTables_paginate { width: 100% !important; } .dataTables_paginate .pagination { transform: scale(0.7); } .assessment-fltrs label.form-label { font-size: 12px !important; } .assessment-fltrs .offcanvas-footer button { padding: 4px 16px !important; font-size: 0.7857142857rem !important; } .assessment-fltrs .offcanvas-footer button i { font-size: 0.7857142857rem !important; } } @media (max-width: 375.98px) { .cc-head-controls .info-ss-cards .mini-card { margin-right: -8px !important; margin-left: -9px; transform: scale(0.8); } .cc-head-controls .cal-controls-right .btn-ss-showAdv-filters { margin-top: 15px !important; transform: scale(0.9); margin-right: -3px !important; } .cc-head-controls .cal-controls-right .cc-cal-ft-toggles { transform: scaleX(0.8) !important; margin-left: -8px; margin-right: -2px; } .cc-head-controls .cal-controls-left { margin-bottom: -13px; } .cc-head-controls .cal-controls-left .cal-ss-nxt-prv { transform: scale(0.7); margin-left: -16px; margin-right: -27px; margin-top: 3px; } .cc-head-controls .cal-controls-left button.dropdown-toggle { transform: scale(0.7); margin-top: 3px; margin-left: 1px; margin-right: -12px; } .cc-head-controls .cal-controls-left .cc-cal-date-display { margin-top: 36px !important; } .cc-head-controls .cal-controls-left .cc-cal-date-display img { transform: scale(0.8); } .cc-head-controls .cal-controls-left .ss-toogle-switch { transform: scale(0.8); margin-left: -27px; margin-bottom: -6px; } } @media (max-width: 360.98px) { .ras_ss_body, .cc_calendar_ss_body { margin-top: 125px !important; } .cst-ss-ras-add-btn { top: 42px !important; } #ra_job_activity_div table.dataTable, #ra_job_activity_div #user_info_div table.table, #user_info_div #ra_job_activity_div table.table, #ra_job_activity_div #space_info_div table.table, #space_info_div #ra_job_activity_div table.table, #ra_job_activity_div #location_type_div table.table, #location_type_div #ra_job_activity_div table.table, #ra_job_activity_div #training_div #records_table_wrapper table.table, #training_div #records_table_wrapper #ra_job_activity_div table.table, #ra_job_activity_div #groups_info_div table.table, #groups_info_div #ra_job_activity_div table.table, #ra_job_activity_div #asset_info_div table.table, #asset_info_div #ra_job_activity_div table.table, #ra_job_activity_div #org_info_div table.table, #org_info_div #ra_job_activity_div table.table, #ra_control_measures_div table.dataTable, #ra_control_measures_div #user_info_div table.table, #user_info_div #ra_control_measures_div table.table, #ra_control_measures_div #space_info_div table.table, #space_info_div #ra_control_measures_div table.table, #ra_control_measures_div #location_type_div table.table, #location_type_div #ra_control_measures_div table.table, #ra_control_measures_div #training_div #records_table_wrapper table.table, #training_div #records_table_wrapper #ra_control_measures_div table.table, #ra_control_measures_div #groups_info_div table.table, #groups_info_div #ra_control_measures_div table.table, #ra_control_measures_div #asset_info_div table.table, #asset_info_div #ra_control_measures_div table.table, #ra_control_measures_div #org_info_div table.table, #org_info_div #ra_control_measures_div table.table { margin-top: 36px !important; } .advance-filters-pannel-ss .rt-block .chem-ss-filter-block-inner button.multiselect { min-width: auto !important; } .add-new-ss-calender .ss-steps-footer { padding: 13px 0 !important; } .add-new-ss-calender .ss-steps-footer button.btn { padding: 8px 24px; } .ss-event-notification .notification-head #switch_default, .ss-event-notification .notification-head .add-email, .ss-event-notification .notification-head .add-sms { padding: 7px 14px !important; margin-left: -2px; font-size: 10px; } html body .advance-filters-pannel-ss .offcanvas-footer button { padding: 7px 20px !important; font-size: 0.7857142857rem !important; } html body .advance-filters-pannel-ss .offcanvas-footer button i { font-size: 0.7857142857rem !important; } .assessment-fltrs .offcanvas-footer div { text-align: center !important; } .assessment-fltrs .offcanvas-footer div button { padding: 7px 20px !important; font-size: 0.5714285714rem !important; margin-right: 2px !important; } .assessment-fltrs .offcanvas-footer div button i { font-size: 0.5714285714rem !important; } } .ss-showmore { color: #0069E0 !important; font-size: 0.8571428571rem; transition: transform 0.3s ease; position: relative; padding-right: 14px; } .ss-showmore:before { content: ""; background-image: url(../application_images/ss_theme/ddowndarrow_icn.svg); background-repeat: no-repeat; background-position: right 3px; padding-right: 15px; background-size: 11px auto; position: absolute; right: 0; width: 12px; height: 12px; } .ss-showmore.up:before { transform: rotate(180deg); background-position: 0 -3px; } .cc_calendar_ss_body table thead tr th:last-child, .cc_calendar_ss_body table tbody tr td:last-child { text-align: center; } .cc_calendar_ss_body table tbody tr td .dtr-details { text-align: left; } .ras_ss_body table.dataTable tbody tr td .descp-text, .ras_ss_body #user_info_div table.table tbody tr td .descp-text, #user_info_div .ras_ss_body table.table tbody tr td .descp-text, .ras_ss_body #space_info_div table.table tbody tr td .descp-text, #space_info_div .ras_ss_body table.table tbody tr td .descp-text, .ras_ss_body #location_type_div table.table tbody tr td .descp-text, #location_type_div .ras_ss_body table.table tbody tr td .descp-text, .ras_ss_body #training_div #records_table_wrapper table.table tbody tr td .descp-text, #training_div #records_table_wrapper .ras_ss_body table.table tbody tr td .descp-text, .ras_ss_body #groups_info_div table.table tbody tr td .descp-text, #groups_info_div .ras_ss_body table.table tbody tr td .descp-text, .ras_ss_body #asset_info_div table.table tbody tr td .descp-text, #asset_info_div .ras_ss_body table.table tbody tr td .descp-text, .ras_ss_body #org_info_div table.table tbody tr td .descp-text, #org_info_div .ras_ss_body table.table tbody tr td .descp-text { word-break: break-word; } .modal-fullscreen-xl { width: 80%; margin: 0 auto; border-radius: 50px !important; } .modal-fullscreen-xl .modal-body { padding: 25px !important; } .cb-ss-spinner + label { position: relative; } .cb-ss-spinner + label:before { content: ""; position: absolute; right: -24px; top: 1px; width: 20px; height: 20px; background-size: contain; background-image: url(../application_images/ss_theme/cb-ss-spinner.gif); } .module-ss-features .multiselect-native-select .multiselect-container { width: 100% !important; } .dropdown-menu-scroll { max-height: 200px; overflow-y: auto; } @media (max-width: 615px) { #tabDropdownButton_data_ss_tabs, #tabDropdownMenu_data_ss_tabs, html body .tabDropdownButton.form_header { width: 100% !important; } } .permit_user_cs-width + .select2 { width: 300px !important; } html body table.cst-force-table thead tr th { border: 1px solid #dee2e6 !important; } html body table.cst-force-table tbody tr td { border: 1px solid #dee2e6 !important; font-size: 12px; font-weight: 500; padding: 5px !important; color: #56595a; } html body table.cst-force-table tbody tr td strong { font-size: 12px; font-weight: 500; display: inline-block; color: #56595a; } /*Scope Tabs*/ .scope-ltch-tabs .tab_active { width: auto; position: relative; line-height: 30px; background-color: #E8F2FF; border: 1px solid #E8F2FF; border-radius: 8px; cursor: pointer; padding: 5px 9px; } .scope-ltch-tabs .tab_active:before { content: ' '; position: absolute; width: 0; height: 0; left: 40%; top: 40px; border: 13px solid #E8F2FF; border-color: #E8F2FF transparent transparent transparent; } .scope-ltch-tabs .tab_active:after { content: ' '; position: absolute; width: 0; height: 0; left: 40%; top: 39.6px; border: 12px solid; border-color: #E8F2FF transparent transparent transparent; } .scope-ltch-tabs .tab_active > span { color: #1C5D99; } .scope-ltch-tabs .tab_active #badge { padding: 0 2px; background-color: #027AFF; border-radius: 4px; margin-left: 15px; color: white; } .scope-ltch-tabs .tab_inactive { width: auto; position: relative; line-height: 30px; background-color: #F6F6F6; border: 1px solid #F6F6F6; border-radius: 8px; cursor: pointer; padding: 5px 9px; } .scope-ltch-tabs .tab_inactive > #tabname { color: #46494D; } .scope-ltch-tabs .tab_inactive #badge { padding: 0 2px; background-color: #848586; border-radius: 4px; margin-left: 15px; color: white; } .scope-ltch-tabs .triple_padding { padding: 27px; } /***** Assessment Audit ******/ .checkbox_primary { margin: 9px 4px; cursor: pointer; font-size: 16px; color: #46494D; font-family: Lato; user-select: none; } .latch-cst-accordian .accordion-button.line_text { left: 50% !important; transform: translateX(-50%) !important; right: unset !important; box-shadow: -19px 0 0 #fff, 19px 0 0 #fff !important; } .latch-ss-instructions-card { background-color: #d9dfe780 !important; border: none !important; } .latch-ss-instructions-card .card { background-color: transparent !important; } .latch-ss-instructions-card .card h4 { margin-bottom: 8px !important; } .latch-ss-instructions-card .card p { line-height: 20px !important; } .latch-ss-instructions-card .card br { display: none !important; } .user_search_results_div { border-style: solid; border-width: 1px; border-color: #0000002d; z-index: 100; background: #f2f4f7; border-radius: 5px; padding: 5px 10px; } .user_search_results_div .user_result { position: relative; border: none; margin-bottom: 2px; border-radius: 9px; padding: 6px 10px; background: #fff; color: #0069E0; font-size: .9285714286rem; font-weight: 600; font-family: "Inter", serif !important; } .user_search_results_div .user_result:hover { background-color: #e0efff; text-decoration: none; } .user_search_results_div #close_results { font-family: "Inter", serif !important; background: url(../application_images/ss_theme/close_icn_1.svg) no-repeat; font-size: 0; width: 25px; height: 25px; position: relative; right: 5px; background-size: 22px auto; top: 5px; } .image-checkbox-cnt { text-align: center !important; } .image-checkbox-cnt .image-checkbox { block-size: 90px !important; inline-size: 100px !important; padding-block: 1rem; border-radius: .375rem; border: 1px solid #dedede; cursor: pointer; transition: all 0.2s ease; } .image-checkbox-cnt .image-checkbox input { opacity: 0; } .image-checkbox-cnt .image-checkbox:hover { transform: translateY(-3px); } .image-checkbox-cnt .image-checkbox.active, .image-checkbox-cnt .image-checkbox.focus { border-color: #61abff; background-color: #e0efff; box-shadow: 0 0.125rem 0.25rem #0000001c; } .image-checkbox-cnt .image-checkbox.active { animation: blinkOnce 4s ease-in-out forwards; } .edit_mode { background: #D6FFE7; animation: blinkOnce 4s ease-in-out forwards; } @keyframes blinkOnce { 0% { background-color: #effdff; } 30% { background-color: #c9dee0; } 60% { background-color: #effdff; } 100% { background-color: #effdff; } } .highlight-amendment { background-color: #e0efff; border: inherit; } .latch_row.active_item .ppe_assignment { display: block !important; } button.multiselect.dropdown-toggle.query_builder_multiselect_btn span.multiselect-selected-text { white-space: unset !important; width: 100%; } .pi-required-alert .multiselect-native-select div, .group-required-alert .multiselect-native-select div { width: 100% !important; } .ss_order_details table { background-color: #EEE; } .ss-multiselect-flt { width: 100%; display: inline-block; } .ss-multiselect-flt .multiselect { text-align: left !important; height: 50px !important; border-radius: 0; border: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat: no-repeat; background-position: right 10px center; background-size: 12px 13px; box-shadow: none; border-bottom: 1px #9dabbf solid; margin-top: 0; } .ss-multiselect-flt button.multiselect.dropdown-toggle.query_builder_multiselect_btn span.multiselect-selected-text { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; margin-top: 14px !important; display: inline-block; color: #333333; } .ss-multiselect-flt .multiselect-container { width: 100%; } label.multi-select-label { transform: scale(0.85) translateY(-0.6rem) translateX(0.15rem); font-size: .9285714286rem !important; } .ss-fliter-config { background: #fff; padding: 15px; border-radius: 5px; margin-bottom: 15px; } .dashboard-ss-filters { margin-bottom: 20px; background: #fff; padding: 15px; border-radius: 5px; } .ss_component_search .compo_search_results_div { background: #ecf4ff; border: 1px solid #ced6e1; border-radius: 5px; margin-top: 5px; padding-top: 15px; } .ss_component_search .compo_search_results_div .component_item .card { display: block; } .ss_component_search .compo_search_results_div .component_item .card .kpi_icon_wrapper { width: 30px; float: left; } .ss_component_search .compo_search_results_div .component_item .card .kpi_icon_wrapper .card_icon { padding-right: 0 !important; } .ss_component_search .compo_search_results_div .component_item .card .card_value { width: calc(100% - 40px); margin-right: 0; float: left; } .ss-compact-table td { padding-left: 3px !important; padding-top: 2px !important; padding-bottom: 1px; } .permit_workflow_view_tab_div .ss-switch-btn .switch_tool_section .switch_tool_block .btn-group label.btn { width: 85px !important; } .ss-permit-auth-tabs .tab-content { border-top: 0 !important; padding-top: 3rem; margin-top: -39px; padding-right: 1rem !important; padding-left: 1rem !important; padding-top: 3rem !important; } .ss-permit-auth-btns { position: relative; top: 12px; text-align: right; padding-right: 1rem; padding-left: 1rem; } .ss_review_assessment td, th, p { font-weight: 400; } .kisosk-ss-body .ss-permit-dm label, .kisosk-ss-body .ss-permit-dm legend, .kisosk-ss-body .ss-permit-dm button.fa-question-circle { font-size: 14px !important; font-weight: 500 !important; color: #3f4f64; } .kisosk-ss-body .ss-permit-dm h1 { margin-top: 15px; } .kisosk-ss-body .ss-permit-dm h2 { margin-top: 15px; } .kisosk-ss-body .ss-permit-dm h3 { margin-top: 15px; } .kisosk-ss-body .ss-permit-dm h4 { margin-top: 15px; } .kisosk-ss-body .ss-permit-dm .radio label input[type=radio], .kisosk-ss-body .ss-permit-dm .checkbox label input[type=checkbox] { height: 14px !important; } .kisosk-ss-body .ss-permit-dm .form_object_div { padding-bottom: 58px !important; } .kisosk-ss-body .ss-permit-dm .cofe_file_view { margin-top: 10px; } .kisosk-ss-body .ss-permit-dm .cofe_file_view .ss-file-attachment-itms { margin: 4px; text-align: center !important; } .kisosk-ss-body .ss-permit-dm .cofe_file_view .ss-file-attachment-itms .fa-pencil::before { content: url(../application_images/ss_theme/edit_icn.svg) !important; margin: 4px; position: relative; top: 5px; } .permist-ss-body .ss-permit-dm .form-group label.control-label h1, .permist-ss-body .ss-permit-dm .form-group label.control-label h2, .permist-ss-body .ss-permit-dm .form-group label.control-label h3, .permist-ss-body .ss-permit-dm .form-group label.control-label h4, .permist-ss-body .ss-permit-dm .form-group label.control-label h5, .permist-ss-body .ss-permit-dm .form-group label.control-label h6, table#permit_cofe_form_changes_table thead th h1, table#permit_cofe_form_changes_table tbody td h1, table#permit_cofe_form_changes_table tbody th h1, table#permit_cofe_form_changes_table tbody td.child ul li h1, #permit_amendments_row_div table.table thead th h1, #permit_amendments_row_div table.table tbody td h1, #permit_amendments_row_div table.table tbody th h1, #permit_amendments_row_div table.table tbody td.child ul li h1, #auth_info_table thead th h1, #auth_info_table tbody td h1, #auth_info_table tbody th h1, #auth_info_table tbody td.child ul li h1, table#permit_cofe_form_changes_table thead th h2, table#permit_cofe_form_changes_table tbody td h2, table#permit_cofe_form_changes_table tbody th h2, table#permit_cofe_form_changes_table tbody td.child ul li h2, #permit_amendments_row_div table.table thead th h2, #permit_amendments_row_div table.table tbody td h2, #permit_amendments_row_div table.table tbody th h2, #permit_amendments_row_div table.table tbody td.child ul li h2, #auth_info_table thead th h2, #auth_info_table tbody td h2, #auth_info_table tbody th h2, #auth_info_table tbody td.child ul li h2, table#permit_cofe_form_changes_table thead th h3, table#permit_cofe_form_changes_table tbody td h3, table#permit_cofe_form_changes_table tbody th h3, table#permit_cofe_form_changes_table tbody td.child ul li h3, #permit_amendments_row_div table.table thead th h3, #permit_amendments_row_div table.table tbody td h3, #permit_amendments_row_div table.table tbody th h3, #permit_amendments_row_div table.table tbody td.child ul li h3, #auth_info_table thead th h3, #auth_info_table tbody td h3, #auth_info_table tbody th h3, #auth_info_table tbody td.child ul li h3, table#permit_cofe_form_changes_table thead th h4, table#permit_cofe_form_changes_table tbody td h4, table#permit_cofe_form_changes_table tbody th h4, table#permit_cofe_form_changes_table tbody td.child ul li h4, #permit_amendments_row_div table.table thead th h4, #permit_amendments_row_div table.table tbody td h4, #permit_amendments_row_div table.table tbody th h4, #permit_amendments_row_div table.table tbody td.child ul li h4, #auth_info_table thead th h4, #auth_info_table tbody td h4, #auth_info_table tbody th h4, #auth_info_table tbody td.child ul li h4, table#permit_cofe_form_changes_table thead th h5, table#permit_cofe_form_changes_table tbody td h5, table#permit_cofe_form_changes_table tbody th h5, table#permit_cofe_form_changes_table tbody td.child ul li h5, #permit_amendments_row_div table.table thead th h5, #permit_amendments_row_div table.table tbody td h5, #permit_amendments_row_div table.table tbody th h5, #permit_amendments_row_div table.table tbody td.child ul li h5, #auth_info_table thead th h5, #auth_info_table tbody td h5, #auth_info_table tbody th h5, #auth_info_table tbody td.child ul li h5, table#permit_cofe_form_changes_table thead th h6, table#permit_cofe_form_changes_table tbody td h6, table#permit_cofe_form_changes_table tbody th h6, table#permit_cofe_form_changes_table tbody td.child ul li h6, #permit_amendments_row_div table.table thead th h6, #permit_amendments_row_div table.table tbody td h6, #permit_amendments_row_div table.table tbody th h6, #permit_amendments_row_div table.table tbody td.child ul li h6, #auth_info_table thead th h6, #auth_info_table tbody td h6, #auth_info_table tbody th h6, #auth_info_table tbody td.child ul li h6 { font-size: inherit; font-weight: normal; margin: 0; letter-spacing: 0 !important; } .permist-ss-body .ss-permit-dm .form-group label.control-label h1 b, .permist-ss-body .ss-permit-dm .form-group label.control-label h2 b, .permist-ss-body .ss-permit-dm .form-group label.control-label h3 b, .permist-ss-body .ss-permit-dm .form-group label.control-label h4 b, .permist-ss-body .ss-permit-dm .form-group label.control-label h5 b, .permist-ss-body .ss-permit-dm .form-group label.control-label h6 b, table#permit_cofe_form_changes_table thead th h1 b, table#permit_cofe_form_changes_table tbody td h1 b, table#permit_cofe_form_changes_table tbody th h1 b, table#permit_cofe_form_changes_table tbody td.child ul li h1 b, #permit_amendments_row_div table.table thead th h1 b, #permit_amendments_row_div table.table tbody td h1 b, #permit_amendments_row_div table.table tbody th h1 b, #permit_amendments_row_div table.table tbody td.child ul li h1 b, #auth_info_table thead th h1 b, #auth_info_table tbody td h1 b, #auth_info_table tbody th h1 b, #auth_info_table tbody td.child ul li h1 b, table#permit_cofe_form_changes_table thead th h2 b, table#permit_cofe_form_changes_table tbody td h2 b, table#permit_cofe_form_changes_table tbody th h2 b, table#permit_cofe_form_changes_table tbody td.child ul li h2 b, #permit_amendments_row_div table.table thead th h2 b, #permit_amendments_row_div table.table tbody td h2 b, #permit_amendments_row_div table.table tbody th h2 b, #permit_amendments_row_div table.table tbody td.child ul li h2 b, #auth_info_table thead th h2 b, #auth_info_table tbody td h2 b, #auth_info_table tbody th h2 b, #auth_info_table tbody td.child ul li h2 b, table#permit_cofe_form_changes_table thead th h3 b, table#permit_cofe_form_changes_table tbody td h3 b, table#permit_cofe_form_changes_table tbody th h3 b, table#permit_cofe_form_changes_table tbody td.child ul li h3 b, #permit_amendments_row_div table.table thead th h3 b, #permit_amendments_row_div table.table tbody td h3 b, #permit_amendments_row_div table.table tbody th h3 b, #permit_amendments_row_div table.table tbody td.child ul li h3 b, #auth_info_table thead th h3 b, #auth_info_table tbody td h3 b, #auth_info_table tbody th h3 b, #auth_info_table tbody td.child ul li h3 b, table#permit_cofe_form_changes_table thead th h4 b, table#permit_cofe_form_changes_table tbody td h4 b, table#permit_cofe_form_changes_table tbody th h4 b, table#permit_cofe_form_changes_table tbody td.child ul li h4 b, #permit_amendments_row_div table.table thead th h4 b, #permit_amendments_row_div table.table tbody td h4 b, #permit_amendments_row_div table.table tbody th h4 b, #permit_amendments_row_div table.table tbody td.child ul li h4 b, #auth_info_table thead th h4 b, #auth_info_table tbody td h4 b, #auth_info_table tbody th h4 b, #auth_info_table tbody td.child ul li h4 b, table#permit_cofe_form_changes_table thead th h5 b, table#permit_cofe_form_changes_table tbody td h5 b, table#permit_cofe_form_changes_table tbody th h5 b, table#permit_cofe_form_changes_table tbody td.child ul li h5 b, #permit_amendments_row_div table.table thead th h5 b, #permit_amendments_row_div table.table tbody td h5 b, #permit_amendments_row_div table.table tbody th h5 b, #permit_amendments_row_div table.table tbody td.child ul li h5 b, #auth_info_table thead th h5 b, #auth_info_table tbody td h5 b, #auth_info_table tbody th h5 b, #auth_info_table tbody td.child ul li h5 b, table#permit_cofe_form_changes_table thead th h6 b, table#permit_cofe_form_changes_table tbody td h6 b, table#permit_cofe_form_changes_table tbody th h6 b, table#permit_cofe_form_changes_table tbody td.child ul li h6 b, #permit_amendments_row_div table.table thead th h6 b, #permit_amendments_row_div table.table tbody td h6 b, #permit_amendments_row_div table.table tbody th h6 b, #permit_amendments_row_div table.table tbody td.child ul li h6 b, #auth_info_table thead th h6 b, #auth_info_table tbody td h6 b, #auth_info_table tbody th h6 b, #auth_info_table tbody td.child ul li h6 b { font-size: inherit; font-weight: normal; margin: 0; letter-spacing: 0 !important; } .permist-ss-body .ss-permit-dm .form-group label.control-label h3 { font-weight: 400 !important; font-size: 20px !important; line-height: 28px !important; } input[type="radio"].error { font-size: inherit !important; } .flter-icn-dropdown { display: inline-block; width: auto !important; padding: 0 !important; margin-top: 5px; } .flter-icn-dropdown .dropdown-toggle { margin: 0; background: #0069E0; color: #fff; border-radius: 50px !important; height: 40px !important; width: 40px; padding: 0; } .flter-icn-dropdown .dropdown-toggle:focus { background: #0069E0; } .flter-icn-dropdown .dropdown-toggle:after { display: none !important; } #workflow_view_progress .bg-warning { background: #FFF3CD !important; } #workflow_view_progress .cofe-subform-delete-msg { background: #F8D7DA !important; border: 1px solid #e7b1b6 !important; } .ss_review_assessment td, .ss_review_assessment th, .ss_review_assessment p { font-weight: 400; } html body .ss-ppe-table tr.ss-assign-ppe { background-color: #f1f3f9 !important; } html body .ss-ppe-table tr.ss-assign-ppe:hover > * { box-shadow: initial !important; } .multiselect.dropdown-toggle { border: 1px solid #ced4da !important; } /*# sourceMappingURL=ss_theme.css.map */