.hidden {display:none;}
input.error {border: 2px solid red;} 
.btn-default { background-color: #eeeeee !important; }

.formbuilder .field_hidden { display: none; }

.formbuilder .card { margin: 1rem 0rem; }
.formbuilder .card.left  { margin: 0rem 0.5rem 0rem 0rem; float:left; width: 25%;}
.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 #666666 1px; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; }
.formbuilder .field_dynamic .moveuplink, .formbuilder .field_dynamic .movedownlink, .formbuilder .field_dynamic .removelink { display: inline-block; margin-right: 10px; }
.formbuilder .field_dynamic .field_dynamic .items .item { border: none; margin: 0px; padding: 0px; }

.field .card-body .label {float: left;width: 40%;}
.field .card-body .input { float: left; width: 60%; }
.formbuilder .field_dynamic .items .field .spacer { clear: both; }

.field .card-body .card-body {width: 100% !important; }
.field_dynamic>.label { width: 100%;}
.field_dynamic>.input { width: 100% !important; }
.formbuilder .field_group>.label {margin-bottom: 20px;}

.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: 20px 0px 0px 0px;font-size: 150%;}
.card-header>label, .card-header.label { padding: 10px 0px 10px 10px !important; width: 100% !important; }
.formbuilder .field_dynamic>.input, .formbuilder .field_section>.input {padding: 20px 0px;}
.formbuilder .field_section label {padding-top: 20px;}


.formbuilder .field_dynamic .field_dynamic>label { float: left !important; width: 20% !important; font-size: 100%; border: none; padding: 0px; }
.formbuilder .field_dynamic .field_dynamic .items .field { float: left; width: auto; padding: 0px 10px 0px 0px; }
.formbuilder .field_dynamic .field_dynamic .items input { width: 180px; }
.formbuilder .field_dynamic .field_dynamic .items .field_date input { width: 120px; }
.formbuilder .field_dynamic .field_dynamic .items .field_time input { width: 80px; }
.formbuilder .field_dynamic .field_dynamic .items .field label { display: none; }
.formbuilder .field_dynamic .field_dynamic .items .field .input { width: auto; }

.formbuilder .field_multiselect .input { border: 1px solid #cccccc}
.formbuilder .field_multiselect .input .allnone { padding: 10px; }
.formbuilder .field_multiselect .input li { clear:both;  list-style-type:none; }
.formbuilder .input-group-text { height: 100%; }

.fbdropzone { width: 100%; border: dotted #cccccc 2px; border-radius: 5px; }
.fbdropzone.inactive { cursor: default; }
.buildinglabel, .clientlabel {font-size: 150%; text-decoration: underline;}

.dz-clickable { padding: 0px 0px 150px 0px; cursor: pointer; background-image: url(/images/upload.png); background-repeat: no-repeat; background-position: center bottom 25px; background-size: 120px 120px;}

.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 { 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; }


#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; }
}


.input-group-prepend .input-group-text {border-radius: 0.375rem 0 0 .375rem !important; }
.buttons { position: fixed; bottom: 0px; background-color: lighgrey; width: 100%; background-color: white; left: 0px; padding: 10px; box-shadow: 0px -1px 3px rgba(0,0,0,.075) !important; }


.pafdialog ul {  padding: 0px; margin: 0px; }
.pafdialog li { list-style-type: none; padding: 0px; margin: 0px; border: 1px solid #e9e9e9; }
.pafdialog li a {text-decoration: none; padding: 5px 5px !important; display: block;}
.pafdialog li:hover a {background-color:#9E9E9E; color: white;}
.pafdialog li:nth-child(even) {background-color: #e9e9e9;}
.ui-dialog-titlebar-close {line-height: 10px; border: none; background-color: unset; }

.invoice-table tr.draft {backgroud-color:yellow;}