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



/******************************************************************/
/*	Reset CSS 												      */
/******************************************************************/
*{margin: 0; padding: 0;}

html, body { height:100%;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}


body {
	font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
	background-color: #f5eff1;
	font-size: 13px;
	color: #707070;
	line-height: 1.3;
	letter-spacing:normal;
	
	
}

	
.clear		{ clear: both; }

/******************************************************************/
/*	Reset CSS *END*											      */
/******************************************************************/


/*TYPE*/

p				{ padding-bottom:14px; }

h1 				{ font-size: 20px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; }
h1#mw {
	font-size: 18px;  
	padding: 3px 0 2px !important; }
	
h2 				{ font-size: 22px; font-weight: 600; color: #fff; text-align: center; text-transform: uppercase;}
h3	 			{ color: #f5eff1; font-size: 13px; font-weight: 600; padding: 10px 0 7px 7px;}
h4				{ font-size: 13px; padding: 10px 0;font-weight: 600;} 
h5				{ }
h6 				{ }

.password h4 {
	text-align: right !important; 
}

.myts h4 {
	text-align: left !important; 
}


.pass-input {
	margin-bottom: 10px;
}

a		{ 
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

#wrapper {
	padding: 0px;
	width:  335px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #fff;
	height: 800px;
	
}

.no-padding {
	padding: 0px;
}


.no-border {
	border: 0px;
}

.no-margin {
	margin: 0px;
}

.dark-grey {
	background: #606e70;
}

.dot-br {
	border-right: 1px dotted #afb6b7;
}

.modal-header {
  	background: #769fbe;
  	border-radius: 6px 6px 0 0;
}
  
.cross {
	color: #000 !important;
}

.modal-body p, .modal-body .checkbox-inline, .modal-body h4 {
	color: #606e70;
}




  
.btn-lg {
	
}

.btn-primary {
	border: 0px;
	padding: 8px 12px;
}

.title2 {
	width: 100%; 
	display: block;
	padding: 15px 10px;
	margin: 0 auto 0 auto;
}

.title3 {
	width: 100%; 
	display: block;
	padding: 15px 0px;
	margin: 0 auto 0 auto;
}

	
.blue2 {
	background: #648db1;
}

.btn-success {
	background-color: #8ed572;
	border: 0px;
}


.back-btn {
	height: 55px;
	width: 55px;
	background: #606e70;
	float: left;
	padding: 15px;
}

.back-btn a { 
	vertical-align: middle;
	align-content: center;
	color: #fff;	
	font-size: 22px;
}

.back-btn a:hover {
	text-decoration: none;
	
}

.navbar-toggle {
	font-size: 25px;
	margin: 30px 20px 0 0;
	padding: 10px;
}

.navbar-brand {
	height: 97px;
}

 .nav>li>a {
	text-transform: uppercase;
	color: #f5eff1;
	text-align: right;
	border-bottom: 2px solid #878e8f !important;
	padding-right: 30px;
	font-size: 16px;
	font-weight: 600; 
}

.nav>li>a:hover {
	color: #606e70;
}


nav#bs-navbar {
	background: #606e70 !important;
	border-top: 2px solid #878e8f !important;

}

/*HEADER*/

#header 			{ background: #606e70; height: 10px; width: 100%; }
#head-wrap 			{ margin: 0 auto; background: #f5eff1; height: 90px; position: relative;}
#logo				{ float: left; margin: 0px 20px 0 20px; padding: 10px 0 0 0;}
#login-logo			{ float: left; margin: 0px 20px 0 430px; padding: 10px 0 0 0;}

a.logout { 
	padding: 7px 15px; 
	position: absolute; 
	top: -30px; 
	right: 0px; 
	background: #333e3f; 
	font-weight: 600;
	color: #f5eff1;
}

a.logout:hover {
	background: #4d5a5c;
}

/*NAVIGATION*/

#nav { 
	float: right; 
	margin-right: 30px;
}

#nav a { 
	float: left; 
	margin: 30px 0 0 10px; 
	padding: 10px; 
	display: inline-block; 
	color: #707070; 
	font-size: 16px; 
	font-weight: 600;
	text-transform: uppercase;
	 }

#nav a:hover		{ background: #606e70; color: #ffffff !important; text-decoration: none; 
					  -moz-border-radius: 7px; border-radius: 7px; opacity: 0.5; }							

body#jobs div#nav a.jobs
{ background: #606e70; color: #ffffff !important; text-decoration: none; -moz-border-radius: 7px; border-radius: 7px;  }

.table .my-timesheets  { 
		height: 400px;
		overflow-y: scroll;	
}

.table .my-timesheets .row {
	margin: 0px;
}

.table-ts-details .row  { 
		color: #fff;
		font-weight: 700;
		padding: 5px 5px;
		text-align: left;
}

.table-ts-details .row span {
	color: #c7e3fc;
	font-weight: 500;
}

.table-ts-details .row textarea {
	margin-bottom: 20px;
}



/*CONTENT*/


#content-wrap 		{ margin: 0 auto; width: auto; background: #769fbe; }
#content-wrap480 	{ background: #769fbe; margin: 0 auto;}

#content			{ margin: 0 auto; position: relative; }

.grey-border-top	{ background: #7695be; height: 5px; width: auto; position: relative; z-index: 1; margin: 0 auto;}
.grey-border-bot	{ background: #7695be; height: 10px; width: auto; position: absolute; bottom:0px;}
.blue-border-top	{ background-color: #606e70; height: 8px; width: auto; z-index: 2;}
.blue-border-bot	{ background-color: #7695be; height: 5px; width: auto;}
.blue-border-bot480	{ background-color: #7695be; height: 5px; }


.full-width {
	width: 100%;
}


.end {
	margin-right: 0px;
}



/*FOOTER*/

#footer-wrap { 
	width: 100%; 
	height: 35px;
	background: #606e70;
	color: #e4e1e2;
    left:0px;
    bottom:0px;
    position:fixed;
	}
	
#footer-wrap480 { 
	height: 35px;
	background: #606e70;
	color: #e4e1e2;
	margin: 0 auto;
    left:0px;
    bottom:0px;
	}

#footer	{ 
	padding-top: 7px;
	margin: 0 auto;
    left:0px;
    bottom:0px;
	}
	
#footer p { 
	color: #f5eff1;
	font-size: 11px;
	text-align:center;
}


/*-TABLE--------------------------------------------------------------------------*/

#table-header .col-xs-9,
#table-header .col-xs-6, 
#table-header .col-xs-1, 
#table-header .col-xs-2, 
.table .row .col-xs-1, 
.table .row .col-xs-2, 
.table .row .col-xs-6, 
.table .row .col-xs-3, 
.table .row .col-xs-2, 
.table .row .col-xs-4, 
table .row .col-xs-3, 
.table .row .col-xs-9  {
	padding: 14px 5px;
	height: 42px;
	text-align: center;
	overflow: hidden;
}

 
.modal-body .col-xs-6 {
	padding: 7px 5px !important;
}


.declined {
	background: #f03939;
}

.not-submitted {
	background: #39342d;
}

.approved {
	background: #8ed572;
}

.submitted {
	background: #f58f44;
}


 .table .row .col-xs-9  {
	padding: 10px 5px;
	height: 42px;
	text-align: left;
	overflow: hidden;
}


.table-btn {
	padding: 8px 5px !important;
}

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }

table#jobs {
	border-spacing: 0px;
	width: 480px !important;
	height: 400px;
	overflow-y: scroll;
}


#table-header {
	background: #606e70 !important;
	border-bottom: 5px solid #7695be !important;
	color: #fff;
	text-align: left;
	display: block;
	padding: 3px 0 2px 0;
	border-radius: 5px 5px 0 0;
}



#table-contents {
	height: 554px;
	overflow-y: scroll;
	position: absolute;
	top: 47px;
	
}

#table-header div {
	font-weight: 600;
}

.details {
	width: 74px;
	height:12px;
	border-right: 1px dotted #afb6b7;
	float: left;
	padding: 20px 0 10px 5px;
}


.ref {
	width: 74px;
	height:12px;
	border-right: 1px dotted #afb6b7;
	float: left;
	padding: 20px 0 10px 5px;
}

.status {
	width: 70px;
	height:12px;
	border-right: 1px dotted #afb6b7;
	float: left;
	padding: 20px 0 10px 5px;
}

.date {
	width: 84px;
	height:12px;
	border-right: 1px dotted #afb6b7;
	float: left;
	padding: 20px 0 10px 5px;
}

.site-name {
	width: 148px;
	height:12px;
	float: left;
	padding: 20px 0 10px 5px;
}

tbody {
	/*height: 100px !important;*/
	overflow: scroll;
}

tr td {
	border-right: 1px #afb6b7;
	border-bottom: 1px #afb6b7;
	font-weight: 600;
	font-size: 18px;
	overflow-x: hidden !important;
	
}

tfoot {
	width: 100%;
	height: 42px !important;
	background: #606e70;
	border-bottom: 5px solid #7695be !important;
	color: #fff;
	text-align: left;
}

.table-footer {
	height: 35px;
	-moz-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

.tline {
	background: #7695be;
	height: 5px;
	padding: 0px;
}

.nbr {
	border-right: 0px;
}

.anbr {
	border: 0px;
}

.tlbr {
	-moz-border-radius: 7px 0 0 0;
	border-radius: 7px 0 0 0;
}


.trbr {
	-moz-border-radius: 0 7px 0 0;
	border-radius: 0 7px 0 0;
}


.wbg {
	background: #fff;
}

.gbg {
	background: #f3f2f2;
}


.blue {
	color: #0084cb;
}


/*---------------------------------------------------------------------------*/

.login {
	border: 0px;
	background: #fff !important;
	width: 385px;
	color: #707070;
	height: 35px;
	-moz-border-radius: 7px;
	border-radius:7px;
	padding: 5px 5px 5px 10px;
	font-size: 15px;
	margin: 0 40px 20px 40px ;
}

.login-btn {
	background: #f5eff1;
	-moz-border-radius: 7px;
	border-radius:7px;
	padding: 10px 20px !important;
	border: none !important;
	font-size: 15px;
	font-weight: 600;
	color: #606e70;
	-moz-box-shadow:    3px 3px 0px #638eae;
    -webkit-box-shadow: 3px 3px 0px #638eae;
    box-shadow:         3px 3px 0px #638eae;
    display: block !important;
    margin-left: 40px;
    -webkit-appearance: none;
    margin-top: 10px;
}

.login-btn:hover {
	background: #606e70;
	color: #f5eff1;
}

.login-div {
	margin-left: 294px;
}

#title {
	width: 400px;
	background: #606e70;
	 -moz-border-radius: 0 0 7px 7px; 
	 border-radius: 0 0 7px 7px;
	 padding: 7px 0 7px 0;
	margin-left: 40px;
}

.title {
	width: 400px;
	background: #606e70;
	 -moz-border-radius: 0 7px 7px 0; 
	 border-radius: 0 7px 7px 0;
	 padding: 7px 0;
	margin-left: 40px; 
	
}

.login-logo {
	width: 100%;
}

.login-logo p {
	text-align: center;
	padding: 0px;
	margin: 0px;
	
}
.gridpagerbottom {
	width: 100%;
	background: #606e70;
}
.thead {
    width: 100%;
    height: 10px;
    background: #606e70;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
}
/* PANELS */
.panels {
	-moz-border-radius: 7px;
	border-radius: 7px;
}
span.panel-no {
	font-weight: 800;
	font-size: 40px;
}
.panels a {
	width: 89px;
	margin-right: 20px;
	height: 100%;
	display: block;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #606e70;
	text-align: center;
	font-weight: 800;
	font-size: 10px;
	text-transform: uppercase;
	background: #fff;
}
.panel-1 {
	border-top: 20px solid #fc3203;		
}

.panel-1:hover {
	background: #fc3203;
	color: #fff !important;
}

.panel-1nr {
	border-top: 20px solid #fc3203;
    cursor:default;
}

.panel-2 {
	border-top: 20px solid #fc6103;
}

.panel-2:hover {
	background: #fc6103;
	color: #fff;
}

.panel-2nr {
	border-top: 20px solid #fc6103;
    cursor:default;	
    border-right: 2px solid #fc6103;
    border-left: 2px solid #fc6103;
    border-bottom: 2px solid #fc6103;
}

.panel-3 {
	border-top: 20px solid #01bc0a;
}

.panel-3:hover {
	background: #01bc0a;
	color: #fff;
}

.panel-3nr {
	border-top: 20px solid #01bc0a;
    cursor:default;		
    border-right: 2px solid #01bc0a;
    border-left: 2px solid #01bc0a;
    border-bottom: 2px solid #01bc0a;
}

.panel-4 {
	border-top: 20px solid #093c70;
}

.panel-4:hover {
	background: #093c70;
	color: #fff;
}

.panel-4nr {
    border-top: 20px solid #093c70;
    cursor: default;
    border-right: 2px solid #093c70;
    border-left: 2px solid #093c70;
    border-bottom: 2px solid #093c70;
}

.panel-5 {
	border-top: 20px solid #FFD700;		
}

.panel-5:hover {
	background: #FFD700;
	color: #fff !important;
}

.panel-5nr {
	border-top: 20px solid #FFD700;
    cursor:default;
}

.panel-6 {
	border-top: 20px solid #483D8B;		
}

.panel-6:hover {
	background: #483D8B;
	color: #fff !important;
}

.panel-6nr {
	border-top: 20px solid #483D8B;
    cursor:default;
}

.panel-7 {
	border-top: 20px solid #8b483d;		
}

.panel-7:hover {
	background: #8b483d;
	color: #fff !important;
}

.panel-7nr {
	border-top: 20px solid #8b483d;
    cursor:default;
}

.gridpagertop {
	width: 100%;
	height: 15px;
	background: #606e70;
	text-transform:uppercase;
}
.tfoot 
{    
	width: 100%;
	height: 10px;
	background: #606e70;
	-moz-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

.bigtfoot 
{    
	width: 100%;
	height: 40px;
	background: #606e70;
	-moz-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

.dxgvHeader {
     cursor: pointer;
     white-space: nowrap;
     padding: 6px 6px 5px 6px;
     border: None 1px #9F9F9F;
     background-color: #DCDCDC;
     overflow: hidden;
     -moz-user-select: none;
     padding-top: 10px;
    padding-bottom: 10px;
    text-align:center;
}
#ASPxDocumentGridView_header12_newImg_12 
{
    width:29px;
    height:28px;
    vertical-align: middle;
}
.GridRowCSS 
{
    height: 33px;
	font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;    
	color: #707070;

}

.GridRowcmdcol
{
    text-align:center;
	font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	
}

.GridRowCSS_small 
{
    height: 24px;
	font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;    
	color: #707070;
	
}

.g-btn:hover {
	background-color: #769fbe;
}
.dxgvCommandColumn a 
{
    margin: 0 3px 0 0;
    color: #fff;
    text-decoration: none;
}
.dxgvCommandColumn.dxgv 
{
    vertical-align:middle;
}
.dxgvCommandColumn a:hover
{
    margin: 0 3px 0 0;
    color: #fff;
}
.dxgvControl, .dxgvDisabled 
{
    border: 0px;
}
.action-btn3 
{
	padding: 0 0 2px 0;
	color: #fff;
	-moz-border-radius: 0 0 5px 5px; 
	border-radius: 0 0 5px 5px;
	background-color: #769FBE;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;	
	font-size: 18px;
	font-weight:bold;
	margin-right: 5px;
	width:100%;
}
.action-btn5 {
	padding: 6px 10px;
	color: #fff;
	-moz-border-radius: 5px; border-radius: 5px;
	background-color: #8ed572;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;	
	font-size: 15px;
	font-weight:bold;
	margin-right: 5px;
	width:100%;
}
.action-btn4 {
	padding: 6px 10px;
	color: #fff;
	-moz-border-radius: 5px; border-radius: 5px;
	background-color: #B0B0B0;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;	
	font-size: 15px;
	font-weight:bold;
	margin-right: 5px;
	width:100%;
}
.SelectCombo {
background-color:white; 
border:1px solid;
border-image:initial;
box-sizing:border-box; 
color:black; 
cursor:default;
white-space:pre;
-webkit-appearance:menulist; 
-webkit-box-align:center; 
-webkit-rtl-ordering: logical;
}
.close 
{
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .8;
}
#cover 
{
    position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #f5eff1; z-index:9999; 
    font-size: 60px; padding-left:20px; padding-top:10px; text-align: center; color: #fff; vertical-align: top;
}
.btn-success:hover 
{
    background-color: #8ed572;
	border: 0px;
}
.col-xs-4 
{
    padding-left: 5px;
}
.title-sub {
	width: 100%;
	background: linear-gradient(to bottom, #FFFFFF 55%,#093C70 45%);
	-moz-border-radius: 15px; 
	border-radius: 15px;
	padding: 15px 0;
}

.title-sub.orders {
	width: 100%;
	background: linear-gradient(to bottom, #FFFFFF 55%,#093C70 45%);
	-moz-border-radius: 15px; 
	border-radius: 15px;
	padding: 15px 0;
    cursor:pointer;	
}
.title-sub.invoices {
	width: 100%;
	background: linear-gradient(to bottom, #FFFFFF 55%,#fc6103 45%);
	-moz-border-radius: 15px; 
	border-radius: 15px;
	padding: 15px 0;
    cursor:pointer;	
}
.title-sub.quotes {
	width: 100%;
	background: linear-gradient(to bottom, #FFFFFF 55%,#8b483d 45%);
	-moz-border-radius: 15px; 
	border-radius: 15px;
	padding: 15px 0;
    cursor:pointer;	
}
.title-sub.holidays {
	width: 100%;
	background: linear-gradient(to bottom, #FFFFFF 55%,#fc3203 45%);
	-moz-border-radius: 15px; 
	border-radius: 15px;
	padding: 15px 0;
    cursor:pointer;	
}
.title-sub.expenses {
	width: 100%;
	background: linear-gradient(to bottom, #FFFFFF 55%,#FFD700 45%);
	-moz-border-radius: 15px; 
	border-radius: 15px;
	padding: 15px 0;
    cursor:pointer;	
}
.title-sub.documents {
	width: 100%;
	background: linear-gradient(to bottom, #FFFFFF 55%,#483D8B 45%);
	-moz-border-radius: 15px; 
	border-radius: 15px;
	padding: 15px 0;
    cursor:pointer;	
}
.title-sub.timesheets {
	width: 100%;
	background: linear-gradient(to bottom, #FFFFFF 55%,#01bc0a 45%);
	-moz-border-radius: 15px; 
	border-radius: 15px;
	padding: 15px 0;
    cursor:pointer;	
}
    .title-sub.quotes {
        width: 100%;
        background: linear-gradient(to bottom, #FFFFFF 55%,#8b483d 45%);
        -moz-border-radius: 15px;
        border-radius: 15px;
        padding: 15px 0;
        cursor: pointer;
    }
#divLoading { display : none; }
#divLoading.show {display : block; position : fixed; z-index: 99998; background-image : url('images/loading.gif'); background-color:#666; background-size: 80px 80px;
    opacity : 0.4; background-repeat : no-repeat; background-position : center; left : 0; bottom : 0; right : 0; top : 0; }
#loadinggif.show {left : 50%; top : 50%; position : absolute; z-index : 99999; width : 32px; height : 32px; margin-left : -16px;  margin-top : -16px; }

.dxbButton { font: normal 12px Tahoma, Geneva, sans-serif; color:White !important; border: none !important; background: none !important; padding: none !important;  }

.g-btn {
	padding: 2px 6px !important;
	color: #fff !important;
	-moz-border-radius: 5px;
	border-radius: 5px !important;
	background-color: #8ed572 !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	margin-right: 5px !important;
	vertical-align: middle !important;
}

.action-btn {
	padding: 6px 10px;
	color: #fff;
	-moz-border-radius: 5px; border-radius: 5px;
	background-color: #8ed572;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;	
	font-size: 14px;
    text-align: center;
	font-weight:bold;
    text-align: center;
	margin-right: 5px;
	}

.title-sub > div {
		height: 2em;
}

.dxbButton .dx-vam {
	color: gray;
	font-size: 33px;
	font-weight: bold;
	margin-top: -10px;
}