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

#CalendarControl{ margin-top:80px !important;}

#HomepagecontentControl{ min-height: 350px !important;}
.dropdown-item.active, .dropdown-item:active{color:#fff!important;}

/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
.bg-light{ background-color: transparent !important; height:100%;}
.nav-link{ font-weight: 600;color: #000;}
.nav-fill{ width:85%; margin-left:100px; font-size: 15px;}

.navbar-brand{margin:0;}
/*nav-bar*/
@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;}
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px;padding-left: 1px;color: #fff!important;}

}

	a {
		text-decoration: none;
}

/* .dropend .dropdown-menu[data-bs-popper] {
    right: 100% !important;
    left: auto !important;
} */
.dropdown-item{
    line-height:18px !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;
}

.main-table{font-family:Saira; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}

/* .container-fluid{ padding-left:1px; padding-right:1px;} */

#HeaderControl .rdCenter, #MenuControl .rdCenter{ background: transparent !important;}
	
#MenuControl_C .dropdown-menu{padding:0 !important;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff!important;
    text-decoration: none;
   background-color: #5ca747 !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;
}
/* .navbar-nav .nav-item a:hover{ color: #5CA747!important;} */

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


#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C .navbar-nav
{height:100%;justify-content: center;}

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

#HeaderControl{
    height: 82px;
    float: Left;
    margin-bottom: 0;
    padding: 16px 0;
    transition: 0.5s;
    /* position: absolute;
    left: 0;
    top: 30px; */
    z-index: 999999;
    width: 25%;
    /* background: #1b252347; */
    text-align: center;
    }
	
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}
	
.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 32%;
    padding: 0;
    padding-left: 0;
    background: #fff;
    z-index: 99999;
    text-align: left;
    transition: 0.5s;
    top: 0;
}

.body-fx #logo-web{ margin-top: 6px;}


#MenuControl{
    height: 82px;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    /* position: absolute; */
    /* right: 0; */
    /* top: 30px; */
    /* z-index: 9; */
    width: 75%;
    /* background: #1b252347; */
    }
	
.body-fx #MenuControl .nav-link{color:#000;}
.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 68%;
    padding: 0;
    padding-right: 0;
    transition: 0.5s;
    top: -1px;
    background: #fff;
}

/* center #form1 #HomepagecontentControl{padding-top: 81px;padding-bottom:25px;} */
center #form1 .nav-link{color:#000;}
center #form1 .nav-link:hover{color:#5ca747!important;}
center #form1 #HeaderControl{margin-left:0;width:26%;top: 32px;background: #fff;}
center #form1 #MenuControl{margin-right:0;width: 74%;top: 31px;margin-top: 0;background: #fff;}

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

#widgetsControl, #widgetsControl_C{height:inherit !important;}



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

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

}


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

}

@media (max-width: 767px)
{
	.body-fx #MenuControl .nav-link{color:#000 !important;}
	.dropdown-item{font-size: 11px;}
    center #form1 #MenuControl {
        margin-right: 0;
        width: 70%;
        top: 130px;
        margin-top: 0px;
    }
    center #form1 #HeaderControl {
        margin-left: 0;
        margin-top: 0px;
        top: 0;
    }
  
.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;}

.mailus{ display: none;}


#HeaderControl{width: 100% !important;top: 0;padding-top: 5px;background: #fff;z-index: 999999;}
#MenuControl{width: 100% !important;top: 130px;background: #fff;}
header{ text-align:center;}

.navbar-toggler{
    background: #fff;
}
.nav-fill{width: 100% !important;margin-left: 0 !important;margin-top: 5px;background: #fff;}

.nav-fill .nav-item{text-align:left !important;padding-left: 30px;}
#CalendarControl{ margin-top: 0 !important;}
}


@media(max-width:736px){ 
#HeaderControl, #HeaderControl_C{ height: initial !important;}
	
	
}

@media(max-width:560px){
.top-nav{padding: 5px 15px !important;}	
.top-nav ul li{font-size: 12px !important;}
.callus ul li{ margin-right: 5px !important;}	
.top-nav ul li .fa{ margin-right: 5px !important;}

/* .main-table{ padding: 10px 30px !important;} */

}


@media(max-width:400px){
	
	
	
}