/* for date picker */ .ui-datepicker { z-index: 1000 !important; } input:invalid, textarea:invalid, select:invalid { border-color: #f87171; } .tabcontent input:invalid, .tabcontent textarea:invalid, .tabcontent select:invalid { border-color: #f87171; border-width: 0 0 1px; } #downloadBtn { font-weight: 600; color: white; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease-in-out; background-color: #3c8dbc; padding: 0.5rem 1.5rem; border-radius: 5px; } #downloadBtn:hover { color: white; background-color: #2563eb; } #downloadBtn:active { color: white; background-color: #2563eb; } /* error border color */ .error-border-color { border: 2px solid #ef4444; } /* warn before save css */ .warn-before-save-popup-container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); z-index: 1000; border-radius: 0.75rem; } .warn-before-save-popup-button { margin: 5px; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; } .warn-before-save-popup-button-save { background-color: blue; color: white; } .warn-before-save-popup-button-cancel { background-color: gray; color: white; } /* disabled fields color should change */ #submit:disabled, .disable-button-color:disabled { background-color: #93c5fd; } /* collapse exapand menu auth force */ .expand-custom-design { background-color: transparent; color: #3b82f6; } .expand-custom-design:hover { color: #3b82f6 !important; background-color: transparent !important; } .custom-treeview-menu { background-color: transparent; color: black; } .custom-treeview-menu:hover { color: black !important; background-color: transparent !important; } /* end */ /* very high speceificity */ .custom-table-design > thead > tr { background-color: #3c8dbc; color: white; } .custom-table-design > thead > tr > th { font-size: 14px; padding: 4px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .custom-table-design > tbody > tr > td { padding: 0px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } table.table .form-control { font-size: 11px; padding: 2px; border-radius: 0px !important; } #BPMGsIndex_filter input, #BPMGsIndex_length select, #OISBsIndex_filter input, #OISBsIndex_length select, #LITPL_OADMsIndex_filter input, #LITPL_OADMsIndex_length select, #registration_form_ProductIndex_filter input, #registration_form_ProductIndex_length select, #ORCTsIndex_filter input, #ORCTsIndex_length select, #OFGMsIndex_filter input, #OFGMsIndex_length select, #BPSGsIndex_filter input, #BPSGsIndex_length select, #ORCTsIndex_filter input, #ORCTsIndex_length select, #DGLMAPPINGsIndex_filter input, #DGLMAPPINGsIndex_length select, #ITMPsIndex_filter input, #ITMPsIndex_length select, #IUOMsIndex_filter input, #IUOMsIndex_length select, #OBDTsIndex_filter input, #OBDTsIndex_length select, #OBRNsIndex_filter input, #OBRNsIndex_length select, #OCCTsIndex_filter input, #OCCTsIndex_length select, #OCINsIndex_filter input, #OCINsIndex_length select, #OCRDsIndex_filter input, #OCRDsIndex_length select, #OCRYsIndex_filter input, #OCRYsIndex_length select, #OCRNsIndex_filter input, #OCRNsIndex_length select, #OCRTsIndex_filter input, #OCRTsIndex_length select, #OCSTsIndex_filter input, #OCSTsIndex_length select, #ODLNsIndex_filter input, #ODLNsIndex_length select, #ODPTsIndex_filter input, #ODPTsIndex_length select, #ODSCsIndex_filter input, #ODSCsIndex_length select, #OEMPsIndex_filter input, #OEMPsIndex_length select, #OINVsIndex_filter input, #OINVsIndex_length select, #OITMsIndex_filter input, #OITMsIndex_length select, #OITBsIndex_filter input, #OITBsIndex_length select, #OMNUsIndex_filter input, #OMNUsIndex_length select, #OMSPsIndex_filter input, #OMSPsIndex_length select, #OPTRsIndex_filter input, #OPTRsIndex_length select, #OQUTsIndex_filter input, #OQUTsIndex_length select, #ORDRsIndex_filter input, #ORDRsIndex_length select, #ORTNsIndex_filter input, #ORTNsIndex_length select, #ORTPsIndex_filter input, #ORTPsIndex_length select, #ORTTsIndex_filter input, #ORTTsIndex_length select, #OTAXsIndex_filter input, #OTAXsIndex_length select, #OTRMsIndex_filter input, #OTRMsIndex_length select, #OUDPsIndex_filter input, #OUDPsIndex_length select, #OUSRsIndex_filter input, #OUSRsIndex_length select, #OVCLsIndex_filter input, #OVCLsIndex_length select, #OVLDsIndex_filter input, #OVLDsIndex_length select, #OVULsIndex_filter input, #OVULsIndex_length select, #OWHsIndex_filter input, #OWHsIndex_length select, #OXPTsIndex_filter input, #OXPTsIndex_length select, #OXPMsIndex_filter input, #OXPMsIndex_length select, #ROUTsIndex_filter input, #ROUTsIndex_length select, #OECPsIndex_filter input, #OECPsIndex_length select, #OEMGsIndex_filter input, #OEMGsIndex_length select, #DOCNsIndex_filter input, #DOCNsIndex_length select, #OUOMsIndex_filter input, #OUOMsIndex_length select, #OEJTsIndex_filter input, #OEJTsIndex_length select, #OEPOsIndex_filter input, #OEPOsIndex_length select, #OPCHsIndex_filter input, #OPCHsIndex_length select, #OVPMsIndex_filter input, #OVPMsIndex_length select, #OCSHsIndex_filter input, #OCSHsIndex_length select, #OTRMsIndex_filter input, #OTRMsIndex_length select, #HRODSGsIndex_filter input, #HRODSGsIndex_length select, #HROGRDsIndex_length select, #HROGRDsIndex_filter input, #HROFNTsIndex_filter input, #HROFNTsIndex_length select, #HROQFTsIndex_length select, #HROQFTsIndex_filter input, #HROSKLsIndex_filter input, #HROSKLsIndex_length select, #HROEGAsIndex_filter input, #HROEGAsIndex_length select, #HRODOMsIndex_length select, #HRODOMsIndex_filter input, #HROASGsIndex_filter input, #HROASGsIndex_length select, #HROASMsIndex_length select, #HROASMsIndex_filter input, #HROASTsIndex_filter input, #HROASTsIndex_length select, #HROABKsIndex_length select, #HROABKsIndex_filter input, #HROAPLsIndex_length select, #HROAPLsIndex_filter input, #HROVRAsIndex_length select, #HROVRAsIndex_filter input, #HROPRAsIndex_length select, #HROPRAsIndex_filter input, #HRONRAsIndex_length select, #HRONRAsIndex_filter input, #HROADAsIndex_length select, #HROADAsIndex_filter input, #HROIRAsIndex_length select, #HROIRAsIndex_filter input, #HROLSTsIndex_length select, #HROLSTsIndex_filter input, #HROSFTsIndex_length select, #HROSFTsIndex_filter input, #HROERNsIndex_length select, #HROERNsIndex_filter input, #HRODDTsIndex_length select, #HRODDTsIndex_filter input, #HROCNTsIndex_length select, #HROCNTsIndex_filter input, #HROMADsIndex_length select, #HROMADsIndex_filter input, #HROWPLsIndex_length select, #HROWPLsIndex_filter input, #HROHCLsIndex_length select, #HROHCLsIndex_filter input, #HROHMCLsIndex_length select, #HROHMCLsIndex_filter input, #SUOPRMsIndex_length select, #SUOPRMsIndex_filter input, #SUOPRPsIndex_length select, #SUOPRCsIndex_filter input, #SUOPRCsIndex_length select, #SUOPRPsIndex_filter input, #SUOPRCsIndex_length select, #SUOPRPsIndex_filter input, #SUOPRUsIndex_length select, #SUOPRUsIndex_filter input, #SUOATEsIndex_length select, #SUOATEsIndex_filter input, #SUOISUsIndex_length select, #SUOISUsIndex_filter input, #SUOTSLsIndex_length select, #SUOTSLsIndex_filter input, #SUOITAsIndex_filter input, #SUOITAsIndex_length select, #SUOPBIsIndex_filter input, #SUOPBIsIndex_length select, #SUOORGsIndex_filter input, #SUOORGsIndex_length select, #SUOPRRsIndex_filter input, #SUOPRRsIndex_length select, #LITReportIndexes_filter input, #LITReportIndexes_length select, #CVOMTPsIndex_filter input, #CVOMTPsIndex_length select, #OACTsIndex_filter input, #OACTsIndex_length select, #OPRFsIndex_filter input, #OPRFsIndex_length select, #LITPL_OOALsIndex_filter input, #LITPL_OOALsIndex_length select, #OFFRsIndex_filter input, #OFFRsIndex_length select, #CVOCVPsIndex_filter input, #CVOCVPsIndex_length select, #SUOCTPsIndex_filter input, #SUOCTPsIndex_length select, #OEXRsIndex_filter input, #OEXRsIndex_length select, #PROPRQsIndex_filter input, #PROPRQsIndex_length select, #PROITRsIndex_filter input, #PROITRsIndex_length select, #PROPORsIndex_filter input, #PROPORsIndex_length select, #PROPDNsIndex_filter input, #PROPDNsIndex_length select, #SecondaryCalendarYearsIndex_filter input, #SecondaryCalendarYearsIndex_length select, #CVOVSIsIndex_filter input, #CVOVSIsIndex_length select, #MROTRIsIndex_filter input, #MROTRIsIndex_length select, #OPOCNAsIndex_filter input, #OPOCNAsIndex_length select, #MROCMTsIndex_filter input, #MROCMTsIndex_length select, #MROCMDsIndex_filter input, #MROCMDsIndex_length select, #MROCMEsIndex_filter input, #MROCMEsIndex_length select, #NEWsIndex_filter input, #NEWsIndex_length select { border: 1px solid #d2d6de; padding: 2px 6px; } #SUOTSLsIndex_filter input:focus, #SUOTSLsIndex_length select, #OISBsIndex_filter input:focus, #OISBsIndex_length select, #LITPL_OADMsIndex_filter input:focus, #LITPL_OADMsIndex_length select, #SUOISUsIndex_filter input:focus, #SUOISUsIndex_length select, #SUOATEsIndex_filter input:focus, #SUOATEsIndex_length select, #SUOPRUsIndex_filter input:focus, #SUOPRUsIndex_length select, #SUOPRCsIndex_filter input:focus, #SUOPRCsIndex_length select, #SUOPRPsIndex_filter input:focus, #SUOPRPsIndex_length select, #SUOPRMsIndex_filter input:focus, #SUOPRMsIndex_length select, #SUOORGsIndex_filter input:focus, #SUOORGsIndex_length select, #HROHMCLsIndex_filter input:focus, #HROHMCLsIndex_length select, #HROHCLsIndex_filter input:focus, #HROHCLsIndex_length select, #HROWPLsIndex_filter input:focus, #HROWPLsIndex_length select, #HROCNTsIndex_filter input:focus, #HROCNTsIndex_length select, #HROMADsIndex_filter input:focus, #HROMADsIndex_length select, #HRODDTsIndex_filter input:focus, #HRODDTsIndex_length select, #HROERNsIndex_filter input:focus, #HROERNsIndex_length select, #HROSFTsIndex_filter input:focus, #HROSFTsIndex_length select, #HROLSTsIndex_filter input:focus, #HROLSTsIndex_length select, #HROIRAsIndex_filter input:focus, #HROIRAsIndex_length select, #HROADAsIndex_filter input:focus, #HROADAsIndex_length select, #HRONRAsIndex_filter input:focus, #HRONRAsIndex_length select, #HRORAsIndex_filter input:focus, #HROPRAsIndex_length select, #HROVRAsIndex_filter input:focus, #HROVRAsIndex_length select, #HROAPLsIndex_filter input:focus, #HROAPLsIndex_length select, #HROABKsIndex_filter input:focus, #HROABKsIndex_length select, #HROASTsIndex_filter input:focus, #HROASTsIndex_length select, #HROASMsIndex_filter input:focus, #HROASMsIndex_length select, #HROASGsIndex_filter input:focus, #HROASGsIndex_length select, #HRODOMsIndex_filter input:focus, #HRODOMsIndex_length select, #HROEGAsIndex_filter input:focus, #HROEGAsIndex_length select, #HROSKLsIndex_filter input:focus, #HROSKLsIndex_length select, #HROQFTsIndex_filter input:focus, #HROQFTsIndex_length select, #HROFNTsIndex_filter input:focus, #HROFNTsIndex_length select, #HROGRDsIndex_filter input:focus, #HROGRDsIndex_length select, #HRODSGsIndex_filter input:focus, #HRODSGsIndex_length select, #BPMGsIndex_filter input:focus, #BPMGsIndex_length select, #BPMGsIndex_filter input:focus, #ORCTsIndex_length select, #ORCTsIndex_filter input:focus, #OFGMsIndex_length select, #OFGMsIndex_filter input:focus, #BPSGsIndex_length select, #BPSGsIndex_filter input:focus, #BPSGsIndex_length select, #BPSGsIndex_filter input:focus, #BPSGsIndex_length select, #DGLMAPPINGsIndex_filter input:focus, #DGLMAPPINGsIndex_length select, #ITMPsIndex_filter input:focus, #ITMPsIndex_length select, #ITMPsIndex_filter input:focus, #ITMPsIndex_length select, #IUOMsIndex_filter input:focus, #IUOMsIndex_length select, #IUOMsIndex_filter input:focus, #IUOMsIndex_length select, #OBDTsIndex_filter input:focus, #OBDTsIndex_length select, #OBDTsIndex_filter input:focus, #OBDTsIndex_length select, #OBRNsIndex_filter input:focus, #OBRNsIndex_length select, #OBRNsIndex_filter input:focus, #OBRNsIndex_length select, #OCCTsIndex_filter input:focus, #OCCTsIndex_length select, #OCCTsIndex_filter input:focus, #OCCTsIndex_length select, #OCINsIndex_filter input:focus, #OCINsIndex_length select, #OCINsIndex_filter input:focus, #OCINsIndex_length select, #OCRDsIndex_filter input:focus, #OCRDsIndex_length select, #OCRDsIndex_filter input:focus, #OCRDsIndex_length select, #OCRYsIndex_filter input:focus, #OCRYsIndex_length select, #OCRNsIndex_filter input:focus, #OCRNsIndex_length select, #OCRNsIndex_filter input:focus, #OCRNsIndex_length select, #OCRTsIndex_filter input:focus, #OCRTsIndex_length select, #OCRTsIndex_filter input:focus, #OCRTsIndex_length select, #OCSTsIndex_filter input:focus, #OCSTsIndex_length select, #OCSTsIndex_filter input:focus, #OCSTsIndex_length select, #ODLNsIndex_filter input:focus, #ODLNsIndex_length select, #ODLNsIndex_filter input:focus, #ODLNsIndex_length select, #ODPTsIndex_filter input:focus, #ODPTsIndex_length select, #ODPTsIndex_filter input:focus, #ODPTsIndex_length select, #ODSCsIndex_filter input:focus, #ODSCsIndex_length select, #ODSCsIndex_filter input:focus, #ODSCsIndex_length select, #OEMPsIndex_filter input:focus, #OEMPsIndex_length select, #OEMPsIndex_filter input:focus, #OEMPsIndex_length select, #OINVsIndex_filter input:focus, #OINVsIndex_length select, #OINVsIndex_filter input:focus, #OINVsIndex_length select, #OITMsIndex_filter input:focus, #OITMsIndex_length select, #OITBsIndex_filter input:focus, #OITBsIndex_length select, #OMNUsIndex_filter input:focus, #OMNUsIndex_length select, #OMNUsIndex_filter input:focus, #OMNUsIndex_length select, #OMSPsIndex_filter input:focus, #OMSPsIndex_length select, #OMSPsIndex_filter input:focus, #OMSPsIndex_length select, #OPTRsIndex_filter input:focus, #OPTRsIndex_length select, #OPTRsIndex_filter input:focus, #OPTRsIndex_length select, #OQUTsIndex_filter input:focus, #OQUTsIndex_length select, #OQUTsIndex_filter input:focus, #OQUTsIndex_length select, #ORDRsIndex_filter input:focus, #ORDRsIndex_length select, #ORDRsIndex_filter input:focus, #ORDRsIndex_length select, #ORTNsIndex_filter input:focus, #ORTNsIndex_length select, #ORTNsIndex_filter input:focus, #ORTNsIndex_length select, #ORTPsIndex_filter input:focus, #ORTPsIndex_length select, #ORTPsIndex_filter input:focus, #ORTPsIndex_length select, #ORTTsIndex_filter input:focus, #ORTTsIndex_length select, #OTAXsIndex_filter input:focus, #OTAXsIndex_length select, #OTRMsIndex_filter input:focus, #OTRMsIndex_length select, #OUDPsIndex_filter input:focus, #OUDPsIndex_length select, #OUDPsIndex_filter input:focus, #OUDPsIndex_length select, #OUSRsIndex_filter input:focus, #OUSRsIndex_length select, #OUSRsIndex_filter input:focus, #OUSRsIndex_length select, #OVCLsIndex_filter input:focus, #OVCLsIndex_length select, #OVCLsIndex_filter input:focus, #OVCLsIndex_length select, #HROLRAsIndex_filter input:focus, #HROLRAs_length select, #OVLDsIndex_filter input:focus, #OVLDsIndex_length select, #OVLDsIndex_filter input:focus, #OVLDsIndex_length select, #OVULsIndex_filter input:focus, #OVULsIndex_length select, #OVULsIndex_filter input:focus, #OVULsIndex_length select, #OWHsIndex_filter input:focus, #OWHsIndex_length select, #OWHsIndex_filter input:focus, #OWHsIndex_length select, #OXPTsIndex_filter input:focus, #OXPTsIndex_length select, #OXPTsIndex_filter input:focus, #OXPTsIndex_length select, #OXPMsIndex_filter input:focus, #OXPMsIndex_length select, #ROUTsIndex_filter input:focus, #ROUTsIndex_length select, #OECPsIndex_filter input:focus, #OECPsIndex_length select, #OEMGsIndex_filter input:focus, #OEMGsIndex_length select, #DOCNsIndex_filter input:focus, #DOCNsIndex_length select, #OUOMsIndex_filter input:focus, #OUOMsIndex_length select, #OEJTsIndex_filter input:focus, #OEJTsIndex_length select, #OEPOsIndex_filter input:focus, #OEPOsIndex_length select, #OPCHsIndex_filter input:focus, #OPCHsIndex_length select, #OVPMsIndex_filter input:focus, #OVPMsIndex_length select, #OCSHsIndex_filter input:focus, #OCSHsIndex_length select, #SUOITAsIndex_filter input:focus, #SUOITAsIndex_length select, #SUOPBIsIndex_filter input:focus, #SUOPBIsIndex_length select, #SUOPRRsIndex_filter input:focus, #SUOPRRsIndex_length select, #LITReportIndexes_filter input:focus, #LITReportIndexes_length select, #CVOMTPsIndex_filter input:focus, #CVOMTPsIndex_length select, #OACTsIndex_filter input:focus, #OACTsIndex_length select, #OPRFsIndex_filter input:focus, #OPRFsIndex_length select, #LITPL_OOALsIndex_filter input:focus, #LITPL_OOALsIndex_length select, #OFFRsIndex_filter input:focus, #OFFRsIndex_length select, #CVOCVPsIndex_filter input:focus, #CVOCVPsIndex_length select, #OEXRsIndex_filter input:focus, #OEXRsIndex_length select, #SUOCTPsIndex_filter input:focus, #SUOCTPsIndex_length select, #PROPRQsIndex_filter input:focus, #PROPRQsIndex_length select, #PROITRsIndex_filter input:focus, #PROITRsIndex_length select, #PROPORsIndex_filter input:focus, #PROPORsIndex_length select, #PROPDNsIndex_filter input:focus, #PROPDNsIndex_length select, #HRONTTsIndex_filter input:focus, #HRONTTsIndex_length select, #HROVSTsIndex_filter input:focus, #HROVSTsIndex_length select, #HROLNTsIndex_filter input:focus, #HROLNTsIndex_length select, #HROADTsIndex_filter input:focus, #HROADTsIndex_length select, #HROINTsIndex_filter input:focus, #HROINTsIndex_length select, #HROPRTsIndex_filter input:focus, #HROPRTsIndex_length select, #SecondaryCalendarYearsIndex_filter input:focus, #SecondaryCalendarYearsIndexIndex_length select, #CVOVSIssIndex_filter input:focus, #CVOVSIssIndex_length select, #MROTRIsIndex_filter input:focus, #MROTRIsIndex_length select, #OPOCNAsIndex_filter input:focus, #OPOCNAsIndex_length select, #MROCMTsIndex_filter input:focus, #MROCMTsIndex_length select, #MROCMDsIndex_filter input:focus, #MROCMDsIndex_length select, #MROCMEsIndex_filter input:focus, #MROCMEsIndex_length select, #NEWsIndex_filter input:focus, #NEWsIndex_length select { border: 1px solid #3b82f6; outline: none; } #HROINTsIndex, #OISBsIndex, #LITPL_OADMsIndex, #HROLRAsIndex, #HROMADsIndex, #SecondaryCalendarYearsIndex, #HROPRTsIndex, #HROADTsIndex, #HROLNTsIndex, #HRONTTsIndex, #HROVSTsIndex, #BPMGsIndex, #BPSGsIndex, #BPSGsIndex, #DGLMAPPINGsIndex, #ITMPsIndex, #OFGMsIndex, #ITMPsIndex, #IUOMsIndex, #IUOMsIndex, #OBDTsIndex, #OBDTsIndex, #OBRNsIndex, #OBRNsIndex, #OCCTsIndex, #OCCTsIndex, #OCINsIndex, #OCINsIndex, #OCRDsIndex, #OCRDsIndex, #OCRYsIndex, #OCRNsIndex, #OCRNsIndex, #OCRTsIndex, #OCRTsIndex, #OCSTsIndex, #OCSTsIndex, #ODLNsIndex, #ODLNsIndex, #ODPTsIndex, #ODPTsIndex, #ODSCsIndex, #ODSCsIndex, #OEMPsIndex, #OEMPsIndex, #OINVsIndex, #OINVsIndex, #OITMsIndex, #OITMsIndex, #OMNUsIndex, #OMNUsIndex, #OMSPsIndex, #OMSPsIndex, #OPTRsIndex, #OPTRsIndex, #OQUTsIndex, #OQUTsIndex, #ORDRsIndex, #ORDRsIndex, #ORTNsIndex, #ORTNsIndex, #ORTPsIndex, #ORTPsIndex, #ORTTsIndex, #ORTTsIndex, #OITBsIndex, #OTAXsIndex, #OTAXsIndex, #OTRMsIndex, #OUDPsIndex, #OUDPsIndex, #OUSRsIndex, #OUSRsIndex, #OVCLsIndex, #OVCLsIndex, #OVLDsIndex, #OVLDsIndex, #OVULsIndex, #OVULsIndex, #OWHsIndex, #OWHsIndex, #OXPTsIndex, #OXPMsIndex, #ROUTsIndex, #OECPsIndex, #OEMGsIndex, #DOCNsIndex, #OUOMsIndex, #OEJTsIndex, #OEPOsIndex, #OPCHsIndex, #OVPMsIndex, #OCSHsIndex, #OCSHsIndex, #SUOITAsIndex, #SUOPBIsIndex, #SUOPRRsIndex, #LITReportIndexes, #CVOMTPsIndex, #OACTsIndex, #OPRFsIndex, #LITPL_OOALsIndex, #OFFRsIndex, #CVOCVPsIndex, #OEXRsIndex, #SUOCTPsIndex, #MNOEQGsIndex, #PROPRQsIndex, #PROITRsIndex, #PROPORsIndex, #PROPDNsIndex, #CVOVSIssIndex, #MROTRIsIndex, #OPOCNAsIndex, #MROCMTsIndex, #MROCMDsIndex, #MROCMEsIndex, #NEWsIndex { margin: 0; } /* /////////////////////// */ /* /////////////////////// */ /* for modal */ /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1000; /* Sit on top */ padding-top: 72px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { position: relative; background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ margin: auto; padding: 0; width: 80%; box-shadow: 0 6px 18px rgb(0 0 0 / 63%); } /* The Close Button */ .close { color: white; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } /* for do you want to generate cash receipt modal */ #modalpopup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; } #modalpopup { background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); } /* ############################# */ /* ############################# */ /* for accordation */ /* ############################# */ /* ############################# */ .accordion { list-style: none; margin: 0; padding: 0; } .accordion-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; background-color: #eee; padding: 1rem; border-radius: 1rem; } .accordion-header h3 { margin: 0; } .accordion-header button { background-color: transparent; border: none; font-size: 1.5rem; color: #666; } .accordion-content { display: none; background-color: #ddd; padding: 1rem; } /* attachment modal */ .attachmentModal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ z-index: 1000; } /* Modal Content/Box */ .attachmentModal-content { background-color: #fefefe; margin: 52px auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 80%; /* Could be more or less, depending on screen size */ border-radius: 12px; } /* The Close Button */ .attachmentClose { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .attachmentClose:hover, .attachmentClose:focus { color: black; text-decoration: none; cursor: pointer; } /* scrollbar padding bottom */ .custom-scrollbar { padding-bottom: 120px !important; } /* for sidebar custom scrollbar */ .custom-scrollbar::-webkit-scrollbar { width: 12px; } .custom-scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; border-radius: 12px; } /* overright js datepicker year and month color */ .ui-datepicker-month, .ui-datepicker-year { color: black; } .select2-selection__choice { background-color: cornflowerblue !important; border-color: cornflowerblue !important; color: white !important; } .select2-selection__choice__remove { color: white !important; } .select2-selection__choice:hover { background-color: #388e3c !important; }