.loader{
    position: fixed;
    top: -71px;
    right: -71px;
    width: 71px;
    height: 71px;
    z-index: 9999;
    background-color: rgba(0,0,0,0.5);
    border-radius: 0px 0px 0px 7px;
    transition: all 500ms ease;
}
.loader.open{
	top: 0px;
	right: 0px;
}
.inner-loader{
	position: absolute;
    display: table;
    width: 37px;
    height: 37px;
    right: 15px;
    top: 15px;
}
.loader .loadiv{
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 2px;
	animation-duration: 4s;
	animation-play-state: paused;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.loader.open .loadiv{
	animation-play-state: running;
}
.div1{
	top: 0px;
	left: 0px;
	background-color: #B2B2B2;
	animation-name: divUm;
	animation-delay: 0.67s;
}
.div2{
	top: 0px;
	left: 22px;
	background-color: #3D3D3D;
	animation-name: divDois;
	animation-delay: 0.33s;
}
.div3{
	top: 22px;
	left: 22px;
	background-color: #303030;
	animation-name: divTres;
}
@keyframes divUm {
	0% {
		top: 0px;
		left: 0px;
	}
	15.5% {
		top: 0px;
		left: 22px;
		transform: rotate(-90deg);
	}
    25% {
        top: 0px;
		left: 22px;
		transform: rotate(-90deg);
	}
	37.5% {
		top: 22px;
		left: 22px;
		transform: rotate(-180deg);
	}
    50% {
        top: 22px;
		left: 22px;
		transform: rotate(-180deg);
	}
	62.5% {
		top: 22px;
		left: 0px;
		transform: rotate(-270deg);
	}
    75% {
        top: 22px;
		left: 0px;
		transform: rotate(-270deg);
	}
	87.5% {
		top: 0px;
		left: 0px;
		transform: rotate(-360deg);
	}
    100% {
        top: 0px;
		left: 0px;
		transform: rotate(-360deg);
	}
}
@keyframes divDois {
	0% {
		top: 0px;
		left: 22px;
	}
	12.5% {
		top: 22px;
		left: 22px;
		transform: rotate(-90deg);
	}
    25% {
        top: 22px;
		left: 22px;
		transform: rotate(-90deg);
	}
	37.5%{
		top: 22px;
		left: 0px;
		transform: rotate(-180deg);
	}
    50% {
        top: 22px;
		left: 0px;
		transform: rotate(-180deg);
	}
	62.5%{
		top: 0px;
		left: 0px;
		transform: rotate(-270deg);
	}
    75% {
        top: 0px;
		left: 0px;
		transform: rotate(-270deg);
	}
	87.5%{
		top: 0px;
		left: 22px;
		transform: rotate(-360deg);
	}
    100% {
        top: 0px;
		left: 22px;
		transform: rotate(-360deg);
	}
}
@keyframes divTres {
	0% {
		top: 22px;
		left: 22px;
	}
	12.5% {
		top: 22px;
		left: 0px;
		transform: rotate(-90deg);
	}
    25% {
        top: 22px;
		left: 0px;
		transform: rotate(-90deg);
	}
	37.5% {
		top: 0px;
		left: 0px;
		transform: rotate(-180deg);
	}
    50% {
        top: 0px;
		left: 0px;
		transform: rotate(-180deg);
	}
	62.5% {
		top: 0px;
		left: 22px;
		transform: rotate(-270deg);
	}
    75% {
        top: 0px;
		left: 22px;
		transform: rotate(-270deg);
	}
	87.5% {
		top: 22px;
		left: 22px;
		transform: rotate(-360deg);
	}
    100% {
        top: 22px;
		left: 22px;
		transform: rotate(-360deg);
	}
}
.login {
    background-color: #525252 !important;
}
.login .content {
	background-color: #EEEEEE !important;
}
.login .content .form-control {
	background-color: #E3E3E3 !important;
	border: 1px solid #E3E3E3 !important;
}
.login .copyright {
    color: #B2B2B2 !important;
}
.page-header.navbar .page-logo .logo-default {
	height: 32px !important;
	margin: 7px 0 0 !important;
}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active>a {
    border-left: 4px solid #ffffff !important;
}
.page-container-bg-solid .page-content {
    background: #F1F1F1;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external {
	background-color: #F1F1F1;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>h3 {
	color: #787878;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover {
	background-color: #F8F8F8;
}
.page-quick-sidebar-wrapper .page-quick-sidebar {
	background: #0F0F0F;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a {
	border-bottom: 3px solid rgba(255, 255, 255, 0.3) !important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li.active>a {
	border-bottom: 3px solid #ffffff !important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:hover {
	background: #1B1B1B;
}