body{width:100%;margin:auto;text-align:center;background:#EFEFEF;font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;}

.appWrapper{width:1200px;margin:auto;text-align:left;background:#FFFFFF;padding:5px;}

a{outline:none;color:#c70a00;}

a.linkbutton, .ui-dialog-buttonset button{font-size:0.8em !important;}
a.back{font-size:0.8em;display:block;width:100%;text-align:left;clear:both;overflow:#hidden;text-decoration:none;}
a.back:before{content:"\00AB";margin-right:5px;}
a.back:hover{color:#666666;}

.italic{font-style:italic;}
.hidden{display:none;}

h1{color:#c70a00;font-size:2.0em;margin:20px 0px 30px 0px;}
h2{color:#c70a00;font-size:1.7em;margin:15px 0px 30px 0px;}
h3{color:#666666;font-size:1.4em;margin:20px 0px;}

section h2{line-height:28px;}
section h2 > a{font-size:0.7em !important;float:right;}

.showResponsive{display:none;}

.responsiveMessage{font-size:0.8em;margin-bottom:10px;font-style:italic;text-align:right;}

.successMessage{padding:10px 15px;background:green;color:#FFFFFF;margin-bottom:20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:0.8em;line-height:1.2em;}
.errorMessage{padding:10px 15px;background:#C70A00;color:#FFFFFF;margin-bottom:20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:0.8em;line-height:1.2em;}
.neutralMessage{padding:10px 15px;background:#666666;color:#FFFFFF;margin-bottom:20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:0.8em;line-height:1.2em;}

header{width:100%;}
header > nav{background:#c70900;width:96%;clear:both;overflow:hidden;margin:30px 0px;padding:2%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(1, #666666),
	color-stop(1, #DDDDDD)
);
background-image: -o-linear-gradient(bottom, #666666 100%, #DDDDDD 100%);
background-image: -moz-linear-gradient(bottom, #666666 100%, #DDDDDD 100%);
background-image: -webkit-linear-gradient(bottom, #666666 100%, #DDDDDD 100%);
background-image: -ms-linear-gradient(bottom, #666666 100%, #DDDDDD 100%);
background-image: linear-gradient(to bottom, #666666 100%, #DDDDDD 100%);

}
header > nav > ul > li{float:left;border-left:solid 1px #FFFFFF;padding-right:10px;padding-left:10px;}
header > nav > ul > li:first-child{border-left:0px;padding-left:0px;}
header > nav > ul > li > a{color:#FFFFFF;text-decoration:none;}
header > nav > ul > li > a:hover{color:#DDDDDD;}
header > nav > ul > li > a > span{float:left;margin-right:5px;}
header > nav > ul > li:last-child{float:right;border-left:0px;padding-right:0px;padding-left:0px;}


header > nav > label{color:#FFFFFF;font-size:0.9em;margin-bottom:5px;display:block;font-style:italic;}
header > nav > select{width:100%;padding:5px;font-size:14px !important;}


header > nav .ui-icon{background-image:url('../images/ui-icons_white.png');}

footer{margin-top:50px;background:#c70a00;padding:10px;color:#FFFFFF;font-size:11px;}

.formWrapper{width:500px;padding:0px 0px;text-align:left;}
.formItem{margin-bottom:10px;padding:9px 0px;}
.formItem > label{width:100%;display:block;clear:both;font-size:0.9em;margin-bottom:10px;color:#666666;font-size:0.9em;font-weight:bold;}
.formItem > label:after{content:":";}

.formItem > select{width:100%;padding:5px;font-size:12px !important;}
.formItem > input{width:98%;padding:1%;font-size:12px !important;}
.formItem > textarea{width:98%;padding:1%;font-size:12px !important;height:50px;}
.formItem > input[type=checkbox]{width:auto;}

.formItemHighlight{padding:30px;background:#EFEFEF;margin-bottom:0px;margin-top:30px;}
.formItemHighlight + .formItemHighlight{margin-top:0px;padding-top:10px;}

.lstTable{width:100%;font-size:0.9em;}
.lstTable > thead > tr > th{padding:10px 7px;color:#666666;font-weight:bold;background:#DDDDDD;}
.lstTable > tbody > tr > td{padding:7px;font-size:0.9em;}
.lstTable > tbody > tr.bandingOn > td{background:#EFEFEF;}

.formAction{margin-top:30px;text-align:right;}

.formSubItem{background:#EFEFEF;}

/* form error handling */
.formItem.hasError{}
.formItemError{color:#C70A00;font-size:0.7em;padding:5px 0px;}

table#lstVehicles th.model{width:35%;}
table#lstVehicles th.length{width:25%;}
table#lstVehicles th.qty{width:20%;}
table#lstVehicles th.edit{width:10%;}
table#lstVehicles th.remove{width:10%;}
table#lstVehicles td.none{font-style:italic;}

table#lstRequests, table#lstUsers, table#lstReport{font-size:0.75em;border-bottom:solid 10px #DDDDDD;line-height:1.5em;}
table#lstRequests th.ref{width:5%;}
table#lstRequests th.daterequest{width:10%;}
table#lstRequests th.datequotation{width:10%;}
table#lstRequests th.group{width:15%;}
table#lstRequests th.requester{width:15%;}
table#lstRequests th.customer{width:15%;}
table#lstRequests th.summary{width:19%;}
table#lstRequests th.status{width:12%;}


table#lstRequests thead th {border-bottom: solid 3px #666666;}
table#lstRequests tr[data-probability="1"] td{background: #ffcccb;}
table#lstRequests tr[data-probability="2"] td{background: #fed8b1;}
table#lstRequests tr[data-probability="3"] td{background: #90ee90;}

#requestStatus, #requestReportStatus{background:#c70a00;clear:both;width:98%;padding:1%;}
#requestStatus > label, #requestReportStatus > label{font-weight:bold;font-size:0.8em;color:#FFFFFF;line-height:22px;}
#requestStatus > select, #requestReportStatus > select{padding:3px;margin-left:10px;height:25px;}
.drag{cursor:pointer;}

/* dashboard */
#dashboard{width:100%;clear:both;overflow:hidden;}
#dashboard > li:first-child{margin-left:0%;}
#dashboard > li{float:left;background:#EFEFEF;width:18.2%;margin-left: 1%;padding: 0.5%;}
#dashboard > li > h3{margin:10px 0px 20px 0px;;}
#dashboard > li > ul > li > ul.request.highlight{background:#def3fb;}
#dashboard > li > ul > li > ul.request{background:#FFFFFF;padding:3%;width:94%;margin-bottom:15px;overflow:hidden;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:solid 1px #D8DCDF;}
#dashboard > li > ul > li > ul.request > li.assigned{background:#666666;float:left;width:20%;height:50px;text-align:center;line-height:50px;font-size:1.6em;color:#FFFFFF;margin-right:4%;margin-bottom:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#dashboard > li > ul > li > ul.request > li.ref{float:right;text-align:right;font-size:0.7em;width:16%;font-weight:bold;line-height:16px;}
#dashboard > li > ul > li > ul.request > li.ref .rag{width:10px;height:10px;display:inline-block;margin-right: 2px;border-radius:50%;}
#dashboard > li > ul > li > ul.request > li.ref .rag.rag-1{background:red;}
#dashboard > li > ul > li > ul.request > li.ref .rag.rag-2{background:orange;}
#dashboard > li > ul > li > ul.request > li.ref .rag.rag-3{background:green;}
#dashboard > li > ul > li > ul.request > li.group, #dashboard > li > ul > li > ul.request > li.user{float:left;width:60%;line-height:16px;font-size:0.7em;color:#666666;}
#dashboard > li > ul > li > ul.request > li.group{display:none;}
#dashboard > li > ul > li > ul.request > li.customer{float:left;width:60%;line-height:18px;}
#dashboard > li > ul > li > ul.request > li.document{float:right;text-align:right;width:16px;font-weight:bold;line-height:30px;padding:0 0 0 10px;}
#dashboard > li > ul > li > ul.request > li.summary{float:left;font-size:0.65em;width:76%;float:right;line-height:1.2em;clear:both;margin-bottom:10px;color:#666666;}
#dashboard > li > ul > li > ul.request > li.decision{float:left;font-size:0.7em;width:76%;line-height:16px;color:#666666;}
#dashboard > li > ul > li > ul.request > li.actions{clear:both;width:100%;overflow:hidden;}
#dashboard > li > ul > li > ul.request > li.actions > div.actionsleft{width:60%;float:left;text-align:left;}
#dashboard > li > ul > li > ul.request > li.actions > div.actionsright{width:40%;float:right;text-align:right;}
#dashboardFooter{overflow:hidden;text-align:right;width:100%;clear:both;margin-top:20px;}

/* alerts */
.red, .high{background:red !important;}
.amber, .medium{background:orange !important;}
.green, .low{background:green !important;}
.neutral, .normal{background:#CCCCCC !important;}


#loginLink{float:left;font-size:0.8em;text-decoration:none;}
#loginLink:hover{color:#666666;}

#btnNewVehicle{margin-top:10px;}



#diaVehicle{text-align:left;}


.confirm p{font-size:0.7em;line-height:1.2em;}
.confirm span.ui-icon{float:left; margin:0 7px 20px 0;}

.pagination{padding:20px 0px 20px 0px;font-size:0.9em;}
.pagination a{float:left;margin-right:10px;color:#FFFFFF;text-decoration:none;background:#c70a00;padding:15px;display:block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.pagination a.selected{text-decoration:none;background:#666666;}
.pagination a:hover{background:#DDDDDD;}


.ui-dialog .ui-dialog-title{font-size:0.7em;line-height:1.2em;margin:0px;}
.ui-button.hidden{display:none !important;}


#diaHistory{text-align:left;padding-top:20px;}
#diaHistory ul{overflow:hidden;font-size:12px;}
#diaHistory ul > li{clear:both;width:95%;overflow:hidden;padding:2.5%;}
#diaHistory ul > li.highlight{background:#EFEFEF;}
#diaHistory ul > li > span{display:block;float:left;}
#diaHistory ul > li > span.label{font-weight:bold;width:60%;}
#diaHistory ul > li > span.label:after{content:":";}
#diaHistory ul > li > span.value{width:40%;}

#diaAssignResult #txtComments, #diaAssignResult #txtWinSummary{height:90px;}

#diaUpload #uplDoc{}
#diaUpload #uplStatus{display:block;height:40px;width:100%;font-size:12px;padding:10px 0;color:#c00;line-height:15px;}
#diaUpload #removeDoc{}

.form-left{margin-left: 30px;}


#txtRequestComments{height: 150px;}

.align-right{text-align: right;}
tr.totals > td {font-weight: bold;}
.ui-button-icon-only {width: 2em !important;}

.sf-login {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	background-image: url('../images/salesforce-logo.png');
	background-size: 200px;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 250px;
}

.sf-login a {
	background: #6286fc;
	color: #FFFFFF;
	font-weight: bold;
	padding: 15px 30px;
	text-decoration: none;
	font-size: 0.8em;
}