@import url(https://fonts.googleapis.com/css2?family=Advent+Pro:wght@300;400&family=Open+Sans:wght@300;400&display=swap);
#ddmenu{width: 200px;min-height: 20px;position: absolute; z-index: 50000}

.moreblankddmenuitem{float: left;padding: 3px;margin: 3px;width: 200px;height: 25px;text-align: center;font-size: 0.9em;border: none;color: #373737;background: none;border-radius: 5px;line-height: 1.6;cursor: pointer}
.moreddmenuitem{text-align: right;border-bottom: 1px #f2e6df solid;float: left;padding: 2px 5px 2px 0px;margin: 3px;width: 185px;min-height: 10px;font-size: 1.2em;color: #ce4008;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;cursor: pointer;font-weight: 400}
.mobilemenuitem{text-align: right;border-bottom: 1px #f2e6df solid;float: left;padding: 2px 5px 2px 0px;margin: 3px;width: 140px;min-height: 10px;font-size: 1.2em;color: #175973;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;cursor: pointer;font-weight: 400}

.blankddmenuitem{float: left;padding: 3px;margin: 3px;width: 200px;height: 25px;text-align: center;font-size: 0.9em;border: none;color: #373737;background: none;border-radius: 5px;line-height: 1.6;cursor: pointer}
.ddmenuitem{text-align: right;border-bottom: 1px #f2e6df solid;float: left;padding: 2px 5px 2px 0px;margin: 3px;width: 185px;min-height: 10px;font-size: 1.2em;color: #ce4008;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;cursor: pointer;font-weight: 400}

.recblankddmenuitem{float: left;width: 172px;padding: 2px;margin: 0px 0px 5px 0px;height: 25px;text-align: left;border-radius: 5px;background: none;color: #000;font-size: 0.85em}
.recddmenuitem{float: left;width: 172px;padding: 5px 2px;margin: 2px 0px 0px 0px;border-bottom: 1px #95defb solid;min-height: 5px;text-align: left;background: #95defb;color: #000;font-size: 0.85em;cursor: pointer}

#addissues{color: #dbdbdb;border-bottom: 1px #404445 solid;float: left;width: 400px}
#issues{color: #dbdbdb;border-bottom: 1px #404445 solid;float: left;width: 100px}
.headers{width: 1624px;height: 25px;font-size: 16px;margin: 20px 0px 0px 0px}
.headerow1{float: left;width: 700px;height: 220px;writing-mode: vertical-rl;text-orientation: sideways;transform: rotate(180deg);text-align: left;font-size: 15px;margin: 0px 0px 5px 0px}
.headerow1 div{height: 220px;margin: 0px 2px 0px 2px;border: 1px #404445 solid}
.itemrow1{float: left;width: 600px;height: 30px}
.headerow2{color: #ffb719;width: 1624px;height: 130px;text-align: left;font-size: 15px;margin: 0px 0px 5px 0px;writing-mode: vertical-rl;text-orientation: sideways;transform: rotate(180deg)}
.headerow2 div{height: 130px;margin: 0px 2px 0px 2px;border: 1px #404445 solid;text-align: left}
.itemrow2{width: 1624px;height: 30px}
.headerow3{width: 1624px;height: 120px;text-align: left;font-size: 15px;margin: 0px 0px 5px 0px}
.headerow4{border: 1px #404445 solid;width: 1624px;height: 20px;text-align: left;font-size: 15px;margin: 20px 0px 5px 0px}
.headerow5{float: left;width: 600px;height: 120px;text-align: left;font-size: 15px;margin: 0px 0px 5px 0px;writing-mode: vertical-rl;text-orientation: sideways;transform: rotate(180deg);color: #ffb719}
.headerow6{float: left;width: 400px;height: 120px;text-align: left;font-size: 15px;margin: 0px 0px 5px 50px}
.headerow5 div{height: 120px;margin: 0px 2px 0px 2px;border: 1px #404445 solid;text-align: left}
.combinedheaderow{width: 1624px;height: 120px;text-align: left;font-size: 15px;margin: 0px 0px 5px 0px}
.headerow3 div{height: 120px;margin: 0px 2px 0px 2px;border: 1px #404445 solid;text-align: left}
.itemrow3{border: 1px #404445 solid;width: 1624px;height: 60px;margin: 10px 0px 0px 0px}
input{float: left;height: 25px;text-align: center;background: #cbdee2;color: #000;font-size: 0.85em;border: 1px #000 solid}
textarea{padding: 5px;background: #cbdee2;color: #000;border: 1px #000 solid}
.checkblock{float: left;width: 15px;height: 15px;margin: 0px 2px 0px 2px;background: none}
.checkblock2{float: left;width: 19px;height: 15px;margin: 0px 2px 0px 2px;background: none}
.check{float: left;width: 25px;height: 25px;text-align: left;margin: 0px 2px 0px 2px}
.agency{float: left;width: 95%;margin: 0px 2px 0px 2px}
.rmonth{float: left;width: 30px;margin: 0px 2px 0px 2px}
.referraldate{float: left;width: 70px;margin: 0px 2px 0px 2px}
.datebox{float: left;width: 70px;margin: 0px 2px 0px 2px;font-size: 0.75em}
.clientid{float: left;width: 80px;margin: 0px 2px 10px 2px}
.area{float: left;width: 90%}
.age{float: left;width: 96px}

.notes{float: left;width: 408px;margin: 0px 2px 0px 2px}
.referrer{float: left;width: 95%;margin: 0px 2px 0px 2px}
.name{float: left;width: 96%}
.contact{float: left;width: 96%}
.postcode{float: left;width: 100px;margin: 5px 2px 5px 2px}
.email{float: left;width: 95%;margin: 0px 2px 0px 2px}
.agencycontact{float: left;width: 97%;margin: 0px 2px 0px 2px}
.contacted{float: left;width: 70px;margin: 0px 2px 0px 2px}
.dateallocated{float: left;width: 70px;margin: 0px 2px 0px 2px}
.counsellor{float: left;width: 120px;margin: 0px 2px 0px 2px}
.type{float: left;width: 30px;margin: 0px 2px 0px 2px;opacity: 0.7}
.address{float: left;width: 97%;margin: 0px 2px 0px 2px}
.ethnicity{float: left;width: 172px;margin: 0px 2px 0px 2px;opacity: 0.7}
.disability{float: left;width: 172px;margin: 0px 2px 0px 2px}
.relationship{float: left;width: 172px;margin: 0px 2px 0px 2px;opacity: 0.7}
.sexuality{float: left;width: 172px;margin: 0px 2px 0px 2px;opacity: 0.7}

.blocker{float: left;width: 14px;margin: 0px 2px 0px 2px;background: none}
.headcheck{float: left;width: 150px;text-align: left;margin: 0px 10px 0px 2px}
.outheadcheck{float: left;width: 14px;text-align: left;margin: 0px 10px 0px 2px;border: 1px red solid}
.headagency{float: left;width: 121px;margin: 0px 2px 0px 2px;line-height: 2}
.headmonth{float: left;width: 36px;margin: 0px 2px 0px 2px;line-height: 1.5}
.headreferraldate{float: left;width: 76px;margin: 0px 2px 0px 2px;line-height: 1.5}
.headclientid{float: left;width: 86px;margin: 0px 2px 0px 2px}
.headarea{float: left;width: 126px;margin: 0px 2px 0px 2px}
.headage{float: left;width: 26px;margin: 0px 2px 0px 2px}

.headnotes{float: left;width: 151px;margin: 0px 2px 0px 2px}
.headreferrer{float: left;width: 121px;margin: 0px 2px 0px 2px}
.headname{float: left;width: 126px;margin: 0px 2px 0px 2px}
.headcontact{float: left;width: 126px;margin: 0px 2px 0px 2px}
.headcontacted{float: left;width: 76px;margin: 0px 2px 0px 2px}
.headdateallocated{float: left;width: 76px;margin: 0px 2px 0px 2px}
.headcounsellor{float: left;width: 126px;margin: 0px 2px 0px 2px}
.headtype{float: left;width: 36px;margin: 0px 2px 0px 2px}

.headethnicity{float: left;width: 51px;margin: 0px 2px 0px 2px}
.headdisability{float: left;width: 56px;margin: 0px 2px 0px 2px}
.headrelationship{float: left;width: 36px;margin: 0px 2px 0px 2px}
.headsexuality{float: left;width: 60px;margin: 0px 2px 0px 2px}

#search{border: 1px #bbb solid;background: none;width: 100px;height: 30px;font-size: 16px;float: right;border-radius: 5px}
#saverefs{width: 80px;height: 25px;font-size: 1.1em;float: right;margin: 10px 10px 0px 0px;background: #69a8e8;color: #fff;text-align: center;border-radius: 15px;cursor: pointer}
#saveouts{width: 80px;height: 25px;font-size: 1.1em;float: right;margin: 10px 10px 0px 0px;background: #e06d6d;color: #fff;text-align: center;border-radius: 15px;cursor: pointer}

.headengagedate{float: left;width: 76px;margin: 0px 2px 0px 2px}
.headdischargedate{float: left;width: 76px;margin: 0px 2px 0px 2px}
.headattendances{float: left;width: 26px;margin: 0px 2px 0px 2px}
.headdnas{float: left;width: 26px;margin: 0px 2px 0px 2px}
.headphq{float: left;width: 26px;margin: 0px 2px 0px 2px}
.headgad{float: left;width: 26px;margin: 0px 2px 0px 2px}
.headgroupreferral{float: left;width: 14px;text-align: left;margin: 0px 2px 0px 2px;line-height: 0.6}

.engagedate{float: left;width: 70px;margin: 0px 2px 0px 2px}
.dischargedate{float: left;width: 70px;margin: 0px 2px 0px 2px}
.attendances{float: left;width: 20px;margin: 0px 2px 0px 2px}
.dnas{float: left;width: 20px;margin: 0px 2px 0px 2px}
.phq{float: left;width: 20px;margin: 0px 2px 0px 2px}
.gad{float: left;width: 20px;margin: 0px 2px 10px 2px}


.headcommentspacer{float: left;width: 300px;height: 20px;margin: 0px 12px 0px 0px;text-align: left;color: #dbdbdb;font-size: 17px;font-weight: 500}
.itemspacer{float: left;width: 245px;height: 20px;margin: 0px 5px 0px 0px}
.headcomment{float: left;width: 300px;height: 20px;margin: 0px 12px 0px 0px;font-size: 17px;font-weight: 500;color: #dbdbdb}
.comment{float: left;width: 295px;height: 50px;margin: 0px 5px 0px 0px}
.headcommentcasehistory{float: left;width: 400px;height: 20px;margin: 0px 12px 0px 0px;font-size: 17px;font-weight: 500;color: #dbdbdb}
.casehistory{float: left;width: 395px;height: 50px;margin: 0px 5px 0px 0px}
.generalcomments{float: left;width: 395px;height: 50px;margin: 10px 0px 0px 0px}
#generalcomments{float: left;min-width: 395px;height: 100px;margin: 40px 0px 0px 0px;color: #dbdbdb}
#referraldatabox{text-align: left;width: 500px;height: 190px;font-size: 16px;float: right;margin: 30px 200px 0px 0px;color: #dbdbdb}
.referraldata{float: left;width: 97%;height: 60px;margin: 10px 0px 10px 0px}
.associatedcrime{float: left;text-align: left;width: 98%;height: 25px;margin: 10px 0px 0px 0px}
.groupdata{float: left;text-align: left;width: 400px;height: 20px;margin: 10px 0px 0px 0px}
#reportbox{display: none}
#listviewlegend{display: none;background: #404445;width: 1500px;position: absolute;z-index: 2dbdbdb;left: 20px;bottom: 35px}
.alegend{float: left;min-width: 50px;margin-right: 25px;font-size: 1.1em;color:#4dbce7}
.clegend{float: left;min-width: 50px;margin-right: 25px;font-size: 1.1em;color:#f92663}
.nlegend{float: left;min-width: 50px;margin-right: 25px;font-size: 1.1em;color:#fff}
.llegend{float: left;min-width: 50px;font-size: 1.1em;color:#ff8011}
.tlegend{float: right;min-width: 50px;font-size: 1.1em;color:#fff}
.wlegend{padding: 0px 10px 0px 0px;float: right;min-width: 50px;font-size: 1.1em;color:#fff}
.awlegend{padding: 0px 10px 0px 0px;float: right;min-width: 50px;font-size: 1.1em;color:#4dbce7}
.totals{float: left;width: 50px;margin-right: 25px;font-size: 1.1em;color: #fff}
.ototals{float: right;min-width: 50px;margin-right: 25px;font-size: 1.1em;color: #fff;text-align: right}
.pddmenuitem{float: left;padding: 5px 0px 5px 5px;margin: 3px;width: 100px;min-height: 10px;text-align: left;font-size: 0.85em;border: none;color: #e7e7e7;background: #6a6b6b;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;border-radius: 5px;cursor: pointer;font-weight: 300}
.monthmenuitem{float: left;padding: 5px 0px 5px 5px;margin: 3px;width: 100px;min-height: 10px;text-align: left;font-size: 0.85em;border: none;color: #e7e7e7;background: #6a6b6b;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;border-radius: 5px;cursor: pointer;font-weight: 300}
.counsmenuitem{float: left;padding: 5px 0px 5px 5px;margin: 3px;width: 120px;min-height: 10px;text-align: left;font-size: 0.85em;border: none;color: #e7e7e7;background: #6a6b6b;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;border-radius: 5px;cursor: pointer;font-weight: 300}
.counsmenu{float: left;padding: 5px 0px 5px 5px;margin: 3px;width: 120px;min-height: 10px;text-align: left;font-size: 0.85em;border: none;color: #e7e7e7;background: #6a6b6b;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;border-radius: 5px;cursor: pointer;font-weight: 300}
.areamenu{float: left;padding: 5px 0px 5px 5px;margin: 3px;width: 120px;min-height: 10px;text-align: left;font-size: 0.85em;border: none;color: #e7e7e7;background: #6a6b6b;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;border-radius: 5px;cursor: pointer;font-weight: 300}
.refmenuitem{float: left;padding: 5px 0px 5px 5px;margin: 3px;width: 140px;min-height: 10px;text-align: left;font-size: 0.85em;border: none;color: #e7e7e7;background: #6a6b6b;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;border-radius: 5px;cursor: pointer;font-weight: 300}
.Refmenuitem{float: left;padding: 5px 0px 5px 5px;margin: 3px;width: 140px;min-height: 10px;text-align: left;font-size: 0.85em;border: none;color: #e7e7e7;background: #6a6b6b;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;border-radius: 5px;cursor: pointer;font-weight: 300}
.commentgrid tr td{text-align: left;height: 10px;font-size: 14px;font-weight: 300;color: #ffb719}

.dischargedateitem{float: left;padding: 5px 0px 5px 5px;margin: 3px;width: 70px;min-height: 10px;text-align: left;font-size: 0.85em;border: none;color: #e7e7e7;background: #6a6b6b;font-family: Advent Pro; sans-serif;font-family: Open Sans; sans-serif;border-radius: 5px;cursor: pointer;font-weight: 300}
table td{color: '#000',"font-size": '0.6em',"line-height": 1.2}
.required:after {content:" *";color: red;}
.requirednotice:before {content:"* ";color: red}