@charset "utf-8";

/*--------------Logos------------*/
/*--Added here for fast editing--*/

.menu-wrapper{display:none;}

.header-light .header-logo{background-image:url(../images/logo-dark.png)!important;}
.header-dark .header-logo{background-image:url(../images/logo-light.png)!important;}
.header-logo{background-size:74px 14px;	width:74px;	height:55px;}

.footer-logo{height:25px; background-size:120px 23px;}
.footer-light .footer-logo{background-image:url(../images/logo-dark.png);}
.footer-dark .footer-logo{background-image:url(../images/logo-light.png);}

.menu-dark.menu-large .menu-logo{background-image:url(../images/logo-light.png);}
.menu-light.menu-large .menu-logo{background-image:url(../images/logo-dark.png);}
.menu-large .menu-logo{background-size:105px 20px;}

.menu-perspective .menu-logo{background-image:url(../images/logo-light.png);}
.menu-perspective .menu-logo{background-size:135px 25px;}
.menu-perspective-background{background-image:url(../images/pictures_vertical/bg-perspective.png);}

.menu-thumbnails .menu-logo .menu-logo-image{height:20px; background-size:100px 19px;}
.menu-dark.menu-thumbnails .menu-logo .menu-logo-image{background-image:url(../images/logo-light.png);}
.menu-light.menu-thumbnails .menu-logo .menu-logo-image{background-image:url(../images/logo-dark.png);}

.menu-list-logo{background-size:140px 27px;	width:140px; height:27px;}
.menu-dark .menu-list-logo{background-image:url(../images/logo-light.png);}
.menu-light .menu-list-logo{background-image:url(../images/logo-dark.png);}

.preloader-dark h1{background:url(../images/logo-light.png) center center no-repeat;}
/*.dark-mode .preloader-light h1{background:url(../images/logo-light.png) center center no-repeat;}
.preloader-light h1{background:url(../images/logo-dark.png) center center no-repeat;}
*/
.timeline-logo{background-size:74px 14px; height:55px;	background-image:url(../images/logo-light.png);}
.profile-logo{background-image:url(../images/logo-dark.png);	background-size:74px 14px;	height:55px;}


/*----Preloader----*/ 
/*-----------------*/

.preloader-dark{background-color:#1b1d26;}
.preloader-dark .cp1, .preloader-dark .cp2{opacity:0.05; background-color:#FFFFFF;}
.preloader-dark em{color:rgba(255,255,255,0.3);}

.preloader-light{background-color:#FFFFFF;}
.preloader-light .cp1, .preloader-dark .cp2{opacity:0.05; background-color:#000000;}
.preloader-light em{color:rgba(0,0,0,0.8);}

.dark-mode .preloader-light{background-color:#1b1d26!important;}


#preloader h1{
	width:100%;
	height:32px;
	background-size:165px 32px;
	margin-top:110px;
}

#preloader em{
	position:fixed;
	width:100%;
	bottom:20px;
	font-style: normal;
	text-align:center;
	font-size:10px;
	line-height:22px;
}

#preloader p{text-align:center;	font-size:12px;}
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; 
	z-index:999999999!important; 
    pointer-events: none;
    opacity:1;
    transition:all 500ms ease;
}

.hide-preloader{pointer-events: none; opacity:0!important; transition:all 500ms ease;}
.page-change-preloader{
	opacity:0;
	pointer-events:none;
	position:fixed;
	background-size:100px; 60px;
	background-repeat: no-repeat;
	background-position: center center;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:9999999;
	pointer-events: none;
	transition:all 250ms ease!important;
}
.show-change-preloader{opacity:1; transition:all 250ms ease!important;}

#preload-spinner, .preload-spinner {
	animation: preload-spin1 1.2s ease infinite;
	clip: rect(0, 40px, 40px, 20px); 
	height: 40px;
	width: 40px;
	position: absolute;
	left: 50%;
	margin-left:-20px;
	top:50%;
	margin-top:-20px;
}

#preload-spinner:after, .preload-spinner:after {
	animation: preload-spin2 1.2s ease-in-out infinite;
	clip: rect(0, 40px, 40px, 20px);
	content:'';
	border-radius: 50%; 
	height: 40px;
	width: 40px;
	position: absolute; 
	box-shadow:inset #8CC152 0 0 0 1px;

} 
@keyframes preload-spin1 {25% {transform: rotate(0deg)}  100% {transform: rotate(185deg)}}
@keyframes preload-spin2 {0% {transform: rotate(-175deg);}	100% {transform: rotate(175deg);}}

.spinner-yellow:after{box-shadow:inset #F6BB42 0 0 0 1px!important;}
.spinner-green:after{box-shadow:inset #27ae60 0 0 0 1px!important;}
.spinner-red:after{box-shadow:inset #D8334A 0 0 0 1px!important;}
.spinner-pink:after{box-shadow:inset #EC87C0 0 0 0 1px!important;}
.spinner-blue:after{box-shadow:inset #5D9CEC 0 0 0 1px!important;}
.spinner-teal:after{box-shadow:inset #A0CECB 0 0 0 1px!important;}
.spinner-magenta:after{box-shadow:inset #8067B7 0 0 0 1px!important;}
.spinner-black:after{box-shadow:inset #000000 0 0 0 1px!important;}
.spinner-brown:after{box-shadow:inset #8E8271 0 0 0 1px!important;}


.content-boxed-padding{
	padding: 10px 15px!important;
	margin-bottom: 15px!important;
}

.half-bottom {
    margin-bottom: 5px!important;
    line-height: 1.3em!important;
    word-wrap: break-word;
}

.float-right {
    margin-top: 5px!important;
    margin-left: 5px!important;
}

.button, .button-round {
    color: #FFFFFF;
    height: 36px!important;
    line-height: 36px!important;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    margin: 0px 5px 5px 0px!important;
    padding: 0px 20px 0px 20px;
}

.menu-modal{
	text-align: center!important;
}

p {
    line-height: 18px!important;
    margin-bottom: 15px!important;
    font-size: 13px;
}

.select-box-1 {
    margin-top: 30px!important;
}

.select-box{
	margin-bottom: 25px!important;
	height: 45px;
	line-height: 45px;
}

.notification-small.notification-has-icon {
    height: 40px!important;
}

.notification-small.notification-has-icon .notification-icon {
    height: 40px!important;
    width: 50px;
}

.full-bottom {
    margin-bottom: 20px!important;
    display: block;
}