@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
html body {
  margin: 0;
}

body,
table {
  font-family: Calibri, sans-serif !important;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.3;
}

form {
  margin: 0 !important
}

.divmode,
#divmode {
  width: 100% !important;
  height: 100% !important;
}

#divdialog,
#divdialog2 {
  height: calc(100% - 56px) !important;
  width: calc(100% - 10px) !important;
  top: 50px !important;
  left: 4px !important;
  border: 1px solid !important;
}

#divdialog iframe,
#divdialog2 iframe {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid !important;
}
#divmode.secondary {
  width: 99% !important;
  height: 99% !important;
}

#listtable #CustList {
  width: 100% !important;
}

tr,
td,
input[type='checkbox'] {
  vertical-align: middle;
}

tr[valign='bottom'],
td[valign='bottom'] {
  vertical-align: bottom;
}

tr[valign='top'],
td[valign='top'] {
  vertical-align: top;
}

a {
  text-decoration: none;
  color: #000;
}

img[src*='calendar.gif'],
img[src*='butsearch.gif'],
img[src*='butnums.gif'],
img[src*='sms1.jpg'],
img[src*='butclose.gif'] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

.LoginTextBox,
.DarkMenuButton,
.DarkMenuLink,
.DarkBlueText,
.DarkBlueText:hover {
  border-radius: 4px;
}

.LoginTextBox {
  padding: 3px 6px;
  border: solid 1px #888;
}

.LoginTextBox:focus {
  outline: 1px auto highlight;
}

.GreetingText {
  display: block;
  color: #004082;
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 1.5em 0;
}

.WhiteMenuText {
  color: white;
  text-decoration: none;
  font-weight: 600;
  margin: 0 5px;
  padding: 1px 5px;
  border: 2px solid #fff;
  border-radius: 6px;
}

.WhiteMenuButton {
  color: white;
  font-family: Inter, sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  background-color: Transparent;
  border-style: none;
  cursor: pointer;
  background-image: url('images/butnavblue.gif');
  background-position: left;
  background-repeat: no-repeat;
}

.DarkMenuButton,
.DarkMenuLink {
  display: inline-block;
  cursor: pointer;
  font-family: Inter, sans-serif !important;
  font-weight: 700;
  font-size: 13px;
  line-height: 0.9;
  margin: 0 0 0 6px;
  padding: 3px 8px;
  color: #1e40af;
  background-color: #e4eefd;
  border: 2px solid #b0d5f3;
}

.DarkMenuButton:hover,
.DarkMenuLink:hover {
  border-color: #3B82F6;
}

*[src="images/butnavwhite.gif"],
*[src="../images/butnavwhite.gif"],
*[src='images/butnavblue.gif'],
*[src='../images/butnavblue.gif']{
  display: none;
}

.WhiteMenuText {
  margin: 0 5px;
  padding: 1px 5px;
  border: 2px solid #fff;
  border-radius: 6px;
}

.DarkBlueText {
  display: inline-block;
  font-family: Calibri, sans-serif !important;
  font-size: 17px;
  line-height: 0.95;
  padding: 4px 10px 4px 20px;
  margin: 2px;
  background-image: url(images/butnavwhite.gif);
  background-position: 6px center;
  background-repeat: no-repeat;
  color: #2b55a2;
}

.DarkBlueText:hover {
  background-color: #fff;
}

a[href='booking.aspx'],
a[href='bookings.aspx'],
a[href='staff/diaries2.aspx'],
a[href='staff/Reports.aspx'] {
  font-weight: 700 !important;
}

.EditTextBox {
  min-width: 30px;
  font-family: Calibri, sans-serif !important;
  font-size: 14px;
  line-height: 16px;
  padding: 4px 6px;
  border: solid 1px #999;
  border-radius: 3px;
}

select.EditTextBox {
  padding: 2px;
}

.EditTextBox:focus {
  outline: 1px auto highlight;
}

.ContentHead,
.DarkCell {
  padding: 12px 6px !important;
  background-color: #71bbac;
  color: #fff;
  font-family: Inter, sans-serif !important;
  font-weight: 600;
  font-size: 15px;
}

.DarkCell {
  text-align: right;
}

.gridBase {
  border-color: #363636;
}

.bookings {
  width: 100% !important;
}

.gridBase,
.facilities {
  width: 100% !important;
}

[class*='CartList'] td {
  font-size: 16px;
}

[class*='CartListHead'] td {
  padding: 6px 6px 10px;
}

[class*='CartListItem'] td,
[class*='CartListSess'] td {
  padding: 3px 6px;
}

[class*='CartList'] {
  color: #000;
}

.CartListSess,
.CartListItemExtracted {
  border-bottom: 1px solid #555
}

.CartListFooter {
  background-color: #b0d5f3;
}

.CartListFooter td {
  padding: 8px 3px;
}

.CartListFooter a,
.CartListFooter span {
  font-size: 1.2em;
  padding: 3px;
}

.CartListHead,
.CartListHeadLocked {
  vertical-align: text-top;
  background-color: #b0d5f3;
  cursor: pointer;
  position: relative;
}

/* .CartListHeadLocked,
.CartListHeadLocked a {
  font-weight: bold;
  color: #001f3f;
} */
.CartListItem {
  background-color: #fff;
}

.CartListItemAllocated {
  background-color: #9c9;
}

.CartListItemAllocated2 {
  background-color: #9c6;
}

.CartListItemAllocatedAlt {
  background-color: #99cc99;
}

.CartListItemAlt {
  background-color: #d7e2fc;
}

.CartListItemCancelled {
  background-color: #f33;
}

.CartListItemCancelled2 {
  background-color: #930;
}

.CartListItemCancelledAlt {
  background-color: #f33;
}

.CartListItemCInvoiced {
  background-color: #f09;
}

.CartListItemCompleted {
  background-color: #9cf;
}

.CartListItemCompletedAlt {
  background-color: #9cf;
}

.CartListItemExtracted {
  background-color: #99f;
}

.CartListItemInvited {
  background-color: #fcf;
}

.CartListItemInvitedAlt {
  background-color: #fcf;
}

.CartListItemInvoiced {
  background-color: #09f;
}

.CartListItemTelephone {
  background-color: #fc3;
}

.CartListItemTelephoneCancel {
  background-color: #c60;
}

.CartListItemTelephoneExtracted {
  background-color: #f60;
}

.CartListItemTelephoneReported {
  background-color: #f90;
}

.CartListItemTelephoneUnalloc {
  background-color: #ff6;
}

.CartListItemTentative {
  background-color: #999;
}

.CartListItemTentative {
  background-color: #999;
}

.CartListItemUnAllocated {
  background-color: #9f6;
}

.CartListItemUTS {
  background-color: #f33;
}

.CartListItemUTSAlt {
  background-color: #f33;
}

.CartListSess {
  background-color: #fff;
}

.smsreply {
  padding: 6px 4px;
}

.CalendarControls {
  color: #fff;
  font-family: Inter, sans-serif !important;
  font-weight: 600;
  font-size: 15px;
}

.cnormal,
.cnormal2,
.cnormal3,
.cnotrep,
.cempty {
  font-family: Inter, sans-serif !important;
  font-weight: 600;
  font-size: 11px;
  line-height: 1.15;
  text-align: center !important;
  padding: 2px 4px;
  color: #fff
}

.cnormal,
.cnormal2,
.cnormal3,
.cnotrep,
.cempty {
  vertical-align: top;
}

.cheading {
  font-family: Inter, sans-serif !important;
  font-weight: 600;
  font-size: 12px !important;
  line-height: 1.2;
  background-color: #fff;
  color: #669999;
  border: 1px solid #7fccff;
  vertical-align: middle;
  padding: 8px;
}

.cnormal a,
.cnormal2 a,
.cnormal3 a {
  color: #000
}

.cnormal {
  /*   background-color: #669999 */
  background-color: #6fa6a6
}

.cnormal2 {
  background-color: #e5eeff
}

.cnormal3 {
  background-color: #f00
}

.cnotrep {
  background-color: #fc0
}

.cempty {
  background-color: #fff;
  Padding: 0 !important;
}

.paddingTop2 {
  padding-top: 2px
}

.big-gap {
  height: 8px
}

.medium-gap {
  height: 4px
}

.small-gap {
  height: 2px
}

.flatbutton {
  display: inline-block;
  cursor: pointer;
  border-style: none;
  margin: 0 0 0 10px;
  color: #fff;
  background-color: #517dbc;
  border: 2px solid #517dbc;
  font-family: Inter, sans-serif !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 4px;
}

.flatbutton:hover {
  border-color: #fff;
}

.pagination {
  line-height: 30px;
  padding: 0 6px
}

.rpttable th,
.rpttable td {
  padding: 4px 6px !important;
}

.rpttable th {
  font-size: 16px !important;
}

.rpttable td {
  font-size: 14px !important;
}

input[name='f_iBookings.ID'] {
  min-width: 80px;
}

input[name='f_tnameofday'] {
  min-width: 50px;
}

input[name='f_torganisations.name'] {
  max-width: 180px;
}

input[name='f_tbookings.location'] {
  min-width: 240px;
}

input[name='f_tStatuses.text'] {
  min-width: 100px;
}

input[name='f_tNESclient'] {
  min-width: 150px;
}

input[name='f_tblocks.name'] {
  min-width: 100px;
}

input[name='f_dBookings.datestart'],
input[name='f_fBookings.datestart'] {
  width: 90px;
}

input[name='DateStart'] {
  width: 96px;
}

input[name='LocName'],
input[name='LocAddress'] {
  min-width: 300px;
}

input[name='LocSuburb'],
input[name='LocPostcode'] {
  max-width: 90px;
}

input[name='Duration'] {
  width: 56px;
}

input[name='durtime'] {
  width: 100px;
}

input[name='MRNO'] {
  width: 152px;
}

select[name='typeID'],
select[name='sourceid'] {
  width: 140px;
}

select[name='languageid'],
select[name='languageid2'] {
  min-width: 120px;
}

select[name='BookingNatureID'],
select[name='ProblemID'] {
  width: 240px;
}

input[name='Organisation'] {
  max-width: 330px;
}

input[name='Location'] {
  max-width: 330px;
}

input[name='NESclient'] {
  max-width: 250px;
}

input[name='NESphone'] {
  width: 240px;
}

input[name='ProfessionalName'],
input[name='ProfessionalPhone'] {
  width: 180px;
}

input[name='CONTACT'],
input[name='Phone'],
input[name='Mobile'] {
  width: 200px
}

input[name='Email'] {
  width: 310px;
}

input[name='leftChars'] {
  width: 40px;
}

textarea[name='venueAddress'] {
  min-height: 42px;
}

textarea[name='notes'],
textarea[name='NotesSpecial'] {
  width: 360px;
  min-height: 120px;
}

input#nLogin {
  margin: 0
}

a#refreshbtn {
  margin: 0
}

/*#caloption {
  display: none;
}*/

.ErrorText {
  color: red;
}

#hdrLabel {
  margin-left: 1rem;
}

small {
  font-size: 8px;
}

big {
  font-size: 14px;
}

strong {
  font-weight: 700 !important;
}

blockquote,
pre {
  font-family: lucida console, monospace;
}

ul li {
  list-style-type: square;
}

ul li li {
  list-style-type: disc;
}

ul li li li {
  list-style-type: circle;
}

ol li {
  list-style-type: decimal;
}

ol ol li {
  list-style-type: lower-alpha;
}

ol ol ol li {
  list-style-type: lower-roman;
}

hr {
  height: 1pt;
  text-align: left;
}