.hidden {display:none;}
.btn-default { background-color: #eeeeee !important; }
h5 {padding: 20px 0px; }

.formbuilder .field_hidden {display: none;}

.link:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

.link {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline;
}


.formbuilder label, .formbuilder .input { margin-bottom: 0.5rem; }
.formbuilder .form-check { margin-top: 0.5rem; margin-bottom: 1rem;}
  
.formbuilder .field_dynamic .items {padding: 0px 0px 20px 0px; }
.formbuilder .field_dynamic .items .item { border-bottom: solid black 1px; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; clear: both; }
.formbuilder .field_dynamic .moveuplink, .formbuilder .field_dynamic .movedownlink, .formbuilder .field_dynamic .removelink { display: inline-block;  margin-right: 10px; right: 20px;}
.formbuilder .field_dynamic .removelink {width:  100%;margin-bottom: 20px;text-align:right;}
div[id*="ZoneAssets-items"] .removelink { width: auto !important; text-align:left; margin: 0px; } 

.formbuilder .field_dynamic .items .field label {float: left;width: 20%;}
.formbuilder .field_dynamic .items .field .input {float: left;width: 80%;}
.formbuilder .field_dynamic .items .field .spacer { clear: both; }
.card { margin-top: 10px}


.formbuilder .field_dynamic .field_dynamic .input, .formbuilder .field_dynamic .field_dynamic .field_dynamic .input  { width: 100%; }
.formbuilder .field_section>label, .formbuilder .field_dynamic>label, .formbuilder .field_group>label
	{float: none !important;width: 100% !important;display: block;border-bottom: solid #000000 1px;padding: 50px 0px 0px 0px;font-size: 150%;}


.formbuilder div[id*="ZoneAssets-items"], .formbuilder div[id*="AuditAssets-items"] {/* float: left; */width: 100%;padding: 20px 0px;/* float: left; */}
.formbuilder div[id*="ZoneAssets-items"]>label, .formbuilder div[id*="AuditAssets-items"]>label{ border: none;padding: 0px;  width: 100%; border-bottom: 1px solid #000000; }
.formbuilder div[id*="ZoneAssets-items"], .formbuilder div[id*="AuditAssets-items"]  { margin: 0px; padding:0px; }
.formbuilder div[id*="ZoneAssets-items"] .field, .formbuilder div[id*="AuditAssets-items"] .field{float: left;width: auto;padding: 0px 10px 0px 0px;}
.formbuilder div[id*="ZoneAssets-items"] input, .formbuilder div[id*="AuditAssets-items"] input { width: 180px; }
.formbuilder div[id*="ZoneAssets-items"] .field label, .formbuilder div[id*="AuditAssets-items"] .field label { display: none; }
.formbuilder div[id*="ZoneAssets-items"]  h5, .formbuilder div[id*="AuditAssets-items"] h5 { display: none;}
.formbuilder div[id*="ZoneAssets-items"] .field .input, .formbuilder div[id*="AuditAssets-items"] .field .input { width: 100% !important;}

.formbuilder div[id*="ZoneAssets-items"] .item, .formbuilder div[id*="AuditAssets-items"] .item { border: none !important; padding: 0px !important; margin: 0px !important; }
.formbuilder div[id*="ZoneAssets-items"] label, .formbuilder div[id*="AuditAssets-items"] label {font-size: 90%; }
div[id*="ZoneAssets-items"] .removelink, div[id*="AuditAssets-items"] .removelink { width: auto !important; text-align:left; margin: 0px; } 

.formbuilder>.field_dynamic>.card-body>.input>.items>.item>h5  { background-color: #005092; color:white;  padding: 10px;   }
.formbuilder>.field_dynamic>.card-body>.input>.items>.item { border: 1px solid #005092; border: 5px solid#005092; border-radius: 5px;}
.formbuilder>.field_dynamic>.card-body>.input>.items>.item>.field {padding: 8px;}
.formbuilder>.field_dynamic>.card-body>.input>.items>.item>.removelink {  height: 40px; }
.formbuilder>.field_dynamic>.card-body>.input>.items>.item>.removelink a { right:30px; position: absolute;}
.formbuilder >.tab-pane>.field_dynamic>.card-body>.input>.items>.item>.removelink, .formbuilder >.tab-pane>.field_dynamic>.card-body>.input>.items>.item>.field_dynamic>.input>.items>.item>.removelink {text-align:right;}

.removelink {vertical-align:middle;}
.removelink::after { content: ""; clear: both; display: table; }


.formbuilder .field_multiselect .input { border: 1px solid #cccccc; padding-top: 20px;}
.formbuilder .field_multiselect .input .allnone { padding: 10px; }
.formbuilder .field_multiselect .input li { clear:both;  list-style-type:none; }

.formbuilder .field_dynamic .field_dynamic .item {padding: 0px 10px;margin: 10px 0px;width: 100%;}


.input .radio {float: left; width: 50%; }
.audits .formbuilder .field>label { clear: both; float: left; width: 50%; font-weight: 600;}
.audits .formbuilder  .input {float: left;width: 50%;}
.help-block.description { font-size: 80%; font-style: italic; margin-bottom: 20px;}
.audits button {clear: both !important;overflow: auto;}
#fb-AuditAssets-div .input {float: left;width: 100%;}

@media(max-width: 760px ) {
	 label { float: none; width: 100% !important; width: 100%; }
	.input { float: none; width: 100% !important; width: 100%; }
}

.fbdropzone { width: 100%; border: dotted #cccccc 2px; border-radius: 5px; }
.fbdropzone.inactive { cursor: default; }

.dz-clickable { padding: 0px 0px 150px 0px; height: auto !important; cursor: pointer; background-image: url(/images/upload.png); background-repeat: no-repeat; background-position: center bottom 25px; }
.dz-preview {cursor: pointer;width: 100%;height: 100px; padding: 10px;border-bottom: solid #dddddd 1px;}
.dz-preview * { display: none; }
.dz-preview .dz-image { position: absolute; display: block; width: 100px; height: 100px; }
.dz-preview .dz-image * { display: block; }
.dz-preview .dz-image img { max-width: 100px; max-height: 100px; width: auto; height: auto; }
.dz-preview .dz-remove { float: right; display: block; }

.dz-preview .dz-details { position: absolute; display: block; margin: 0px 0px 0px 120px; }
.dz-preview .dz-details * { display: block; }
.dz-preview .dz-details .dz-size * { display: inline; }

.dz-preview .dz-progress { position: absolute; display: block; width: 500px; margin: 50px 0px 0px 120px; border: solid #000000 1px; padding: 2px; border-radius: 5px; }
.dz-preview .dz-progress .dz-upload { display: block; height: 20px; background-color: #007cbd; border-radius: 3px; }

.dz-error .dz-progress { display: none; }

.dz-error .dz-error-message { position: absolute; display: block; font-weight: bold; margin: 50px 0px 0px 120px; }
.dz-error .dz-error-message * { display: block; }

.dz-success { cursor: default; background-color: #ffffff; }
.dz-success .dz-progress { display: none; }

.dz-error { background-color: #ffdddd; }

.ui-dialog .input .field label { float: left; width: 25%; font-size: 90%; font-weight: bold; }
.ui-dialog .input .field_section>label, .ui-dialog .input .field_dynamic>label { float: none !important; width: 100% !important; display: block; border-bottom: solid #000000 1px; padding: 20px 0px 0px 0px; font-weight: bold; }
.ui-dialog .input .field .input { float: left; width: 75%; }
.ui-dialog .input .field_section>.input, .ui-dialog .input .field_dynamic>.input { float: none !important; width: 100% !important; }
.ui-dialog .input .field .input-group-text { padding: 0px 6px 0px 6px; }
.ui-dialog .input .field .input input[type=text] { padding: 3px 6px 3px 6px; height: 26px; display: inline-block; }
.ui-dialog .input .field .input input[type=number] { padding: 3px 6px 3px 6px; height: 26px; width: 100px; display: inline-block; }
.ui-dialog .input .field .description { font-size: 80%; }
.ui-dialog .input .field .spacer { clear: both; }
.ui-dialog .input .field a { color: #ffffff; }
.ui-dialog .input .field_dynamic .item { padding-bottom: 20px; }

.ui-timepicker-table td a { display: inline !important; }

table.form { width: 100%; }
table.form td, table.form th {padding: 5px;vertical-align: top;}
table.form th {width: 25%;}
table.form th.section, table.form th.group { border-bottom: solid #000000 1px; font-size: 150%; padding-top: 50px; }
table.form th.dynamic { background-color: #000000; color: #ffffff; font-size: 150%; border-top: solid #ffffff 50px; }

table.bookings th {width: auto;}

.btn-warning { color: #ffffff !important; float:right;}
.btn-primary { color: #ffffff !important; }

.fc {max-width: 100% !important; margin: 40px auto;}
.fc .fc-h-event.quoted, .fc .fc-v-event.quoted { border: none; }
.fc .fc-h-event.confirmed, .fc .fc-v-event.confirmed { border: solid #000000 2px; }

.fc-event.venue {background-color:coral;border: 1px solid coral;}

.fc-list-event {background-color: unset !important; }
.fc-list-event.venue {background-color: unset !important; }
.venue .fc-list-event-graphic .fc-list-event-dot { border: 5px solid coral; }

.fc-event .fc-event-title::before {content: ' '; width: 10px; height: 10px;  display:inline-block; border-radius: 50%; margin-right: 3px;}
.fc-event.po .fc-event-title::before { background-color:#ffcc01; }
.fc-event.complete .fc-event-title::before { background-color:#99cc02; }
.fc-event.cancelled .fc-event-title::before { background-color:red; }
.fc-event.tbc .fc-event-title::before { background-color:#ff99cc; }

.fc-list-event-title::before {content: ' '; width: 10px; height: 10px;  display:inline-block; border-radius: 50%; margin-right: 3px;}
.fc-list-event.po .fc-list-event-title::before { background-color:#ffcc01; }
.fc-list-event.complete .fc-list-event-title::before { background-color:#99cc02; }
.fc-list-event.cancelled .fc-list-event-title::before { background-color:red; }
.fc-list-event.tbc .fc-list-event-title::before { background-color:#ff99cc; }

.key { margin-top: 40px; }
.key .fc-list-event-rec { background-color:blue; width: 20px; height: 10px; display:inline-block;}
.fc-list-event-rec.crew {background-color: var(--bs-link-color); }   
.fc-list-event-rec.venue {background-color: coral;} 

.key .fc-list-event-dot { width: 10px; height: 10px; display: inline-block; border-radius: 50%; }
.fc-event.confirmed { background-color: #99cc02; border: 1px solid #99cc02 !important; }
.fc-list-event-dot.confirmed { background-color: #99cc02; }
.fc-event.pending  { background-color: #ffcc01;  border: 1px solid #ffcc01 !important;}
.fc-list-event-dot.pending { background-color: #ffcc01; }
.fc-list-event-dot.po  { background-color:#ffcc01; }
.fc-list-event-dot.complete  { background-color:#99cc02; }
.fc-list-event-dot.cancelled { background-color:red; } 
.fc-list-event-dot.tbc { background-color:#ff99cc; }


#eventtable_wrapper {margin-top: 50px; }

#indexform select, #calendarform select { width: auto; display: inline-block; }

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav { margin-right: 50px; }
}


.fc-event-hover {
  position: relative !important;
  height: 17px;
}
.fc-event-hover .fc-content {
  position: absolute !important;
  top: -1px;
  left: 0;
  background: red;
  z-index: 99999;
  width: auto;
  overflow: visible !important;
  background-color: #3a87ad;
  padding: 1px;
  border-radius: 2px;
}
.fc-content-skeleton tr td:last-child .fc-event-hover .fc-content {
  left: auto; 
  right: 0;
} 


.auditassets  #fb-Group-div .items { background-color: var(--bs-light);margin-bottom: 20px;padding: 20px;width: 100% !important; }
.auditassets  #fb-Group-div .field_dynamic .item { border-bottom:none; }
.auditassets  #fb-Group-div .field_dynamic>.input { width: 100%; }
.auditassets  #fb-Group-div .field_dynamic .field_select { float: left;width: 50%; }
.auditassets  #fb-Group-div .field_dynamic .removelink {float: left; width: auto; margin-left: 10px; }

#fb-AudAssForm-div>label, #fb-AudAssForm-addlink, #fb-AudAssForm-div .removelink {display:none; }

.auditassets .items label {width: 100% !important; }
.auditassets .items .input {width: 100% !important; }
.auditassets .items .field>label { font-weight: bold; }
.auditassets .field_group>label {width: 100% !important; margin-bottom: 30px;}
.auditassets th { width: 50% !important; padding-right: 100px !important; }
.auditassets .field { clear: both; }
.auditassets .field_readonly label {float: left; width: 50% !important; height: 35px;}

.field_readonly label, #fb-AudAssStatus-div label, #fb-AudAssStatus-div .input,
#fb-AudAssTime-div label, #fb-AudAssDate-div .input,
#fb-AudAssDate-div label, #fb-AudAssTime-div .input { width: 50%; float:left; }
#fb-AuditAssets-div .field_checkbox input { width: 20px;   vertical-align:middle; }

#fb-AuditAssets-div .addlink {display:none !important; } 
#fb-CustomList-div {clear: left; }
#fb-CustomList-div, #fb-CustomRemoveSelected-div,  #fb-CustomRemoveAll-div,  #fb-CustomUpdateSelected-div { float: left; display: inline; margin: 0px 10px 0px 0px;} 
#fb-CustomList-div label, #fb-CustomRemoveSelected-div label, #fb-CustomRemoveAll-div label,  #fb-CustomUpdateSelected-div label { display:none; }
#fb-CustomList-div .input, #fb-CustomRemoveSelected-div .input, #fb-CustomRemoveAll-div .input, #fb-CustomUpdateSelected-div .input { width: auto; }

input.error {border: 1px solid red !important;}
input.error:focus { border-color: #ff0000; }

.pages { display:none; }
.auditassets .pages{ display: block; }
.pages li {width: 150px; float:left; text-align: center; list-style-type: none; }
.pages li.active { text-decoration: underline; }

.pages {font-size: 90%;list-style-type: none;counter-reset: css-counter 0; padding: 40px 0px;}
.pages li {background-image: linear-gradient(#d2d2d2, #d2d2d2);background-size: contain;height: 1px;width: 80px;counter-increment: css-counter 1;text-decoration: unset !important;font-size: 80%;}
.pages li:before { color: #d2d2d2; content: counter(css-counter);  display: block; background-color: white; border: 1px solid #d2d2d2;  border-radius: 100%; width: 30px; min-width: 30px;min-height: 30px;line-height: 30px; max-width: 50px; margin: -15px auto 0px auto;}
.pages li.active:before { background-color:#2f9eec; color:white; border: 1px solid #2f9eec; }
.pages li.complete:before {background-color:#198754; color:white;   border: 1px solid #198754; }

#drop-area .list-group-item {display: flex; border: 1px solid #d2d2d2; line-height: 30px;  }
#drop-area .list-group-item>span { width: 100%; padding: 5px; }
#drop-area .list-group-item div>span { margin: 5px; }
.card.category .list-group {height: 50vh; overflow: scroll; }
.type:before {font-family:FontAwesome; padding-right: 5px; }
.type.number:before { content: '\e1bd';  }
.type.text:before { content: '\e1bf';  }
.type.radio:before { content: '\f192';  }
.type.image:before { content: '\e1b5'; }
.type.textarea:before { content:'\f893'; }
.type.select:before { content:'\e1cf'; }
.type.multiselect::before { content: '\f14a'; }
.type.section::before {content: '\e404'; }


.list-group-item { display: flex !important; justify-content: center;   }
.list-group-item div { margin-left: auto; display:flex; }
[id*="GroupAddButton-div"] .input { text-align:right;  }


.audit-card{ background:#fff; border:1px solid #e6e8ee; border-radius:14px; padding:16px; }
.audit-card__header{ margin-bottom:12px; }
.audit-card__body{ display:flex; gap:18px; align-items:center; flex-wrap:wrap; }

.pie-wrap{ width:220px; height:220px; display:flex; align-items:center; justify-content:center; }

.pie{
  width:220px;
  height:220px;
  border-radius:50%;
  /* The pie will be injected by jQuery using conic-gradient(...) */
  background: conic-gradient(#e5e7eb 0deg 360deg);
  position:relative;
}

.pie__hole{
  position:absolute;
  inset:18%;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid #eef0f6;
}

.pie__pct{ font-size:28px; font-weight:700; line-height:1; }
.pie__label{ font-size:13px; color:#6b7280; margin-top:6px; }

.legend{ display:flex; flex-direction:column; gap:10px; min-width:240px; }
.legend__row{ display:flex; justify-content:space-between; align-items:center; gap:14px; }
.legend__left{ display:flex; align-items:center; gap:10px; }
.legend__swatch{ width:10px; height:10px; border-radius:3px; flex:0 0 auto; }
.legend__name{ font-size:14px; color:#111827; }
.legend__value{ font-weight:700; font-size:14px; }
.legend__sub{ font-size:12px; color:#6b7280; margin-left:20px; margin-top:-6px; }