.preloader-it {
    top: 2px;
    background: #e9ecef;
    position: fixed;
    z-index: 999999999;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.loader-pendulums{
	position: relative;
	width: 150px;
	height: 20px;

	top: 45%;
	top: -webkit-calc(50% - 10px);
	top: calc(50% - 10px);
	left: 25%;
	left: -webkit-calc(50% - 75px);
	left: calc(50% - 75px);

	background-color: rgba(255,255,255,0.2);
}

.loader-pendulums:before{
	content: "";
	position: absolute;
	background-color: currentColor;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 0px;
	z-index: 0;
	opacity: 1;
	-webkit-transform-origin:  100% 0%;
			transform-origin:  100% 0% ;
	-webkit-animation: loader-pendulums 10s ease-in-out infinite;
			animation: loader-pendulums 10s ease-in-out infinite;
}

.loader-pendulums:after{
	    content: "LOADING ...";
    color: #fff;
    font-family: Lato,"Helvetica Neue";
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 20px;
    left: 10px;
    top: 0;
}

@-webkit-keyframes loader-pendulums{
    0%{width: 0px;}
    70%{width: 100%; opacity: 1;}
    90%{opacity: 0; width: 100%;}
    100%{opacity: 0;width: 0px;}
}

@keyframes loader-pendulums{
    0%{width: 0px;}
    70%{width: 100%; opacity: 1;}
    90%{opacity: 0; width: 100%;}
    100%{opacity: 0;width: 0px;}
}
mark#alert {
   
    left: 0%;
    width: 100%;
    text-align: center;
  
}
mark#alert p {
    padding: 15px 24px 6px 24px;
    border-radius: 0px 0px 15px 15px;
    margin-top: 0px;
    height: 25px;
    background-color: #333333;
    font-size: 11px;
    font-weight: 700;
    font-family: unset;
    text-transform: uppercase;
}
#sidebar > ul > li > ul.sub:empty:before {
    content: "Dennied Access";
}
.modal {
    border-radius: 0px;
}
.brand i{
    color: #ddd;
}
.brand b:before {
    content: attr(data-hover);
    position: absolute;
    overflow: hidden;
    width: 0%;
    height: 24px;
    top: 14px;
    line-height: 22px;
    font-weight: 600;
    transition: width .25s ease-out;
    -webkit-transition: width .25s ease-out;
    -moz-transition: width .25s ease-out;
    -o-transition: width .25s ease-out;
    -ms-transition: width .25s ease-out;
    color: #303136;
}
.brand:hover >b:before{
    width: 10%;
    text-shadow: 0 0 0 #0088cc;
   
}
.brand:hover i{
    color:#222222;
}
#sidebar > ul > li > ul.sub > li.active > a {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
    text-shadow: none!important;
}
a, a:hover{text-shadow:none !important;color:currentColor;}
.widget{border:none!important;}
.btn-link{color:#474B88;}
.navbar-inverse .brand, .navbar-inverse .nav>li>a{color:white;}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover{background-color:#EEEEEE;background-image:none;color:#333333;filter:none;text-decoration:none;}
#header .brand {    text-shadow: 2px 0px 35px #795548!important;}
#main-content{box-shadow:0 0 3px #757575; background:#fff}
#header .navbar-inner .nav .dropdown-toggle:hover, .navbar-inner .nav .dropdown.open .dropdown-toggle{    text-decoration: line-through;}
#header.navbar-inverse .divider-vertical{border-left-color:#2c2d2f;border-right-color:#181a1b;}
#header.navbar-inverse .navbar-inner{background:currentColor;}

#sidebar > ul > li a i{color: #222 !important;font-size:18px;}
#sidebar > ul > li > a:hover, #sidebar > ul > li:hover > a, #sidebar > ul > li.active > a {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiZGBgkGKAAiYGJIDCAQgwAAQqACB/hf4PAAAAAElFTkSuQmCC");
}
#sidebar > ul > li.active > a {color:rgb(68, 61, 171);}
#sidebar > ul > li > ul.sub > li > a{color:#474B82;}
#sidebar > ul > li > ul.sub > li:last-child{border-bottom:none;}
#sidebar > ul > li > a{font-size:13px!important;font-weight:bold!important;}
#sidebar > ul > li.active i{color:rgb(68, 61, 171)!important;}
#sidebar > ul > li > a {
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{border:1px dotted #CAC8C8;border-bottom-color:transparent;}
.nav-tabs{border-bottom:1px dotted #ddd;}
body.scroll-up{margin-top:-19px!important;}
body.scroll-up .navbar-inner{height:50px!important;margin-top:-10px!important;font-size:12px;background:rgba(0, 0, 0, 0.6) !important;}
body.scroll-up .navbar-inner .dropdown-toggle{height:25px;}
body.scroll-up #theme-change{top:-52px;}
body.scroll-up #header .brand{height:29px;background:rgba(92, 92, 92, 1) !important;}


#footer {
    background: #666666;
    color: #fff;
}