/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{color: #fff !important;}
.nav-link{font-weight: 500;color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{width:100%;position:absolute;z-index:9;}
#header .head-img{position:relative;padding: 7px 0;text-align: center;}


/*--------------------------------------------------------------
# Nav-bar
--------------------------------------------------------------*/
/*nav-bar*/
.dropdown-toggle{position:relative;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{/* background-color:#fff !important; */color: #031847 !important;}
.nav-link{font-size: 18px;letter-spacing: 1px;padding: 5px;background: #ffffff;background-size: 200% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;/* animation: shine 3s linear infinite; */}
@keyframes shine {
     from {
         background-position: 200% center;
    }
}
.nav-fill{width: 40%;font-size: 15px;position: absolute;top: 50px;right: 0;padding: 1% 5% 3% 0;}

.navbar-brand{margin:0;}
.nav-item{position:relative;}
.navbar-toggler{margin: 15px 15px 15px 0;position: absolute;top: 10px;right: 0;z-index: 9999999;opacity: 1;}

.dropdown-item {
  font-size: 15px;
  white-space: break-spaces;
  }

/*nav-bar*/

/**/
#widgetsControl, #widgetsControl_C{height:inherit !important;}
#HeaderControl{position: absolute;top: 0px;left:0;width: 30%;z-index: 999999999;padding: 5px 3%;}
#MenuControl{position: absolute;top: 0;width: 70%;right: 0;padding: 0 5% 0 0;}
#MenuControl .container-fluid{padding:0;}
#MenuControl .rdCenter,  #HeaderControl .rdCenter{ background-color: transparent !important;}
/* .body-fx #HeaderControl{position: fixed;top: 0;left: 0;width: 100%;z-index: 9;background: #003a8cf2;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} */
/* .body-fx #MenuControl{position: fixed; top: 50px; right: 0; height:100vh; z-index: 9;} */
.nav-fill .nav-item{text-align: right;padding:5px 10px;margin: 0; position: relative; z-index: 2;}
.navbar-collapse{min-width: 100%;height:100vh;position: fixed;right: 0;top: 0px;padding-top: 0;overflow-y: auto;transform: translate(-100%, 0);}
.navbar-collapse.show{transition: .4s;z-index: 99;transform: translate(0, 0);/* background-image: url('image/footer-bg.jpg'); */object-fit: cover; background: #219dbb}
/* .navbar-collapse.show {content: '';position: absolute;width: 100%;height: 100%;background-image: linear-gradient(60deg, #040e33, #0e9489);top: 0;left: 0;opacity: .95;} */
.body-fx .navbar-toggler[aria-expanded="true"] {z-index: 999999999;position: fixed;border-radius: 50%;width: 30px;height: 30px;text-align: center;padding: 5px;margin-top:5px;right: 14px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{content:"x";position: fixed;top: 10px;right: 40px;width: 40px;height: 40px;background: #000000;color: #fff;font-weight: bold;border-radius: 50%;line-height: 35px;visibility: visible;/* transform:rotate(90deg); */}
.navbar-toggler[aria-expanded="true"]{visibility: hidden;}

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

.RadDock .rdMiddle .rdCenter { background: transparent !important}

#HomepagecontentControl, #HomepagecontentControl_C {height: auto !important;margin: -11px -1px 0 -1px;}
.navbar-toggler-icon { background-image: url(image/menu.png)}


.body-fx footer {
    opacity: 1;
    transition: 0.3s;
    visibility: visible;
}

.body-fx #HeaderControl {
    float: Left;
    position: fixed;
    background: #131313;
    z-index: 9;
    text-align: left;
    transition: 0.5s;
    top: 0;
}

.body-fx #MenuControl {
    float: Left;
    position: fixed;
    background-image: linear-gradient(90deg, #131313, #219ebc);
    z-index: 9;
    transition: 0.5s;
    top: 0;
}

@media (min-width: 320px) and (max-width: 768px) {
    #HeaderControl{position: absolute;top: 0px;left:0;width: 70%;z-index: 999999999;padding: 5px 3%;}
    #MenuControl{position: absolute;top: 0;width: 30%; right: 0; padding: 0;}
    .navbar-toggler{ margin: 3px 15px 0 0;position: absolute;top: 5px;}

    .body-fx #HeaderControl { width: 75%; padding: 8px 6%; height: 65px !important}
    .body-fx #MenuControl { width: 30%; height: 65px !important}
}