/************************************ DES specific styles ************************************/
body {color: #333;}
li.notavailable a {pointer-events: none; cursor: default; color: #777;}
tr.spaceabove th, tr.spaceabove td {padding-top: 3em;}
input#lookup {z-index: 80;}
div#detailsbox {position:fixed; width: 300px; border: 1px solid black; padding: 10px; right:20px; z-index:900; background:white;}
table.jobreviewtable tr th {min-width: 200px;}
tr.divider td {padding-top: 40px; border-top: none; font-weight: bold; color: red;}
input.short {min-width: 130px; width: 130px;}
input.largenumber[type=number] {width: 110px;} /*used by templates/Jobs/property_details.ctp purchase price*/
nav.job-summary {background-color: #e6e6e6; padding-right: 0;}
nav ol li {padding-right: 15px;} /*move right padding from containing <nav> to <a>s so that background can extend to right edge*/
nav ol li.incompletestep {background-color: #d0d0d0; border: 1px solid #d0d0d0; border-top-left-radius: 10px; border-bottom-left-radius:10px;}
nav ol li.currentstep, nav ol li.incompletestep.currentstep {background-color: white; border: 1px solid white; border-top-left-radius: 10px; border-bottom-left-radius:10px;}
textarea {width: 80%; min-width: 200px; max-width: 600px;}
iframe.viewpdf {border: 1px solid black; width:100%; height:500px;}
div.talllabel label {height: 2em;}
div.jobs p {max-width: 800px;} 

/* For the customer facing templates/jobs/view-quote.ctp page */
h5.sectionheader {margin-top: 2em;} 
/*h5.sectionheader::after {content:" \25BC";} /*down arrow, no longer wanted 3/8/2022*/
/*h5.sectionheader.closed::after {content:" \27A4";} /*right arrow*/
div.radiobuttons label {display: block; width: inherit;}
div.radiobuttons label input {margin-right: 10px;}
div.viewterms {
    max-width: 800px;
    padding: 10px;
    z-index: 100;
    border: 3px solid grey;
    background-color: white;
    z-index: 100;
    display: none;
}
div.viewterms h3 {text-align: center;}
div.viewterms a.closebutton {cursor: pointer; float:right; font-weight: bold; font-size: 120%;}

/* For templates/Jobs/invoice.ctp */
table.lineitems tr td:first-child input {width: 500px;}

/* For the job notes templates/Jobs/notes.ctp page */
h5.childnote::before {content:"\21B3"; margin-left: 20px;}
p.childnote {margin-left: 40px;}
h5.parentnote {border-top: 1px solid #e6e6e6; padding-top: 1rem;}
h5.parentnote, h5.childnote {font-weight: bold;}
h5.parentnote span, h5.childnote span {font-size: 80%; font-weight: normal;}

/* See templatess/Reports/run.ctp */
table.reportdata tr:first-child td {font-weight: bold; border-bottom-style:double; border-color: grey;}
table.reportdata tr:nth-last-child(2) td {border-bottom-style:double; border-bottom-color: grey;}
table.reportdata tr:last-child td {font-weight: bold;}

/* See templatess/Jobs/view_quote.ctp */
p.onbehalfinstructions {margin-top: 1rem; padding-top: 10px; margin-bottom:5px; border-top: 1px solid black;}
p.onbehalf label {display: block; width: auto;}
p.onbehalf input[type=radio] {margin-right: 5px;}
div.uploadproof label {display: inline;}
div.uploadproof input {display: inline;}

/* See templates/Dashboard/surveyor.php */
div.surveyoreventdetails form {margin:0; padding:0; display:inline;}
div.surveyoreventdetails textarea {width: 250px; height: 70px; vertical-align:top;}
div.surveyoreventdetails button {vertical-align: top;}
div.surveyoreventdetails p {font-size: 0.8rem;}

/* Added 31/1/2023 for visual indication of drag and drop in people section */
td.draggable::before {content:"\22EE\22EE"; padding-right:5px;}
td.draggable {cursor: grab;}
td.draggable.ui-draggable-dragging a {cursor: grabbing;}

/* For the job summary table */
ol.side-nav a.user_client_entered {color: red;}

/* Added for jQuery tag-it 25/7/2023 otherwise it is very wide */
ul.tagit {display: inline-block; width: 80%; min-width:200px; max-width:600px; margin-bottom:0;}
/* This mimics the edit box of the tags for the templates/Users/view.php page */
span.pvtag {border-radius: 3px; border: 1px solid rgb(197,197,197); padding: 5px 8px;}
td.editpicklistvalue input {width: 500px;}

/* Related to subscribers, eg generic alert templates */
tr.generic td {font-style:italic;}