.boxshadow{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.5);box-shadow:0 0 8px 0 rgba(0,0,0,0.5)}
header{width:240px;float:left}
header i{padding:0 5px}
header.login{overflow:auto}
header.login .logo{width:230px;margin:25px auto 40px}
header .logo{display:block;padding: 10px 30px;}
header .logo img{max-width: 160px;width: 100%;height: auto;}
header > .navbar-header{margin:0;position: relative;}
header > .navbar-header .navbar-toggle{background: #b3325c;padding: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 24px;color: #fff;border-radius: 0;margin: 0;position: absolute;right: 12px;top: 12px;float: none;cursor: pointer;}
header > .navbar-header .navbar-toggle:after{font-family: Font Awesome\ 5 Free;font-weight: 900;content: "\f0c9";}
header > .navbar-header .navbar-toggle.in:after{content: "\f00d";}
header > .navbar-header .navbar-toggle .icon-bar{background:#fff}
header .navbar-collapse.collapse{border:none;display:block;/* background:#151515; */position:fixed;z-index:2;left:-240px;top:0;bottom:0;width:240px;max-height:none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
header .navbar-collapse.collapse.in{left:0;-webkit-box-shadow:3px 0 8px 0 rgba(0,0,0,0.5);-moz-box-shadow:3px 0 8px 0 rgba(0,0,0,0.5);box-shadow:3px 0 8px 0 rgba(0,0,0,0.5)}
header .navbar-collapse.collapse.in > li > a{padding:8px 15px;border-bottom:1px solid grey}
header .navbar-collapse.collapse .nav .dropdown-menu{padding:0;background:#a79b94;top:45px;left:0}
header .navbar-collapse.collapse .nav .dropdown-menu li{border-bottom:solid thin #beb1aa}
header .navbar-collapse.collapse .nav .dropdown-menu li:last-child{border-bottom:0}
header .navbar-collapse.collapse .nav .dropdown-menu li a.small{background:#505050;color:#f0f0f0}
.dropdown-menu>li a{display:block;padding: 10px 20px 10px 30px;clear:both;font-weight:400;line-height:1.42857143;color:#fff;white-space: inherit;}
header .navbar-collapse.collapse .nav > li.secondary > a{color:rgba(255,255,255,0.4)}
header .navbar-collapse.collapse .nav > li > a{color:#FFF;padding: 10px 20px 10px 30px;-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease;font-size: 15px;}
header .navbar-collapse.collapse .nav.profile > li > a{color:#21aee8}
header .navbar-collapse.collapse .nav > li.menu-search{min-width:200px;background:rgba(255,255,255,.3);border-radius:30px;border:solid rgba(255,255,255,.5) 1px;overflow:hidden}
#mainContainer{left:0;position:absolute;width:100%;-webkit-transition:left .5s ease;-moz-transition:left .5s ease;-o-transition:left .5s ease;transition:left .5s ease}
#mainContainer.in{left:80%}
.shadowBox{background:#fff}
.input-group input.form-control,.btn{padding:8px 12px}
.callout{background:#f0f0f0;margin:20px 0;padding:20px;border-left:3px solid #00f}
.btn-primary{background:#21aee8;border-bottom:3px solid #003468}
.input-group{width:100%}
.input-group .input-group-addon{width:36px;text-align:center}
.input-group .input-arrow{position:absolute;top:13px;left:37px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #ccc;margin:0;z-index:5}


@media (min-width: 1025px) {
header .navbar-collapse.collapse{width: 100%;background:none;position: relative;left: 0;top: 0;padding:0;margin: 0;}
header .navbar-collapse.collapse .nav{margin:0;}
#mainContainer{position:relative;left:auto}
}

@media (min-width: 992px) {
header > .navbar-header{margin:0}
header .navbar-collapse.collapse{/* margin:25px 0 40px 200px */}
}

@media (min-width: 1200px) {
header .navbar-collapse.collapse{padding:0;margin:0}
}

@media (max-width:1024px) {
header .navbar-collapse.collapse .nav > li > a{padding:15px}
.dropdown-menu>li a{padding:15px!important}
}
@media (max-width: 768px) {
header .logo{background-position:center}
}