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


@import url('reset.css'); /*Reset CSS*/
@import url('fonts.css'); /*Custom Fonts*/
@import url('fontawesome/font-awesome.css'); /*Icons Fonts*/



header{
	padding: 15px 0px;
	background-color: #fff;}


.container-fluid{
	padding-left: 20px;
    padding-right: 20px;}


/***************************************
User Information
***************************************/
	
.user{
	position: relative;
	display: inline;}
	
.user h5{
	margin: 0px 10px 0px 0px;
	text-align:right;
	color:#424242;
	font-family:calibri;
	font-size:17px;
	font-weight:normal;
	line-height:18px;}
	
.user p{
	font-family:calibri;
	color:#39acec;
	display:block;
	text-align:right;
	margin:0px 10px 0px 0px;}
	
	
	
	

/***************************************
Top Navigation
***************************************/
nav#main_topnav{
	background-color:#181413;
	padding:14px 0px;
	width:100%;
	z-index:9;
	left:0;
	position:fixed;}

	
nav#main_topnav .toggle-topmenu, nav#main_topnav .toggle-aside{
	color:#fff;
	display:none;
	font-size:30px;}
	
nav#main_topnav ul{
	text-align:right;
	margin:0px;}

nav#main_topnav ul li{
	display:inline;
	margin:0px 15px;}
	
nav#main_topnav ul li:last-child{
	margin-right:0px;}

nav#main_topnav ul li a{
	font-size:18px;
	color:#FFF;}

nav#main_topnav ul li:hover a{
	}	
	
	
	
	

/***************************************
Aside Left Pannel
***************************************/	
aside#left_panel{
	background-color:#dadada;
	position:fixed;
	left:0px;
	padding:20px 0px;
	width:270px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	top:120px;
	height:100%;
	}
	
form.search_form{
	margin-bottom:20px;
	position:relative;}
	
.search-input{
	margin-right:35px;}
	
form.search_form input{
	border:1px solid #afafaf;
		-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	}
	
form.search_form input[type=text]{
	color:#919191;
	padding:7px;
	background-color:#eeeeee;
	display:block;
	height:35px;
	font-style:italic;
	border-right:0px;
	width:100%;}
	
form.search_form input[type=text]:focus{
	border-color:#8c8b8b;}
	
form.search_form input[type=submit]{
	background-color:#1171a1;
	color:#FFF;
	padding:9px 10px;
	position:absolute;
	right:0px;
	top:0px;
	height:35px;
	border-color:#013f5f;}
	
nav#aside_nav ul{
	margin:0px;}

nav#aside_nav li{
	list-style:none;}

nav#aside_nav  li:hover a, nav#aside_nav li.active a, nav#aside_nav li.open a{
	background-color:#ececec;
	color:#1171a1;}
	
nav#aside_nav li.active > a{
	font-family: 'OpenSans-Regular';}

nav#aside_nav li ul{
	display:none;}


nav#aside_nav li a{
	display:block;
	font-size:14px;
	padding:8px 20px;
	color:#0d1218;}
	
	
nav#aside_nav li a span{
	background-color:#d43b28;
	display:inline-block;
	color:#fff;
	float:right;
	padding:0px 5px;
	line-height:16px;
	font-weight:bold;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:10px;
	border:1px solid #a11a08;}
	

nav#aside_nav li ul li a{
	color:#979797 !important;
	padding:7px 20px 7px 20px;}


nav#aside_nav li ul li a:hover, nav#aside_nav li ul li.active a{
	background:#f6f6f6;
	color:#7c7c7c !important;}



/***************************************
Main Section / Basic Elements
***************************************/

.movefor-aside{
	transform:translate3d(270px, 0px, 0px);
	-ms-transform:translate3d(270px, 0px, 0px); /* IE 9 */
	-webkit-transform:translate3d(270px, 0px, 0px); /* Safari and Chrome */
	-moz-transition: translate3d(270px, 0px, 0px);
	-o-transition: translate3d(270px, 0px, 0px);}
	
section#main_content{
	margin:0px 0px 0px 270px;
	background-color:#fff;
	padding-top:54px;
	position:relative;}

section#main_content > div.container-fluid{
	padding:15px 20px;}

.overflow-scroll{
	overflow:auto;}


.page-header{
	margin:0px;
	border:0px;
	padding:0px;}
	
.page-header h1{
	font-size:34px;
	margin-top:0px;}

.page-header h1 small{
	font-size:14px;}



/***************************************
breadcrumbs
***************************************/

.breadcrumb{
	padding:3px 10px;
	background-color:#F4F4F4;}
	
.breadcrumb li a, .breadcrumb li{
	font-size:14px;
	font-family: calibri;}	
	


/***************************************
Panels
***************************************/

.panel{
	border:0;
	box-shadow:none;}
	
.panel.colored .panel-body{
	border:1px solid #E5E5E5;
	border-top:0px;}
	
.panel-heading{
	padding:8px 0px;
	border-bottom:1px solid #ccc;}

.panel.colored .panel-heading{
	padding:8px 15px;
	position:relative;
	box-shadow: 0 2px 0 rgba(255, 255, 255, 0.3) inset;
	border:0;}
	
.panel.colored .panel-heading:before{
	display:block;
	content:''; 
	border:1px solid #000; 
	border-left:7px solid #000;
	filter:alpha(opacity=30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3; 
	opacity: 0.3;
	position:absolute;
	left:0; 
	top:0;
	bottom:0;
	right:0;
	pointer-events:none;}

.panel-title{
	display: inline;
    font-size: 18px;
	color:#656565;
	line-height:normal;
    text-transform: uppercase;}

.panel.colored .panel-title, .panel.colored small{
	color:#fff;}
	
.panel-body{
	padding:15px 0px;
	position:relative;}
	
.panel.colored .panel-body{
	padding:15px;}

.panel:hover ul.toolbar{
	display:block;}
	
.panel-body.no-padding, .no-padding{
	padding:0px;}
	

ul.toolbar{
	margin:0;
	display:none;}
	
ul.toolbar li{
	display:inline-block;}
	
ul.toolbar li a{
	font-size:16px;
	display:inline-block;
	padding:5px;
	opacity:0.6;
	color:#333;}
	
ul.toolbar li a i{
	width:auto;}
	
.panel.colored 	ul.toolbar li a{
	color:#fff;}
	
.panel.colored 	ul.toolbar li a:hover{
	opacity:0.8;}


.panel-footer{
	padding:15px;
	border:1px solid #E5E5E5;
	border-top:0;}

	
.box-loader{
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
	background:#fff url(../images/loader/windows8.gif) no-repeat center center;
	opacity:0.7;
	left:0px;
	cursor:wait;
	top:0px;}	



/***************************************
Statistics boxes
***************************************/	

.stats{
	margin:0px;}

.stats li{
	color:#FFF;
	margin-bottom:25px;
	text-align:center;
	list-style:none;}

.stats li h5{
	font-weight:normal;
	line-height:25px;
	padding:0px 0px 6px 0px;
	margin:0px;
	text-align:center;
	font-size:16px;}
	
.stats li a{
	display:block;
	font-size:13px;
	color:#FFF;
	padding:5px 15px;
	clear:both;
	text-align:left;
	opacity:0.7;}

.stats li a i{
	float:right;
	padding:0px;
	font-size:14px;
	padding-top:2px;
	text-align:right;}
	
.stats li a:hover, .stats li a:hover i{
	opacity:1;}

.stats li > div > i{
	font-size:46px;
	padding:8px 0px 0px 0px;
	clear:both;
	display:inline-block;}
	

.stats li div.blue-bg a{
	background-color:#2295c9;}

.stats li div.green-bg a{
	background-color:#50b478;}

.stats li div.purple-bg a{
	background-color:#751e88;}
	
.stats li div.orange-bg a{
	background-color:#e87712;}
	
.stats li div.yellow-bg a{
	background-color:#db9628;}
	
.stats li div.mehroon-bg a{
background-color:#cb545e;}

.stats li div.bottelgreen-bg a{
background-color:#45bca1;}	




/***************************************
Data Tables / Gride
***************************************/

.metro-table{
	width:100%;}

	
.metro-table thead tr td{
	font-size:17px;
	color:#8e8e8e;
	padding:5px 5px 15px 5px;}
	
.metro-table tfoot tr td{
	font-size:14px;
	color:#8e8e8e;}

.metro-table tbody tr td{
	font-size:14px;
	max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	
.metro-table tbody tr td span{
	border:1px solid #f5f5f5;
	border-left:0px;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:7px 10px;}
	
.metro-table tbody tr td:last-child span{
	border:0px;}

.metro-table tbody tr:nth-child(5n+1) td:first-child span:first-child{
	border-left:5px solid #27a9e3; }
	
.metro-table tbody tr:nth-child(5n+2) td:first-child span:first-child{
	border-left:5px solid #f2ae43;}
	
.metro-table tbody tr:nth-child(5n+3) td:first-child span:first-child{
	border-left:5px solid #28b779}
	
.metro-table tbody tr:nth-child(5n+4) td:first-child span:first-child{
	border-left:5px solid #e7191b}	
	
.metro-table tbody tr:nth-child(5n+5) td:first-child span:first-child{
	border-left:5px solid #c180e6}
	


.metro-table ul.pagination{}

.metro-table ul.pagination li, .metro-table ul.pagination li a{
	display:inline-block;}

.metro-table ul.pagination li a{
	width:25px;
	height:25px;
	text-align:center;
	padding:1px 0px;
	border:1px solid #FFF;
	color:#999;}

.metro-table ul.pagination li a:hover{
	border:1px solid #CCC;}




/***************************************
Responsive Tables / Gride
***************************************/


/***Unseen Column***/
@media (max-width: 850px) {
	table#unseen td:nth-child(2),
	table#unseen th:nth-child(2) {display: none;}
}
 
@media (max-width: 640px) {
	table#unseen td:nth-child(4),
	table#unseen th:nth-child(4),
	table#unseen td:nth-child(7),
	table#unseen th:nth-child(7),
	table#unseen td:nth-child(8),
	table#unseen th:nth-child(8){display: none;}
}




/***Fill Scroll***/
@media (max-width: 850px) {
	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }
	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
	 
	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: top; }
	#flip-scroll th { text-align: left; }
	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: left; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
	 
	 
	/* sort out borders */
	 
	#flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}






/***Responsive Table - no more table***/


@media only screen and (max-width: 850px) {
	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
	display: block;
	}
	 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}
	 
	#no-more-tables tr { border: 1px solid #ccc; }
	 
	#no-more-tables td {
	/* Behave like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	white-space: normal;
	text-align:left;
	}
	 
	#no-more-tables td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
	}
	 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}











/***************************************
Background Colors
***************************************/

.blue-bg, .pager li > a.blue-bg{
	background-color:#30abe0;}

.btn.blue-bg:hover, .btn.blue-bg.active{
	background-color:#259ccf;}
	

.yellow-bg, .pager li > a.yellow-bg{
	background-color:#f2ae43;}

.btn.yellow-bg:hover, .btn.yellow-bg.active{
	background-color:#e8a740;}


.green-bg, .pager li > a.green-bg{
	background-color:#66c88d;}

.btn.green-bg:hover, .btn.green-bg.active{
	background-color:#5aba80;}
	

.red-bg, .pager li > a.red-bg{
	background-color:#f06060;}

.btn.red-bg:hover, .btn.red-bg.active{
	background-color:#e25353;}
	

.mehroon-bg, .pager li > a.mehroon-bg{
	background-color:#e36974;}

.btn.mehroon-bg:hover, .btn.mehroon-bg.active{
	background-color:#d85d68;}
	

.orange-bg, .pager li > a.orange-bg{
	background-color:#f5821c;}

.btn.orange-bg:hover, .btn.orange-bg.active{
	background-color:#e77918;}


.purple-bg, .pager li > a.purple-bg{
	background-color:#c180e6;}

.btn.purple-bg:hover, .btn.purple-bg.active{
	background-color:#b474d9;}
	

.pink-bg, .pager li > a.pink-bg{
	background-color:#ec2f87;}

.btn.pink-bg:hover, .btn.pink-bg.active{
	background-color:#df287d;}


.bottelgreen-bg, .pager li > a.bottelgreen-bg{
	background-color:#58d4b8;}

.btn.bottelgreen-bg:hover, .btn.bottelgreen-bg.active{
	background-color:#50c9ae;}


.gray-bg, .pager li > a.gray-bg{
	background-color:#cccccc;}

.btn.gray-bg:hover, .btn.gray-bg.active{
	background-color:#bcbcbc;}
	

.brown-bg, .pager li > a.brown-bg{
	background-color:#bea881;}

.btn.brown-bg:hover, .btn.brown-bg.active{
	background-color:#ad966e;}
	

.black-bg, .pager li > a.black-bg{
	background-color:#484848;}

.btn.black-bg:hover, .btn.black-bg.active{
	background-color:#323232;}
	
	













/***************************************
Invoice
***************************************/


.invoice-details{
	display:table;
	width:100%;
	clear:both;
	margin:15px 0px 20px 0px;
	border:1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	}
	
	
.invoice-details > div{
	display:table-cell;
	padding:10px;
	}





/***************************************
Lockscreen
***************************************/

.locked{
	background:rgba(255, 255, 255, 0.2);
	padding:25px;
	max-width:540px;
	height:230px;
	margin:10% auto;}



.locked-body h2{
	margin:-8px 0px 5px 0px;}
	
.locked .locked-body h2, .locked .locked-body p{color:#fff;}
	

.locked-user img{
	max-width:100%;}
	

.locked-body .msg-button-relative{
	margin-top:45px;}



/***************************************
Login Screen
***************************************/

.signin{
	
	background:#fff;
	margin:10% auto;
	padding:25px;
	max-width:400px;}

	
.signin .signin-body h3{
	margin:0px 0px 30px 0px;
	line-height:normal;}
	






/***************************************
Idol Screen
***************************************/

.idolcontainer .back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background:rgb(91,145,179);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(91,145,179,1)), color-stop(0.5, rgba(146,187,219,1)), color-stop(0.75, rgba(118,137,196,1)), to(rgba(37,67,127,1)));
	background:-webkit-linear-gradient(rgba(91,145,179,1) 0%, rgba(146,187,219,1) 50%, rgba(118,137,196,1) 75%, rgba(37,67,127,1) 100%);
	background:-moz-linear-gradient(rgba(91,145,179,1) 0%, rgba(146,187,219,1) 50%, rgba(118,137,196,1) 75%, rgba(37,67,127,1) 100%);
	background:-o-linear-gradient(rgba(91,145,179,1) 0%, rgba(146,187,219,1) 50%, rgba(118,137,196,1) 75%, rgba(37,67,127,1) 100%);
	background:linear-gradient(rgba(91,145,179,1) 0%, rgba(146,187,219,1) 50%, rgba(118,137,196,1) 75%, rgba(37,67,127,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b91b3', endColorstr='#25437f',GradientType=0 );
}

.idolcontainer .back span {
    display: block;
    position: absolute;
    border-radius: 50% !important;
}

.idolcontainer .time {
  color: white;
  text-align: right;
  position: absolute;
  bottom:40px;
  right:50px;
}

.idolcontainer .hour {
  font-size: 120px;
  font-weight: normal;
  line-height: 120px;
  margin:0px;
}

.idolcontainer .date {
  font-size: 18px !important;
  padding-right:10px;
}






/***************************************
Forms
***************************************/

input,
button,
select,
textarea {
  font-family: 'OpenSans-Light';
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
	color:#333333;
	border:1px solid #dddddd;}

	
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #30abe0;}






input, textarea{
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}




.control-label, label{
	font-size:15px;
	color:#666;
	font-weight:normal;}











.panel-footer .form-group:last-child{
	margin-bottom:0px;}






/*****Select Sizes******/

select.chzn-nopadd{
	padding:0px;}




.btn {
	color: #FFF;}
	
.btn:hover, 
.btn:focus, 
.btn:active,
.btn.active,
.btn[disabled],
.btn.disabled {  
  color: #FFF;
}





/*******Pager********/

.pager li > a, .pager li > span{
	border:0;}
	
	
	
	
	

/*****Button Sizes******/


.input-append .add-on, .input-prepend .add-on{
	padding:7px 9px;}
	



.well{
	-webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;}
		  
		  
		  


.accordion-heading .accordion-toggle{
	background-color:#f9f9f9;}





.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block{
	margin-top:5px;}




/****Form Action Left Aligned****/
	
.left-label label.control-label{
	text-align:left;}





/*****Styled Input File******/

.styled-input-file{
	position:relative;
	padding:0px;}
	
.styled-input-file .input-file-box input{
	border-right:0px;}
	
.styled-input-file .btn{
	position:absolute;
	right:0px;
	top:0px;}







/*Grid*/
.row [class*="span"]:first-child{
	margin-left:0px;}

.show-grid [class*="span"]{
	margin-bottom:5px;}







/*just to showcase button*/
.showcase-btn{
	margin:0px 10px 15px 0px !important;}








/******Form Row Saprated******/



.form-row-seperated .form-group {
    border-bottom: 1px solid #EDEDED;
	padding:10px 0px;
}

.form-row-seperated .form-group:last-child{
	border:0px;}






/******Form Row Bodered******/

.form-bordered .form-group {
    border-bottom: 1px solid #E5E5E5;
	margin-bottom:0px;
}

.form-bordered .form-group:last-child{
	border:0px;}


.form-bordered .form-group .control-label{
	padding-top:15px;}

.form-bordered .form-group .col-lg-10{	
	border-left: 1px solid #E5E5E5;
	padding-top:15px;
	padding-bottom:15px;}








/***************************************
Feeds
***************************************/


.feeds{
	margin:0px;}


.feeds li{
	font-size:14px;
	color:#666;
	padding:10px 0px;
	border-bottom:1px dotted #999;}

.feeds li span{
	padding:3px;
	margin-right:10px;}

.feeds li span i{
	color:#FFF;}









/***************************************
Messages / Chanting
***************************************/

.messages {
	padding-right:10px;
	margin:0px;
}
.messages li {
	list-style:none;
	position:relative;
	padding:12px 0px;
}
.messages li p{
	margin:0px;}

.messages li a img {
	height:51px;
	width:51px;
	border-radius:50px;
}
.messages li.incoming a, .messages li.outgoing a{
	display: block;
	position:absolute;
	top:12px;
}

.messages li.outgoing a {
	right:0px;
}
.messages li.incoming .message_area, .messages li.outgoing .message_area {
	border: 1px solid #E36974;
	padding: 8px 12px;
	color:#666666;
	position:relative;
	font-size:13px;
}

.messages li.outgoing .message_area {
	margin-right:70px;
	text-align:right;
	border: 1px solid #50B478;
}

.messages li.incoming .message_area{
	margin-left:70px;
}

.message_info {
	margin-bottom:5px;
}
.message_info span.sender {
	font-weight:bold;
	color:#F06060;
}

.messages li.outgoing .message_info span.sender{
	color:#50B478;}

.message_info span.says, .message_info span.time {
	font-style:normal;
	font-size:12px;
	color:#999999;
	margin-left:5px;
}


.messages li.outgoing .message_area:after, .messages li.incoming .message_area:after {
	display:block;
	content:" ";
	position:absolute;
	top:-1px;
	border:6px solid transparent;
}

.messages li.outgoing .message_area:before, .messages li.incoming .message_area:before {
	display:block;
	content:" ";
	position:absolute;
	top:0px;
	border:5px solid transparent;
	z-index:1;}
	
.messages li.outgoing .message_area:before{
	left:100%;
	border-left:5px solid #fff;
	border-top:5px solid #fff;}
	
.messages li.outgoing .message_area:after{
	left:100%;
	border-left:6px solid #50B478;
	border-top:6px solid #50B478;}
	

.messages li.incoming .message_area:after {
	right:100%;
	border-right:6px solid #E36974;
	border-top:6px solid #E36974;}

.messages li.incoming .message_area:before{
	right:100%;
	border-right:5px solid #fff;
	border-top:5px solid #fff;}

.messages li.incoming .message_area span.arow {
	left:-6px;
}


.msg-input{
	margin-right:40px;}
	
.msg-input input{
	width:100%;
	border-right:0px;}
	
.msg-button-relative{
	position:relative;}
	
.msg-button{
	position:absolute;
	right:0px;
	top:0px;
	}










/***************************************
Static Notifications
***************************************/

.notification{
	padding:10px;
	min-height:0px !important;
	color:#fff;
	font-size:14px;
	cursor:pointer;
	margin-bottom:20px;
	}










/***************************************
Bootstrap Wizard
***************************************/

.bwizard-steps{
	background-color:#f0f0f0;
	display:table;
	width:100%;
	margin:0px 0px 20px 0px;}

.bwizard-steps li{
	display:table-cell;
	padding:15px;
	cursor:pointer;}

.bwizard-steps li a{
	font-size:17px;
	display:inline-block;
	color:#b9b9b9;
	padding:0px 15px;
	}
	
.bwizard-steps li.active{
	background-color:#FFF;}

.bwizard-steps li.active a{
	color:#333;}
	
.bwizard-steps .label{
	color:#fff;
	background-color:#999999;}


.bwizard .well{
	border:0px;
	background:none;}

.bwizard-steps .label.badge-inverse{
	background-color:#333333;}









/***************************************
Errors Pages
***************************************/

.error-heading{
	color: #FFFFFF;
	display: block;
	font-size: 100px;
	color:#dfdfdf;
	line-height:230px;
	text-align:center;
	}







/***************************************
Gallery Page
***************************************/


ul.gallery{}


ul.gallery li{
	margin:0px 15px 15px 0px;
	float:left;
	position:relative;}

ul.gallery li img{
	height:100px;
	width:100px;
	}


ul.gallery li:hover .overlay-options{
	display:block;}


.overlay-options:before {
    content:"";
    display:inline-block;
    height: 100%;
    vertical-align: middle;}


.overlay-options{
	position:absolute;
	height:100%;
	width:100%;
	display:none;
	text-align:center;
	background:rgba(0,0,0,0.2);
	top:0px;}

.overlay-options a{
	padding:5px 10px;}







/***************************************
Blog post
***************************************/

.latest-blogs li{
	margin-bottom:15px;}

.latest-blogs li:hover{
	background-color:#f7f7f7;}


.tags li{
	float:left;
	margin:0px 5px 5px 0px;}
	
.media a img{
	height:50px;
	width:50px;}


.post-meta{
	margin-right:15px;
	font-size:13px;}

.post-meta i{
	font-size:16px;
	margin-right:5px;}
	
.blogs-list h3{
margin-top:0px;
line-height:26px;}







/***************************************
Mail Box
***************************************/

.mail-list li:nth-child(odd){
	background-color:#F6F6F6;}
	
.mail-list li{
	border-radius:5px !important;
	padding:10px;
	cursor:pointer;
	color:#888;}
	
.mail-list li:before,
.mail-list li:after {
  display: table;
  content: " ";
}

.mail-list li:after {
  clear: both;
}


.mail-list li div.tools{
	width:70px;
	white-space:nowrap;
	float:left;}
	
.mail-list li div.sender{
	width:20%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;}
	
.mail-list li div.message{
	width:50%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;}
	
.mail-list li div.time{
	width:18%;
	text-align:right;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;}


.mail-list li div[class*="icheckbox"]{
	margin-left:0px !important;}
	
.mail-list li i.star{
	font-size:20px;
	color:#ccc;}
	
.mail-list li i.star:hover{
	color:#FFAB00;}
	
.mail-list li i.star.selected{
	color:#FFAB00;}



.mail-list li div.message .label{
	padding:0px 5px;
	font-weight:normal;}


/***************************************
Font Awesome Icons
***************************************/

.the-icons{
	margin:0px;}

.the-icons li{
	list-style:none;
	color:#505050;
	height:32px;
	line-height:32px;
	cursor:pointer;}

.the-icons li i{
	font-size:14px;
	width:30px;}

.the-icons li:hover i{
	font-size:24px;}









/***************************************
Overlaping Bootstarp Style
***************************************/

div, input, select, textarea,
span, img, table, td, th, p, a,
button, ul, li, ol{
	-webkit-border-radius: 0px !important;
     -moz-border-radius: 0px !important;
          border-radius: 0px !important;}




a:hover{
	text-decoration:none !important;}







/***************************************
Resposive Styleing
***************************************/


@media (max-width: 768px) {
	
	
	
	aside#left_panel{
		left:0px;
		transform:translate3d(-270px, 0px, 0px);
		-ms-transform:translate3d(-270px, 0px, 0px); /* IE 9 */
		-webkit-transform:translate3d(-270px, 0px, 0px); /* Safari and Chrome */
		-moz-transition: translate3d(-270px, 0px, 0px);
		-o-transition: translate3d(-270px, 0px, 0px);
		top:0px !important;
		height:100% !important;}
		
	aside#left_panel.asideopen{
		transform:translate3d(0px, 0px, 0px);
		-ms-transform:translate3d(0px, 0px, 0px); /* IE 9 */
		-webkit-transform:translate3d(0px, 0px, 0px); /* Safari and Chrome */
		-moz-transition: translate3d(0px, 0px, 0px);
		-o-transition: translate3d(0px, 0px, 0px);}
		
	section#main_content, nav#main_topnav, header, aside{
	transition: all 0.4s;}
		
	section#main_content{
		margin-left:0px;}
	
	nav#main_topnav{
		padding:10px 0px;}
	
	nav#main_topnav ul{
		text-align:left;
		clear:both;
		margin-top:10px;
		display:none;}	
	
	nav#main_topnav ul li{
	display:block;
	border-top:1px solid #404040;
	margin:0px 0px;}
	
	nav#main_topnav ul li a{
		display:block;
		padding:10px 0px;}
	
	nav#main_topnav ul li a i{
		margin-right:10px;}
		
	body{
		padding-left:0px;
		padding-right:0px;}
		
		
	.container-fluid{
		padding-left: 15px;
		padding-right: 15px;}
		
	section#main_content > div.container-fluid{
		padding:15px;}
}




@media (max-width: 768px) {

	/**For Login**/
	.signin{
		top:0;}
	.signin .signin-body h3, .locked-body h2, .locked-body p{
		text-align:center;}
	
	/**For Lock Screen**/
	.locked{
		height:365px;}
		
	.locked-user{
		width:180px;
		margin:0 auto;}
	
	.locked-body h2{
		margin:10px 0px 20px 0px;}
	
	.locked-body .msg-button-relative{
		margin-top:0px;}
	
	
}





/**For Tablate Two Colums**/

@media (min-width: 480px) and (max-width: 767px) {

  .row.responsive-tab [class*="col-md-"] {
    width: 50%;
	float:left;
   }
			
  .row.responsive-tab [class*="col-md-"]:nth-child(even) {
    padding-left: 0;}

}



/**For Mobile Two Colums**/

@media (max-width: 767px) {

  .row.responsive-mob [class*="span"] {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
	float:left;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
			
  .row.responsive-mob [class*="span"]:nth-child(odd) {
    margin-left: 0;}

}






	
	
.zindex1{ z-index:1 !important;}
.overf-hide{ overflow:hidden;}