/* Change theme color */
/*.page-container,
.page-logo,
.page-header,
.page-footer,
.sidemenu,
.sidemenu-container,
.sidemenu-closed .sidemenu-container .slimScrollDiv,
.sidemenu-container .sidemenu > li.open > a, 
.sidemenu-container .sidemenu > li:hover > a, 
.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li.open > a, 
.sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu > li:hover > a,
.header-dark .page-header.navbar,
.page-header.navbar .page-logo,
.sub-menu
{background-color: #007072 !important; }

.sidemenu .nav-link,
.sidemenu-closed.sidemenu-container-fixed,
.page-footer .page-footer-inner{color:#fff !important;}
*/

/* CUSTOM */
#overlay{
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 3333; /* Specify a stack order in case you're using a different order for other elements */
}

/* SELECT2 - Overwrite */
.select2-container--bootstrap .select2-selection {font-size: 12px;}
.select2-container--bootstrap .select2-results__option {padding: 6px 12px;}
ul, ol {font-size: 12px;}
.select2-container--bootstrap .select2-selection {border-radius: 0px; font-size: 12px;}

/* For DataTable */
.select2{display: inline-block;}
.dt-button-collection{right: 0px}

/* Form Control*/
.allowed.form-control[readonly]{background-color: #fff;}

/* TABLE */
.card .table th,
.card .table td{padding-top: 5px; padding-bottom: 5px; vertical-align: top;}
table.display th,
table.display td{padding: 5px; vertical-align: top;}

.control-label{font-weight: bolder;}
.input-group-text{padding: 5px 12px; font-size: 12px}
.note{font-size: 12px}
.note strong, .note span{display: block;}
.desc{display:block; font-size: 11px; color: #777}

/* MODAL */
.modal{z-index: 10056; }
.modal-open .table th,
.modal-open .table td{padding-top: 5px; padding-bottom: 5px; vertical-align: top;}
.modal-open .select2-container--open{z-index: 10060 !important}
.modal-open .select2-dropdown {z-index: 10060 !important}
.modal-open .select2-close-mask {z-index: 10060 !important}
.modal-dialog-scrollable{overflow-y: auto; overflow-x: hidden;}
/* Label */
.label-sm{font-size: 10px !important}

/* SIDEPAGE */
#sidePageOverlay{
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */
}

#sidePage{
    display: none;
    position: fixed; 
    background-color: #fff; 
    right: 0px; 
    top:0px; 
    height: 100%; 
    z-index: 2100;
    padding: 10px;
}

.select2-container--open{z-index: 2200 !important}
.select2-dropdown {z-index: 2200 !important}
.select2-close-mask {z-index: 2200 !important}

#sidePage .table th,
#sidePage .table td{padding-top: 5px; padding-bottom: 5px; vertical-align: top;}