@charset "utf-8";
/* CSS Document */

html,body{ font-family: "Open Sans",sans-serif; color: #333; height: 100%; background-color: #f7f7f7;}

.row{width: 100%;}

.left-panel{width: 40%; float: left; height: 100%; position: fixed;}

.left-panel .left-text{padding: 10%; padding-top: 35%; height: 100%;}

.left-panel h1{font-size: 4.9em; color: #fff; text-align: left; font-weight: 600;}
.left-panel h2{color: #fff; font-size: 2.3em; font-weight: 300; text-align: left;}

.right{padding: 1%; width: 100%; float: right; height: auto;}
.right .content{padding-top: 5%;}
.right h1{font-size: 2em; font-weight: 300;}
.right h2{font-size: 1.4em; font-weight: 500; margin-top: 10px;}
.right p{font-size: 0.8em;}
.right .pad-top-1, .menu .pad-top-1{padding-top: 1%; padding-bottom: 1%;}
.right .pad-2{margin-left: 5%;}
.right .form{padding-top: 3%;}
.right .btn-primary{margin-top: 3%; padding-left: 25px; padding-right: 25px; border-radius: 60px; background-color: #174896;}
.right .btn-clear{background-color: #5d6e88; border-color: #5d6e88;}
.right .btn-md {margin-top: 3%; padding-left: 40px; padding-right: 40px; border-radius: 5px; background-color: #174896; }

.btn-group .btn-primary{margin-top: inherit;}
.right-cotainer{width: 60%; float: right; height: auto;}

label{font-size: 85%;}
.error-field{border: 1px solid #cf3125;}
.error-text{ color: #cf3125;}

.header-top{width: 100%; height: auto; min-height: 50px; -webkit-box-shadow: 0px 0px 5px 0px rgba(102,101,102,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(102,101,102,0.4);
box-shadow: 0px 0px 5px 0px rgba(102,101,102,0.4);}

.logo{background-color: #0f051c; padding: 10px; text-align: center;}
.header-right{color: #242f41; font-size: 12px;}


.inner .left{background-image: url(../img/dashboard-background.jpg); background-repeat: no-repeat; background-position: center left; background-size: cover; width: 40%; float: left; padding: 7%; padding-top: 10%; height: 100%;}

.inner .right{background: #fff; padding: 1%; width: 60%; float: right; height: auto;}

.nav_title{height: 100px;}
.nav_title img{height: auto; margin: 0 auto;}

.left_col{/*background-color: #1d0a35;*/ background-image: -moz-linear-gradient( 90deg, rgb(48,207,208) 0%, rgb(51,8,103) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(48,207,208) 0%, rgb(51,8,103) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(48,207,208) 0%, rgb(51,8,103) 100%);
}

.profile_info{padding: 10px;}

.wizard-text{font-size: 13px!important; font-weight: bold;}

.hover{cursor: pointer; color: inherit;}
.hover a{color: inherit;}

.profile_info{text-align: left;}
.profile_info h2{font-size: 22px;}
.profile_info p{color: #bab8b8; font-size: 13px; padding-top: 5px;}
.nav.side-menu > li{text-align: left;}

footer{background-color: #2b2b2c; color: #fff; padding: 20px;}

.tile_count{margin-bottom: 0; margin-top: 0; display: block; clear: both;}
.count-block{background-color: #fff; border:1px solid #e6e9ed; padding: 15px;}

.tile_count .tile_stats_count::before{border:0;}

.top_search{padding-right: 15px;}

tr.alert-row{background-color: #383a7b!important; color: #fff!important;}

.alert-popup{background-color: #383a7b; border:#383a7b; font-size: 16px;}

.menu{background: #f9f9f9; border-bottom: 1px solid #f0f0f0; padding: 10px; overflow:hidden; display: block; -webkit-box-shadow: 0px 0px 19px 0px rgba(212,212,212,0.5);
-moz-box-shadow: 0px 0px 19px 0px rgba(212,212,212,0.5); box-shadow: 0px 0px 19px 0px rgba(212,212,212,0.5);

}


#background-carousel{
	/*position:fixed;*/
	position: absolute;
	width:100%;
	height:100%;
	z-index:-1;
}
.carousel,
.carousel-inner {
	width:100%;
	height:100%;
	z-index:0;
	overflow:hidden;
}
.item {
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
	z-index:0;
}
 
#content-wrapper {
	position:absolute;
	z-index:1 !important;
	min-width:100%;
	min-height:100%;
}

.page-title .title_left h3{color: #383a7b;}
.pad-top{padding-top: 5%;}
.error-template h1{font-size: 36px; margin-top: 5%;}

.footer{
	bottom: 0;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    text-align: center;
    width: 60%;
    background: #f9f9f9; border-top: 1px solid #f0f0f0; 
    font-size: 10px;
    padding-top: 5px;
}

.register25{width: 25%;}
.register75{width: 75%;}


.top_nav .navbar-left {
    margin: 0;
    width: auto;
    float: left;
}
.top_nav .navbar-left li {
    display: inline-block;
    float: left;
    position: static
}

#clients .body .right_col, #clients .main_container .top_nav, #clients footer{margin-left: inherit;}
#clients .nav_title{width: 165px;}

#clients .top_nav .navbar-right{width: 250px;}
#clients .nav_title{height: 80px;}
/* #clients .navbar-brand, .navbar-nav > li > a{padding-top: 25px; padding-bottom: 25px;} */

.blocks ul{width: auto;}
.blocks ul li{float: left; list-style: none;}
.blocks ul li{ padding: 20px 15px; text-align: center; margin-left: 5px;}
.blocks ul li.active{background-color: #383a7b; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1), 0 0px 2px 0 rgba(0, 0, 0, 0.10) !important}
.blocks ul li.active a, .blocks ul li.active i{ color: #fff !important; font-weight: bold;}
.blocks ul li i{width: 100%; display: block; text-align: center; font-size: 24px; padding-bottom: 10px;}



#clients .count_top img{padding-right: 10px;}
#clients .count_top{font-size: 20px; font-weight: bold;}
.count-block{ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1) !important;}
span.small{display: block;width: 100%; font-style: 10px; padding-top: 5px;}


.logo-white-top{position: absolute; padding-top: 5px; z-index: 9999;}