@charset "utf-8";
/* CSS Document */

.dropend .dropdown-menu[data-bs-popper] {
    right: 100% !important;
    left: auto !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu .submenu-left {
    right: 100% !important;
    left: auto !important;
}
.dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}


/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
.bg-light{background-color: rgba(0, 0, 0, .5)!important;height:100%;}
.nav-link{color: #ffffff;font-size: 14px;}
.nav-link:hover { color: #ddd}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}

	a {
		text-decoration: none;
	}

/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px; font-size: 13px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px; font-size: 14px; text-align: left;}
	}



.main-table{ Font-size:15px; color:#333; line-height:24px; text-align:justify;}
.main-heading{
    font-weight: 600;
    Font-size: 21px;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #000;
    text-transform: uppercase;
    line-height:30px;
    border-bottom: 1px #ccc dashed;
    text-align: left;
    }
	
.sub-heading{font-weight: bold;Font-size: 16px;text-align: left;color: rgb(38 65 112);line-height: 30px;margin-bottom: 0px;text-transform: uppercase;}
.team-title{font-weight:bold;Fo;Font-size: 17px;color: #3e3e3e;line-height:30px;margin: 20px 0 5px 0;}

.body-fx #HeaderControl{
    float: Left;
    position: fixed;
    padding: 0;
    padding-left: 0;
    background-color: #fff !important;
    z-index: 9999;
    text-align: left;
    height: 70px !important;
    top: 0;
}

.body-fx #MenuControl_C{ height: 70px !important;}
.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;
    padding: 0;
    padding-right: 0;
    background-color: rgba(255,255,255,.95) !important;
    top: 0;
    height: 70px !important;
}

center #form1 #HomepagecontentControl{ padding-top: 10px; padding-bottom:25px;}
center #form1 #HeaderControl{ margin-left:0; width: 32%; top: 0;}
center #form1 #HeaderControl #header img{ margin-top: 7px;}

.body-fx center #form1 #HeaderControl #header img{ margin-top:0;}


.body-fx center #form1 #HeaderControl{ margin-left:0;}
.body-fx center #form1 #MenuControl{ margin-right: 0;}


.navbar {
    position: relative;
    min-height: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}



.navbar-nav {
    display: table;
    width: 100%;
    text-align: center;
    margin-left: 0  !important;
    margin-right: 0 !important; 
}

.navbar-nav>li {
    display: table-cell;
    padding: 5px 10px;
    float: initial !important;
    vertical-align: middle;
}

.nav>li>a{ padding: 20px 3px;}

#HeaderControl .rdCenter, #MenuControl .rdCenter{ background: transparent !important;}

.navbar-default{ border:0 !important; background-color: transparent;}

.navbar-default .navbar-nav>li>a{ color: #222; font-weight: 600; font-size: 15px; text-decoration: none;
    display: block; padding: 5px 2px;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover{ 
 color: #fff !important; background:#333; }
   
.navbar-default .navbar-nav>.open>a:focus{ color: #fff !important; background:#333 !important;}
	
#MenuControl_C .dropdown-menu{ padding:0 !important; animation: fadeInUp 400ms;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: rgb(38 65 112) !important;
}

.dropdown-menu>li>a:focus:after, .dropdown-menu>li>a:hover:after {
        border-left-color: #fff !important;
}
	
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
 color: #fff !important; background-color: #333 !important; }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: #30408d !important;
    border-color:#fff;
    color: #fff !important;
}

#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C .navbar-nav
{height:100%;/* width: 90%; *//* margin-left: 10%; */}

#MenuControl_C #navbar-collapse-1{ height:100% !important;}

.table-responsive {
    min-height: .01%;
    overflow-y: hidden !important;
    padding: 0;
    overflow-x: hidden;
}

@media (max-width: 991px){
#MenuControl_C{ height:inherit !important;}

}

@media (max-width: 769px){
	
#MenuControl, #MenuControl_C{ height: initial !important;}	
#widgetsControl_C, #widgetsControl{ height:initial !important}

}

@media (max-width: 767px)
{
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top 
{
   margin-right: 0px !important;
 margin-left:  0px !important;
}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 2px 15px 2px 25px;
}

.navbar-nav>li{ display: block; text-align:left;}

}

@media(max-width:736px){
 
.navbar-nav>li{ display: block; text-align:left;}
#HeaderControl, #HeaderControl_C{ height: initial !important;}

header{ padding: 10px 0;}	
.body-fx #MenuControl{top:70px;}
}

#widgetsControl, #widgetsControl_C { height: auto !important}

@media (min-width:1200px) {
	#HeaderControl {position: absolute;width: 25%;left: 0;z-index: 2;background: rgba(0, 0, 0, .5);}
	#MenuControl { position: absolute; width: 75%; right: 0}
}
center #form1 #HeaderControl { position: relative; background: #383838 !important}
center #form1 .bg-light { background: #383838 !important}

@media (min-width: 320px) and ( max-width: 768px) {
	#HeaderControl, #MenuControl { background: #1a1a1a !important}
	.navbar-toggler { position: absolute; top: -65px; right: 15px; background: #fff}

}