.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}
.cf {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.box{
    background-color: #FFF;
    border-color: #DDD;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: none;
    position: relative;
    padding: 15px 15px 15px;
    border-color: #E5E5E5 #EEE #EEE;
    border-style: solid;
    border-width: 1px;
}
 .bs-callout{
	padding: 20px;
    margin: 20px 0px;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px;
}
.bs-callout-danger{
	border-left-color: #D9534F;
}
.bs-callout-info{
	border-left-color: #5BC0DE;
}
.bs-callout-warning{
	border-left-color: #F0AD4E;
}
.bs-callout-danger h4, .bs-callout-danger label  {
    color: #D9534F;
	font-size: 18px;
}
.bs-callout-info h4, .bs-callout-info label  {
    color: #5BC0DE;
	font-size: 18px;
}
.bs-callout-warning h4, .bs-callout-warning label  {
    color: #F0AD4E;
	font-size: 18px;
}
.bs-callout h4,.bs-callout label  {
    margin-top: 0px;
    margin-bottom: 5px;
}
 
#page{
    padding-top:60px;
}
.date_form{
    margin-top:26px;
}
.submit-btn{
    float:right;
}
#login-form{
    margin-top:100px;
}
.marginAuto{
    margin-left:auto;
    margin-right:auto;
}
.floatNone{
    float:none;
}
.alignCenter{
    text-align:center;
}
.accordion-header{
    border-bottom:3px solid #F0F0F0;
    cursor:pointer;
}
.displayNone{
    display:none;
}
.tabs-header{
    float:left;
    border:1px solid #EEEEEE;
    width:169px;
    margin-bottom:0px;
    margin-top:0px;
    padding:3px;
    cursor:pointer;
    border-radius:3px;
    margin:1px;
}
.tabs-header:hover{
    background-color:#D9534F;
    color:white;
    border-color:white;
}
.tabs-header.active{
    background-color:#D9534F;
    color:white;
    border-color:white;
}
.tabs-header.active small{
    color:white;
}
.tabs-header:hover small{
    color:white;
}
.container-tabs{
    min-height: 650px;
}
body, html{
    background-color: #F7F7F7; 
}
.nav-left{
    position: fixed;
    top:0px;
    left:0px;
    width:300px;
    z-index:9;
    height: 100%;
    background-color: #363C42;
}
.nav-left a{
    color:white;
}
.nav-left h2, .nav-left h2 a{
    font-size:20px;
    font-weight: 300;
    text-align: center;
}
.nav-left h2{
    border-bottom: 1px solid #40464D;
    margin:0px;
    height:50px;
    line-height: 50px;
}
.nav-left h2 a:hover{
    text-decoration: none;
}
#page{
    padding-left:300px;
    background-color: #F7F7F7;
}
.login-page #page{
    padding-left:0px;
    background-color: #F7F7F7;
}
.nav-left .nav-pills li{
    margin-top: 0px;
}
.nav-left .nav-pills li{
    border-radius: 0px;
    border-bottom: 1px solid #40464D;
    position: relative;
}
.nav-left .nav-pills li > span, .nav-left .nav-pills li a{
    display: block;
    color:white;
    padding:10px;
}
.nav-left .nav-pills > li:hover, .nav-left .nav-pills > li.active{
    background-color: #2781AD;
    border-color: #2989B7;
}
.nav-left .nav-pills > li.active{
    background-color: #4B525D;
    border-color: #5D6774;
}
.nav-left .nav-pills li > ul{
    position: absolute;
    top:0px;
    left:300px;
    display: none;
}
.nav-left .nav-pills li:hover > ul{
    display: block;
    background-color: #21759B;
    margin:0px;
    list-style: none;
    padding: 0px;
}
.nav-left .nav-pills li:hover > ul li{
    border-bottom: 1px solid #2989B7;
}
.nav-left .nav-pills li:hover > ul li:hover a{
    background-color: #2E93C4;
    text-decoration: none;
}
.nav-left .nav-pills li:hover > ul a{
    width:300px;
    color:white;
}
.nav-left .nav-pills li a:hover, .nav-left .nav-pills li a:focus, .nav-left .nav-pills li a.active{
    background-color: #21759B;
    border-color: #2989B7;
}
.nav-tabs-in-page{
    margin-top:-10px;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom:20px;
    background-color: white;
}
.nav-tabs-in-page a, .nav-tabs-in-page a:hover, .nav-tabs-in-page a:focus{
    border: 0px !important;
    border-radius: 0px;
}
#preloader{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height: 100%;
    background-color: RGBA(255, 255, 255, 0.5);
    z-index: 8;
}
#preloader .container-fluid{
    margin-left: 300px;
    display: table;
    width: 100%;
    height: 100%;
    padding:0px;
}
#preloader .container-fluid > div{
    margin-left: 300px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}
#preloader .container-fluid .preloader-image{
    width:64px;
    height:64px;
    margin-left: -262px;
    padding:3px;
    border-radius: 30px;
    display: inline-block;
    background: white url('/media/images/preloader.gif') 50% 50% no-repeat;
}
.clickable{
    cursor:pointer;
}
#user-settings{
    position: fixed;
    top:0px;
    left: 0px;
    height:50px;
    width: 100%;
    z-index: 8;
    background: #4B525D;
}
#user-settings .user{
    float:right;
}
.user .nav > li{
    height:50px;
    border-radius: 0px;
    background-color: #525A64;
}
.user .nav > li > a{
    height:50px;
    line-height: 50px;
    border-radius: 0px;
    padding: 0px 20px;
}
#login-form{
    max-width: 500px;
}
#login-form input[type="text"], #login-form input[type="password"]{
    height:50px;
}