:root,
[data-bs-theme=light] {
	--bs-font-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
	--bs-body-font-size: 0.9rem;
	--bs-dark-rgb: 22,110,225;
	--tabcolor: #1463ca;
	--tabhover: #1259b5;
}

.logo {
    width: 34px;
    height: 34px;
    background: var(--tabcolor);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
	color: white;
	border: 2px solid rgb(255,255,255,0.5);
	font-weight: bold;
	font-family: sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI';
	font-size: 0.9rem;
}

/* Not required for template or sticky footer method. */
main>.container-fluid {
	padding: 86px 0px 0;
}

@media (max-width: 768px) {

	/* no sticky navbar in mobile, just dropdown */
	main>.container-fluid {
		padding: 53px 0px 0;
	}

}

header>nav>.container-fluid {
	height: 37px;
}

/* initially hidden for frozen */
.frozen-div,.frozen-bdiv {visibility:hidden;}

.ui-jqdialog,
.ui-jqgrid,
.ui-jqgrid body,
.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif
}

/* dont show title bar and bottom toolbar buttons */
.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-titlebar, .ui-jqgrid-pager td[id$='pager_left'] {
	display: none;
}

.nav-tabs {
	padding-left: 10px;
	background: var(--tabcolor);
	border-bottom: 1px solid var(--tabcolor);
}

main .nav-tabs {
	margin-top: 53px;
	z-index: 1029;
}

.nav-link {
	padding: 5px 10px;
	color: white;
	font-weight: 400;
}

.nav-tabs .nav-link:hover:not(.active), .nav-tabs .nav-link:focus {
	border: 1px solid transparent;
	color: white;
	background: var(--tabhover);
}

.nav-tabs .nav-link.active {
	font-weight: 500;
}

main {
	overflow: hidden;
}

.tab-content {
	margin-top: -17px;
}

.tab-content .tab-pane {
	height: calc(100vh - (85px));
}

.tab-content .tab-pane.with-footer {
	height: calc(100vh - (114px));
}

.ui-jqgrid {
	box-shadow: none;
}

.ui-jqgrid .ui-jqgrid-toppager,
.ui-jqgrid {
	border-top: 0px;
	background: #fff;
}

.ui-jqdialog, iframe#dialogLookup {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.16), 0 3px 4px rgba(0, 0, 0, 0.06), 0 6px 8px rgba(0, 0, 0, 0.06), 0 12px 16px rgba(0, 0, 0, 0.08), 0 18px 32px rgba(0, 0, 0, 0.06);
	border-radius: 3px;
	z-index: 1030 !important;
}

iframe#dialogLookup {
	border: 0;
	/* background: red; */
	height: 90%;
	width: 50%;
	display: none;
	position: absolute;
	top:0;
	transition: top 0.1s ease;
}

.ui-jqdialog .ui-jqdialog-title, .ui-jqdialog .ui-jqdialog-title b {
	font-size: 15px !important;
	font-weight: 600 !important;
}

.ui-jqdialog .ui-jqdialog-titlebar-close:hover {
	background: grey;
}

.ui-jqdialog-titlebar {
	background: none;
	border: 0;
}

td.delmsg {
	text-align: center;
}

.ui-widget-overlay {
	opacity: 0 !important;
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single 
{
    border: 1px solid #dddddd !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
  
	.select2-selection {
	  border: 0 !important;
	}
  
	.select2-selection__rendered
	{
	  padding-left: 2px;
	}
}

.fancybox-overlay {
    z-index: 8010 !important;
}

/* slide for popup dialog */
div { transition: top 0.1s ease; }

/* autocomplete zindex fix */
.ui-autocomplete {z-index:1051 !important;}

.profile
{
	font-size: 13px;
}

input[readonly] {
    padding: 3px 2px !important;
}

.hide {display: none;}

/* adjust dropdown icon */
.dropdown-toggle::after {
    margin-left: .455em;
    vertical-align: .155em;
}

/* Dropdown opens on hover */
.nav-tabs .dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}

/* Optional: Add smooth transition */
.nav-tabs .dropdown-menu {
	margin-top: 0;
	transition: opacity 0.2s ease-in-out;
}

/* Prevent dropdown from closing when hovering over menu */
.nav-tabs .dropdown-menu:hover {
	display: block;
}

.nav-tabs .dropdown-item:hover,
.nav-tabs .dropdown-item:focus {
	background-color: var(--tabhover);
	color: white;
}

.nav-tabs .dropdown-item.active,
.nav-tabs .dropdown-item:active {
	background-color: var(--tabcolor);
	color: white;
}

/* mobile dropdown menu selector */
@media (max-width: 768px) {
    /* Hide desktop tabs */
    .nav.nav-tabs.d-none.d-sm-flex {
        display: none !important;
    }
    
    /* Style mobile dropdown better */
    #tab_selector {
        z-index: 100;
		width: 97vw;
        margin: 5px 5px;
        padding: 6px;
        font-size: 15px;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        background: white;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		margin-bottom: 23px;
    }
    
    #tab_selector:focus {
        border-color: var(--tabcolor);
        box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
    }
    
    /* Add icon before dropdown */
    #tab_selector {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M2 3h12a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2zm0 4h12a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2zm0 4h12a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2z'/%3E%3C/svg%3E");        
		background-repeat: no-repeat;
        background-position: 12px center;
        padding-left: 40px;
    }
    
    /* Group options with optgroup */
    #tab_selector optgroup {
        font-weight: 600;
        font-size: 14px;
        color: var(--tabcolor);
    }
}

/* display effect for full screen */
.ui-jqgrid { transition: width 0.1s ease, height 0.1s ease; }

/* border radius for inputs 6px */
.ui-jqdialog-content input.FormElement, .ui-jqdialog-content select.FormElement, .ui-jqdialog-content textarea.FormElement, 
.ui-jqgrid .ui-search-table .ui-search-input>input, .ui-jqgrid .ui-search-table .ui-search-input > select, 
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single
{
	border-radius: 6px !important;
}