/*------------------------------------------------------ 
Genral styles
------------------------------------------------------ */
.nav-item{position:relative;}
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px;top: 8px;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{color: #2579b7;}
.nav-link{font-weight: 600;color: #000;font-size: 16px;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.dropdown-item {font-size: 14px;padding: 4px 12px !important;}
.dropdown-item:focus, .dropdown-item:hover {color: #1e2125;background-color: #e9ecef;}
.dropend .dropdown-menu[data-bs-popper]{left: auto;right: 100%;}
.dropdown-menu {border-radius: 0;}

@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{height: initial !important;width: 100%;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}
.table-responsive {overflow-y: hidden !important;padding-left: 0;padding-right: 0;}


/*------------------------------------------------------ 
header + menu are overlayed on the banner image 
------------------------------------------------------ */
.otherpagecss #WidgetControl4 {display: none;}
.navbar.bg-light{background-color: transparent !important; height:100%;}
 #HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter ,#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter {background-color: transparent !important;}
/* #WidgetControl4 {position: absolute;z-index: 99999999;top: 4px;} */
/* bg-colour */
#HeaderControl {position: absolute;left: 0;top: 30px;z-index: 997;}
#MenuControl{position: absolute;right: 0;top: 30px;}

@media screen and (max-width: 991px) {
    #WidgetControl4{position: static;background: #afdfedcc;}
    #HeaderControl {position: static;background: #afdfedcc;width: 100%;padding: 4px 0;}
    #MenuControl {position: static;background: #afdfedcc;width: 100%;height: auto !important;}
}