@charset "utf-8";
/*
Author: polytheme
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic,300italic,700,600italic);
body{
  	 background: #f4f6f6;
	 font-family: 'Open Sans', sans-serif;
   	 color: #636e7b;
   	 line-height: 21px;
    overflow-x: hidden;
    font-size: 14px;
	}
h1,h2,h3,h4,h5{
	font-family: 'Open Sans', sans-serif;
	line-height:100%;
	
	}
.header{
	background-color:#fff;
	margin:0;
	padding:0px;
	height:70px;
	box-shadow:0px 2px 2px  #dedede;
	}

.navbar-default{
	background-color:#fff;
	}
.footer{
	margin-top:20px;
	min-height:80px;
	background-color:#3C3C3B;
	color:#fff;/*00919c;*/
	display:block;
	
	bottom:0;
	
}
.footer h1,.footer h2,.footer h3{
	color:#fff;
	}
.lg-heading{
	font-size:18px;
	color:#999;
	}
.input-group{margin-bottom:10px;}
.error-msg{
	font-size:12px;
	color:#f00;
	display:block;
		}

.form-control input[type="text"],
.form-control textarea,
.form-control input[type="password"]{
	border-radius:4px;
	margin-right:5px;
	}
.btn{
	font-size:14px;
	font-family:"Open Sans",sans-serif;
	}
.login-header{
	background-color:#3C3C3B;
	border: 1px solid #357ebd;
	color:#fff;
	padding:10px 15px;
	font-size:20px;
	width:100%;
	margin:0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #fff;
  }
  .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555555;
  background-color: #fff;
}

.btn-primary {
  color: #ffffff;
  background-color: #3C3C3B;
  border-color: #357ebd;
}
.tiny-icon{
	margin-right: 6px;
}
.file-item{
	
	height:40px;
	overflow: hidden;
	margin:10px;
	margin-bottom:10px;
	margin-top:0px;
	background-color: #0F78F1;
	border:1px solid #1084DA;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:4px;
	cursor:pointer;


}
input[type='search']{
	border-radius: 4px;
	border:1px solid #ccc;
	height:25px;
	width:100px;
}
select[name='example_length']{
	border-radius: 4px;
	border:1px solid #ccc;
	height:25px;
	width:50px;
}

#fileListholder{padding:20px;}
.file-item:hover{
	background-color: #1084DA;
	box-shadow:inset 0 0 5px 0 #0F78F1;

}
ul.nav-tabs li{
	background-color: #efefef;

}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-right:1px solid #f8f8f8;
    border-bottom:1px solid #f8f8f8;

}
.dataTables_info{color:#666;}

ul.nav-tabs li{
	background-color:#0F78F1;
}
.supper-well{
	min-height:100px;
	background-color:#fff;
	padding:10px;
	border:1px solid #E1E1E1;
	border-bottom:2px solid #DDD;
	margin-right:5px;
	width:32.7%;
	}
.panel-primary > .panel-heading {
    color: #FFF;
    background-color: #0F78F1;
    border-color:#0F78F1;
}
table.dataTable > thead > tr > th{
	background-color: #0F78F1;
	color:#fff;
	border-right: 1px solid #fff;
}
table.dataTable thead .sorting {
    background: url("") no-repeat scroll right center transparent;
    background-color: #0F78F1;
}

table.table tbody tr td{
	padding: 5px;
}
.supper-well h2{font-size:22px;text-align: center;margin:0px;}
.supper-well h1{font-size:32px;text-align: center;color:#0F78F1;margin:0px;}
/*////////////////// DATA TABLE STYLING//////////////////*/
table.dataTable thead .sorting ,table.dataTable thead .sorting_asc{
	background: none;
	background-color: #0F78F1;
}
ul.nav-tabs > li a{

	color:#0F78F1;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color:#0F78F1;
	border-color: #0F78F1;
	border-bottom:none;
}

ul.nav-tabs > li {
	background-color: #E1E4E2;
	border-color: #0F78F1;
	color:#0F78F1;
	padding:3px;
	padding-bottom: 0px;
}
.nav-tabs > li.active > a:hover{
	color:#0F78F1;
}


@media(max-width:480px){
	.supper-well{
		width:100%;
		margin-bottom:5px;
	}
}
@media(min-width:481px){
	.navbar-nav{margin-top:10px;}
	.nav-flot{
		float:right;
		}
	input[type="text"].sm-field{width:48%;margin-right:10px;display:inline;}
	}
	@media print{
		.modal-content {
	    position: relative;
	    background-color: #FFF;
	    border:none;
	    border-radius: 6px;
	    outline: 0px none;
	    box-shadow:none;
	    color:#000;
	    background-clip: padding-box;
	}
}