html * {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px; 
}

hr {
    color: DarkGray;
    background-color: #f00;
    height: 2px;
    width: 95%;
}

html, body {
	margin: 0;
	padding: 0;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    overflow-y: auto;
}

#map {
    width:100%;
    height:100%;
}

table.full {
    width: 100%;
}

table.margins {
    margin: 15px;
}

td.center {
    text-align: center;
}

.min-width {
    width: 1%;
    white-space: nowrap;
}

td.labelAuto {
    text-align: right;
    white-space: nowrap;
}

h1.status {
    font-size: 15px;
    padding-left:20px;
}

td.label {
    text-align: right;
    width: 5%;
    white-space: nowrap;
}

.value {
    text-align: left;
    font-weight: bold;
}

a, a:visited, a:active {
  color: inherit;
}

a:hover {
  color: red;
}

/* row */
.claimsStatusUnassigned {
    color: red;
}

.claimsStatusError {
    background-color: #ff9090
}

.claimsStatusWarning {
    background-color: #f7f2bd;
}

.claimsStatusOverdue {
    color: red;
    font-weight: bold;
}

.claimsStatusOverdue:any-link {
    color: red;
    font-weight: bold;
}

.claimsDaysStatusOverdue {
    background-color: red;
    color: white;
    font-weight: bold;
}
.assignmentStatus, .claimStatus {
    font-weight: bold;
}

.assignmentScheduled {
    background-color: lightgreen;
    color: white;
}

.assignmentInProgress {
    background-color: Red;
    color: white;
}

.assignmentPending {
    background-color: Orange;
    color: white;
}

.assignmentFinished {
    background-color: Gray;
    color: white;
}

.statusLink {
    text-decoration: underline;
    color: white;
    font-weight: bold;
}

.statusExpertAssigned {
    background-color: sandybrown;
    color: white;
}

.statusProspectClientNote {
    background-color: Orange;
    color: white;
}

.statusSiteInspection, .statusInspectionScheduled {
    background-color: Green;
    color: white;
}

.statusProjectReport, .statusReport {
    background-color: Blue;
    color: white;
}

.statusProjectSendOut, .statusReadyForCustomer {
    background-color: Black;
    color: white;
}

.statusOneStep, .statusOneStepActivity {
    background-color: mediumvioletred;
    color: white;
}

.statusProjectReportReview, .statusReview {
    background-color: Purple;
    color: white;
}

.statusUnassigned {
}

.statusCanceled {
    background-color: DarkGray;
    color: white;
}

.statusDone {
    background-color: Gray;
    color: white;
}

.mandatory {
    color: red !important;
    font-weight: bold !important;
}

table.suggested, .suggested td.dxeButton, .suggested input.dxeEditAreaSys
{    
    background: LightYellow !important;
}

.suggested {
    /* color: white; */
    font-weight: bold !important;
    /* background-color: black; */
}

.NoWrap {
    white-space: nowrap;
}

editor {
}

.button-default {
    color: white !important;
    background: #008800 !important;
    text-shadow: 0 1px 0px black !important;
}

.buttoncontainer {
    padding: 20px;
    float: left;
/*  border: 1px dashed red; */
}

.first {
    clear: both;
/*  border: 1px dashed red; */
}
.editor p {
  margin-top: 0em;
  margin-bottom: 2em;
}

/* Header */
.headerPane {
    background-position: left top;
    background-repeat: no-repeat;
}
.headerPane .headerTop
{
    height: 40px;
    font-size: 15px;
    padding: 10px 10px 0 10px;
}
.development {
    color: red;
    font-weight: bold;
    font-variant: small-caps;
}
.templateTitle 
{
    float:left;
    font-weight: bold;
}
.templateSubTitle 
{
    float:left;
}
.templateSubTitle .new
{
    color: red;
    font-weight: bold;
}
.templateSubTitle .title
{
    font-weight: bold;
}
.templateSubTitle .number
{
    font-weight: bold;
    color: green;
}
.templateTitle a a:visited
{
    text-decoration: none;
}
.loginControl 
{
    float: right;
}
.loginBox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    width: 400px;
}
.centerBox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    width: 400px;
}
.loginControl a a:visited
{
    text-decoration: none;
    border-bottom: dashed 1px;
}
.headerMenu 
{
    margin-top: 11px;
}

/* Footer */
.footerPane 
{
    position:relative;
    height:100%;
}
.footerMenu {
    float: right;
    padding-top: 7px;
}

.version
{
    float: left;
    margin-left: 15px;
}

.copyright 
{
    float: right;
    margin-right: 15px;
}

.content 
{
    padding: 5px;
}

/* Account */
.accountHeader h2 
{
    margin: 10px 0 7px 0;
    font-size: 16px;
}
.accountHeader p 
{
    font-size: 15px;
    margin: 0;
    padding: 0;
}
.accountHeader 
{
    margin-bottom: 20px;
}
.form-field
{
    margin-bottom: 8px;
}
.field-validation-error {
	font-size: 12px;
	color: Red;
}

.warning {
    color: darkorange;
    font-weight: bold;
}

.error {
    color: Red;
    font-weight: bold;
}

.highlight {
    font-weight: bold;
}

div.survey {
    display: block;
    padding-bottom: 10px;
}

div.description {
    padding-top: 10px;
    font-style: italic;
}

.question {
    font-weight: bold;
}

.position {
    font-weight: bold;
    color: green;
}