/* Add here all your CSS customizations */

/* clearfix --------------*/
.x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
* html .x { height: 1%; } 
*:first-child+html .x { min-height: 1px; }
/* -----------------------*/

header .custom-logo {
    display: block;
    font-size: 18px; 
    font-weight: 400;
    float: left;
    padding: 0 0 0 10px;
    /*border-bottom: 1px solid #222;*/
    /*background: #fff;*/
    background: transparent;
    cursor: pointer;
    line-height: 48px;
    margin: 0px 0 0 20px !important;  
}

header .custom-logo strong {
    font-weight: 800;
    display: inline-block;
    -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;
    color: #fff;
    padding: 0 7px 0 0;
}

header .custom-logo span {
    font-weight: 800; 
    display: inline-block;
    padding: 0 0 0 40px;
    background: transparent url("../../img/crown.png") no-repeat 2px 11px; 
    background-size: 30px 23px;  
    color: #a61477; 
    -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;
}

header .custom-logo:hover strong{
    color: #a61477 !important;
    
}

header .custom-logo:hover span {
    color: #fff !important;
}

.body-sign.login-sign {
    height: 0;
}

.select2-container--bootstrap.select2-lg .select2-selection--single {
    font-size: 18px;
    height: 46px;
    line-height: 1.33333;
    padding: 10px 16px;
}
        
ul.nav-main > li.title {
    text-transform: uppercase;
    color: #465162;
    height: 20px;
    margin-top: 20px;
    padding-left: 27px;
}

ul.nav-main > li.title > h6 {
	margin: 0;
	cursor: default;
        color: #465162;
}

.show-if-user,
.show-if-admin
	{ border: 1px solid #444; padding: 8px 18px; border-radius: 3px; margin: 0 0 12px 0; display: none; }
.show-if-whatever
	{ border: 1px solid #444; padding: 18px 18px; border-radius: 3px; margin: 0 0 12px 0; }
.show-if-user h3,
.show-if-whatever h3
	{ font-weight: 300; padding: 10px 0; clear: both; margin: 0; }
.show-if-whatever h3.line
	{ border-bottom: 1px solid #444; margin: 0 0 10px 0; }
.show-if-user h4,
.show-if-whatever h4
	{ font-weight: 300; padding: 10px 0; clear: both; color: #fff; margin: 0; }
.show-if-user h3 label,
.show-if-user h4 label
	{ color: #888; cursor: pointer; font-size: 14px; margin: 0 0 0 10px; }
.show-if-8 p
	{ width: 12.5%; float: left; }
.show-if-user p,
.show-if-20 p
	{ width: 20%; float: left; }
.show-if-25 p
	{ width: 25%; float: left; }
.show-if-33 p
	{ width: 33.33333333333%; float: left; }
.show-if-50 p
	{ width: 50%; float: left; }
.show-if-user p.sel
	{ width: 100%; padding: 10px 0 0 0; }
        
.image
	{ margin: 0 0 12px 0; }
.image img
	{ width: 120px; height: auto; float: left; margin: 0 12px 0 0; }
.image a.deleteimage,
.image a.deletedocument,
.image a.changeimage
	{ display: inline-block; margin: 0 0 6px 0; }
	
.image + .newimage
	{ display: none; margin: 0 0 15px 0;}
        
 p.fw
	{ width: 100%; border-top: 1px solid #444; padding-top: 10px; }
p.fw + p
	{ border-top: 0; padding-top: 0; }    
    
        
label.checkboxLabel
	{ cursor: pointer; font-weight: 500; margin: 0; }
label.checkboxLabel:hover
	{ color: #47aae3; }

.checkbox-grid li {
    display: block;
    float: left;
    width: 30%;
    margin: 5px;
}

input.uppercased
	{ text-transform: uppercase; }
    
.color
	{ display: inline-block; width: 10px; height: 10px; border-radius: 5px; position: relative; top: -1px; margin: 0 2px 0 0; }

i.green
	{ color: green; }
i.grey
	{ color: #555; }    
        
        
.one-timesheet
	{ border: 1px solid #aaa; padding: 20px; overflow:auto;}
.one-timesheet .ots
	{ float: left;/* width: 34%;*/}
	
.one-timesheet .calculations
	{ float: right;}     
        
.signatures
	{ padding: 30px 0 0 0; clear: both; }
.signatures h3
	{ font-weight: 300; font-size: 20px; margin: 0 0 10px 0; }
.signatures a
	{ display: block; float: left; padding: 10px; margin: 0 10px 0 0; border: 1px solid #444; border-radius: 4px; color: #fff !important; text-decoration: none !important; }
.signatures a:hover
	{ color: #47aae3 !important; }
.signatures span
	{ display: block; float: left; padding: 10px; margin: 0 10px 0 0; border: 1px solid #444; border-radius: 4px; color: #888; }
        
.signatures .printButton
	{ display: block; float: left; padding: 10px; margin: 0 10px 0 60px; border: 1px solid #444; border-radius: 4px; color: #888; width: 100px; }
        
.signatures div
	{ display: block; float: left; padding: 0px; margin: 12px 0 0 0; }
        
.signatures div .inputPrint
	{ display: block; float: left; padding: 0px; margin: 0px; }
        
.signatures div .labelPrint
	{ display: block; float: left; padding: 0 0 0 22px; margin: 0px; }
        
input.currency.form-control 
	{background: #004466; }
        
.print-breakdown
	{ background: #ecedf0; padding: 30px;  margin: 0 0 15px 0; }       

.zuta {
	color:#bede07;
}