body {
    font-size: 15px;
    color: #6d6973;
    font-weight: 300;
    line-height: normal;
    background: #ebebeb;
    font-family: 'Roboto', sans-serif;
    min-height: 100vh;
    padding-top: 0px;
    padding-bottom: 150px;
    position: relative;
    float: left;
    width: 100%;
}

:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a {
  color:#312d37;
}

a:hover {
  cursor:pointer;
}
a:focus {
  outline:none !important;
}
a:active {
  outline:none !important;
}
.fa {
  font-weight:normal;
}

::-ms-clear {
  display: none;
}

input, textarea, button, select {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance:textfield; /* Firefox */
}

.row {
    clear: both;
    display: block;
    flex-wrap: unset;
    margin-right: -15px;
    margin-left: -15px;
}

/* Chrome */
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  display: none;
}

b, strong {
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6, .title {
  font-family: 'Saira Semi Condensed', sans-serif;
  font-weight: 700;
}

h1 {
    float: left;
    width: auto;
    height: auto;
    display: block;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 500;
    color: #312d37;
    line-height: 1.1;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

* {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

*:before, *:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
*:hover:before, *:hover:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

::-moz-selection {
  color: #ffffff;
  background: #d8213b;
}

::selection {
  color: #ffffff;
  background: #d8213b;
}

::-ms-clear { display: none; }

p {
  margin: 0 0 14px;
  line-height: 30px;
  float: left;
  width: 100%;
  display: block;
}

li:last-of-type {
  margin:0 0 0 0 !important;
}

:focus, :active, :visited {
  outline:none;
  text-decoration:none;
}

/* Rules for Parallax Background */
.parralax {
  background-attachment: fixed !important;
  background-size: cover!important;
}
/*  FLOATS  */
.element {
  float:left;
  width:100%;
  height:auto;
  display:block;
}
/*Aligns*/
.vertical {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.horizontal {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.vhboth {
  position: relative;
  top:50%;
  left: 50%;
  -webkit-transform: translateY(-50%)translateX(-50%);
  -ms-transform: translateY(-50%)translateX(-50%);
  transform: translateY(-50%)translateX(-50%);
}
:before, :after {
    font-family: FontAwesome;
}
.container-fluid {
  margin: 0 0 65px 0;
  float: left;
  width: 100%;
  clear: both;
}
.no-padding {
  padding:0 0 0 0 !important;
}
.no-margin {
  margin:0 0 0 0 !important;
}

:hover, :active, :focus {
  text-decoration:none !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b4b3b6;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #b4b3b6;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #b4b3b6;
}
:-moz-placeholder { /* Firefox 18- */
  color: #b4b3b6;
}

.previous-guests-accordian .card-header {
    padding: 0;
    background-color: #fff;
}

.previous-guests-accordian .card-header > button {
    color: #535157;
    width: 100%;
    text-decoration: none !important;
}

.previous-guests-accordian .card-header > button > span {
    float: left;
}

.previous-guests-accordian .card-header > button.collapsed:before {
    content: "\f055";
    float: right;
}
.previous-guests-accordian .card-header > button:before {
    content: "\f056";
    float: right;
}

.previous-guests-accordian .card-body table {
    margin-bottom: 15px !important;
}

/* buttons */

button.btn, .btn,
.daterangepicker .drp-buttons button,
.dataTables_wrapper .dt-buttons button,
.job-show section h3 a,
span.nearest-ae_container a.gmaps-link,
.dg-main-content .dg-view-wrapper .dg-content-footer button,
#commercials-labour table#labourCommercialsTable button.save-button {
    float: left;
    width: auto;
    min-width: 170px;
    border-radius: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    display: block;
    line-height: 9px;
    height: 45px;
    font-size: 16px;
    padding: 0px 20px;
    border: none;
    text-align: center;
    color: #ffffff;
    outline: none !important;
	box-shadow:none !important;
}

button.btn.btn-sm, .btn.btn-sm {
    min-width: 110px;
    height: 35px;
}

a.btn {
    line-height: 44px;
}

button.btn.btn-primary, .btn.btn-primary, .dataTables_wrapper .dt-buttons button,
.job-show section h3 a,
span.nearest-ae_container a.gmaps-link,
.dg-main-content .dg-view-wrapper .dg-content-footer button:first-of-type,
#commercials-labour table#labourCommercialsTable button.save-button {
    background: #545158;
}


button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:active,
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active,
a.btn.book-job:hover, a.btn.book-job:focus, a.btn.book-job:active,
.dataTables_wrapper .dt-buttons button:hover, .dataTables_wrapper .dt-buttons button:focus, .dataTables_wrapper .dt-buttons button:active,
.job-show section h3 a:hover,
span.nearest-ae_container a.gmaps-link:hover,
.dg-main-content .dg-view-wrapper .dg-content-footer button:first-of-type:hover,
#commercials-labour table#labourCommercialsTable button.save-button:hover {
	background:#d8213b;
}

a.btn.book-job,
.main-nav .start-day {
    position: relative;
    text-align: left;
    padding: 0 30px;
    min-width: 200px;
    color: #ffffff;
}

.main-nav .start-day.btn-danger {
    padding: 0 20px;
}

a.btn.book-job {
    background: #545158;
}

a.btn.book-job:after,
.main-nav .start-day:after {
    content: "";
    width: 34px;
    height: 34px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 50%;
    background-size: 16px;
    border: 3px solid transparent;
}

a.btn.book-job:after {
    background: url(../images/plus.png) center center no-repeat #7d7781;
}

.main-nav .start-day:after {
   background:url(../images/check.png) center center no-repeat #a5d17c;
}

a.btn.book-job:hover:after {
    background: url(../images/plus.png) center center no-repeat #f1586e;
    background-size: 16px;
}

.main-nav .start-day:hover:after {
    background: url(../images/check.png) center center no-repeat #426f18;
}

.main-nav .start-day.btn-danger:after {
    background: url(../images/cross.png) center center no-repeat #9a0320;
}

.main-nav .start-day.btn-danger:hover:after {
    background: url(../images/cross.png) center center no-repeat #fe3e3e;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.main-nav .start-day.loading:after {
    border-color: #9eca74;
    background: transparent;
    border-right-color: #c5ff8f;
    animation: spinner 0.7s linear infinite;
}

.btn.btn-icon {
    min-width: 0px;
    padding: 0px;
    width: 45px;
}

.btn.btn-icon i {
    float: left;
    width: 100%;
    margin: -2px 0 0 0;
}

.btn.btn-inactive {
    BACKGROUND: #cfcdce;
    color:#6d6a73;
}

.btn.btn-inactive:hover {
	background:#6d6a73;
	color:#ffffff;
}

.btn > .fa.fa-spin {
    float: right;
    margin: 11px -9px;
    font-size: 24px;
}

.btn-danger,
.daterangepicker .drp-buttons button:first-of-type,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type,
.dg-main-content .dg-view-wrapper .dg-content-footer button:last-of-type {
    background: #e5002d;
}

.btn-danger:hover,
.daterangepicker .drp-buttons button:first-of-type:hover,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type:hover,
.dg-main-content .dg-view-wrapper .dg-content-footer button:last-of-type:hover {
	    background: #c10429;
}

.btn-outline-danger {
    border: 1px solid #e5002d;
    color: #e5002d;
}

.btn-outline-danger:hover {
    color: #ffffff;
}

.btn-success,
.daterangepicker .drp-buttons button:last-of-type,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type  {
    background: #7cb644;
}

.btn-success:hover,
.daterangepicker .drp-buttons button:last-of-type:hover,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type:hover {
    background: #639830;
}

.btn-outline-success {
    border: 1px solid #7cb644;
    color: #7cb644;
}

.btn-outline-success:hover {
    color: #ffffff;
}

.btn-warning {
	background:#ed7806;
	color:#ffffff;
}

.btn-warning.disabled {
	background: #914906;
	color:#ffffff;
}

.btn.btn-light {
	background:#f8f9fa;
	color:#302c36;
}

.btn.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-warning:hover {
	background:#d06905;
	color:#ffffff;
}

.btn.btn-success i {
    margin: 0px 0 0 1px;
    font-size: 17px;
}

.btn.btn-success i.fa-plus {
    margin: 0px 0 0 0px;
}

.btn.emergency-job i {
    float: left;
    margin: 14px 10px 0 0;
}

.btn-link, header .top-nav .user-bar a.meta ~ .notifications ul li p a {
    color: #312d37;
    float: left;
    width: auto;
    padding: 0px;
    border: none;
    line-height: normal;
    text-decoration: underline !important;
    font-weight: 900;
    line-height: normal !important;
    min-width: fit-content;
}

.btn-link:hover,
header .top-nav .user-bar a.meta ~ .notifications ul li p a:hover {
  color: #d8213b;
}

a.btn.btn-only,
.btn.btn-only {
    margin-top: 35px;
}

a.btn.guest-button {
    margin-left: 15px;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	background:#d8213b;
}


/* form styling */

form {
  float: left;
  width: 100%;
  height: auto;
  display: block;
  margin: 0px;
}

form.table-filters {
    margin-bottom: 30px;
}

form.margin-bottom {
    margin-bottom: 15px;
}

form .form-group, form .test-repeater .form-inline .form-group {
    float: left;
    width: 100%;
    display: block;
    margin: 0 0 20px 0;
    height: auto;
    position: relative;
}

form .form-group .validation-message {
    position: absolute;
    right: 0px;
    top: 1px;
    margin: 0;
    font-weight: 600;
    font-size: 11px;
}

.modal-body form .form-group .validation-message {
    position: relative !important;
    top: auto;
    right: auto;
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    margin-top: 10px;
}


.modal-body form .form-group .filepond--root .validation-message,
.modal-body form .reversed .validation-message {
    order: 3;

}

.modal-body form .form-group .filepond--root .validation-message {
    padding: 0 15px;
}


.modal-body form .form-group .filepond--root,
.modal-body form .reversed {
	display:flex;
	flex-direction:column;
}

.modal-body .permit-to-dig {
	margin-left:-15px !important;
	margin-right:-15px !important;
}

form .form-group.no-validation .validation-message {
    display: none !important;
}


form .form-group .custom-file .contain .validation-message {
    top: 16px;
    color: #fe3e3e!important;
    right: 120px;
}

form .form-group small {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 14px;
    padding-left: 10px;
}

form .form-group span.name small {
    float: right;
    width: auto;
    margin-top: initial;
}

form .form-group span.name small strong {
    font-weight: 900;
}

form .form-group.no-label {
    padding-top: 30px;
}

form .form-group.radio-row {
    margin: 8px 0 26px 0;
}

form .form-group p {
    margin: 0px;
    line-height: 16px;
}

form .form-group.submit {
  margin-top: 10px;
}

form .form-rows {
  float: left;
  width: 100%;
  margin: 0 0 0;
  height: auto;
  position:relative;
}

form .form-rows.qty {
  padding-right: 60px;
}

form .form-rows.qty .form-group.qty {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
}

form .form-group label, b.label-title, .custom-switch label,
.signature-pad strong {
    float: left;
    width: 100%;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    color: #6d6973;
    line-height: 13px;
    margin-bottom: 11px;
    padding: 0px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    padding-left: 10px;
}

b.label-title {
	padding-left:0px;
}

form .form-group label.cm-required:after {
  content: '*';
  margin-left: 3px;
}

b.label-title.list-title {
  margin-bottom: 27px;
}

form .form-group:hover label, .custom-switch label:hover {
  color: #312d37;
}

form .form-group.last {
  margin-bottom: 0px;
}


form .form-group label.button-tip {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    font-weight: 100;
}

form .form-group label.button-tip span {
    float: left;
    width: auto;
    display: block;
    margin: 15px 0 0 15px;
}

form .form-group .selectize-control, .selectize-control {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    border: none;
    background: none;
    padding: 0px;
    box-shadow: none;
    min-width: 100%;
    max-width: 100%;
}

form .form-group .selectize-control.is-invalid,
.selectize-control.is-invalid {
	margin-bottom:15px;
}

form .form-group .selectize-control.is-invalid .selectize-input,
.selectize-control.is-invalid .selectize-input {
	border-color:#e3342f;
}

form .form-group input[type=text], form .form-group input[type=number], .filter-options input[type=text], form .form-group input[type=tel], .filter-options input[type=tel], form .form-group input[type=url], .filter-options input[type=url], form .form-group input[type=password], .filter-options input[type=password], form .form-group input[type=email], .filter-options input[type=email], form .form-group input[type=number], .filter-options input[type=number], form .form-group input[type=time], .filter-options input[type=time], form .form-group input[type=date], .filter-options input[type=date], form .form-group input.timepicker, .filter-options input.timepicker, form .form-group textarea, form .test-repeater .form-inline textarea, form .form-group .selectize-control .selectize-input, .selectize-control .selectize-input, form .form-group.file span.file-container, .ui-dialog .ui-dialog-content textarea, form .form-group input[type=color], form .form-group input.hasDatepicker, form .form-group input[type=file], form .form-group .custom-file, form .form-group input[type=name], form .form-group input[type=monetary],
.signature-register_container .signature-pad .signature-pad--body canvas,
form .form-group select,
form .form-group .image-preview,
.main-container .panel-container #commercials-total-costs .form-group textarea.form-control,
.main-container .panel-container .commercial-blocks table tbody tr td .form-group input:not([type="file"]),
.main-container .panel-container #commercials-total-costs .form-group select,
.signature-pad .form-group canvas {
    float: left;
    width: 100%;
    display: block;
    margin: 0px;
    height: 45px;
    border-radius: 50px;
    border: 1px solid transparent;
    color: #6d6973;
    outline: none !important;
    padding: 0 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: normal;
    background: #eaeaea;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.main-container .panel-container #commercials-total-costs .form-group textarea.form-control:disabled,
.main-container .panel-container #commercials-total-costs .form-group textarea.form-control:read-only,
.main-container .panel-container .commercial-blocks table tbody tr td .form-group input:not([type="file"]):disabled,
.main-container .panel-container .commercial-blocks table tbody tr td .form-group input:not([type="file"]):read-only,
.main-container .panel-container #commercials-total-costs .form-group select:disabled,
.main-container .panel-container #commercials-total-costs .form-group select:read-only {
    opacity: 0.85;
}

form .form-group .image-preview {
    position: relative;
    border-radius: 15px;
    height: 160px;
    padding: 0px;
    overflow: hidden;
}

form .form-group .image-preview .slim {
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0px;
    background: none !important;
}

form .form-group .image-preview .slim .slim-status {
    padding: 20px;
}

form .form-group .image-preview .slim .slim-status .slim-error,
form .form-group .image-preview .slim .slim-label {
    float: left;
    width: 100%;
    display: block;
    white-space: normal;
}

form .form-group .image-preview .slim .slim-status .slim-error p,
form .form-group .image-preview .slim .slim-label p {
    margin: 0px;
    line-height: 20px;
    font-size: 15px;
}

form .form-group .image-preview .slim .slim-status .slim-error p {
    color: #ff2424;
    font-weight: 600;
}

form .form-group .image-preview .slim .slim-result {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
}

form .form-group .image-preview .slim .slim-result img {
    -webkit-transform: translateY(-50%)translateX(-50%);
    -ms-transform: translateY(-50%)translateX(-50%);
    transform: translateY(-50%)translateX(-50%);
    width: auto;
    max-width: none;
    height: auto;
    left: 50%;
    max-height: 100%;
}

form .form-group .image-preview .slim .slim-btn-group {
  z-index: 5;
}

form .form-group .image-preview .slim .slim-btn-group button {
    outline: none !important;
}

form .form-group .image-preview .validation-message {
    float: left;
    width: 100%;
    display: block;
    padding: 20px 20px;
    position: relative;
    white-space: normal;
    text-align: center;
    line-height: 1.5;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #eaeaea;
}

form .form-group:hover .image-preview .validation-message {
	background:#ffffff;
}

form .form-group .image-preview input {
    display: none;
}

form .form-group .image-preview i {
    position: absolute;
    font-size: 40px;
    line-height: 0.8;
    opacity: 0.5;
}

form .form-group .image-preview:hover i {
	opacity:1;
}

form .form-group .image-preview img {
    position: relative;
    z-index: 3;
    float: left;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%)translateX(-50%);
    -ms-transform: translateY(-50%)translateX(-50%);
    transform: translateY(-50%)translateX(-50%);
    background: #eaeaea;
}

form .form-group:hover .image-preview img {
	background:#ffffff;
}

form .form-group input[type=file] {
    padding: 8px 0;
    border-radius: 0px;
    margin: 0 0 0 -99px;
}

form .form-group input[type=monetary] {
    text-align: left !important;
    padding-left: 25px;
}

form .form-group .custom-file .contain {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}

form .form-group .custom-file label {
    width: 100%;
    display: block;
    margin: 0px;
    height: 45px;
    border-radius: 50px;
    border: none;
    color: #6d6973;
    outline: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 12px 26px;
    white-space: nowrap;
    line-height: normal;
    background: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

form .form-group .custom-file label:after {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: #545158;
    color: #ffffff;
    right: 0px;
    top: 0px;
    height: 100%;
    padding: 15px 25px;
    line-height: 14px;
    z-index: 3;
}

form .form-group .custom-file.commercials label:after {
    content: 'Upload';
    padding: 15px 32%;
}

form .form-group .custom-file.commercials label.update:after {
    content: 'Change';
}

form .form-group .custom-file label:hover:after {
	background:#312d43;
}

form .form-group .custom-file input:focus,
form .form-group .custom-file input:valid {
    opacity: 1;
}


form .form-group input[type=color] {
    padding: 7px 13px;
}

form .form-group .input-group input[type=text], form .form-group .input-group input[type=number], form .form-group .input-group input[type=tel], form .form-group .input-group input[type=url], form .form-group .input-group input[type=password], form .form-group .input-group input[type=email], form .form-group .input-group input[type=number], form .form-group .input-group input[type=time], form .form-group .input-group input[type=date], form .form-group .input-group input.timepicker {
    width: 100%;
    padding-left: 40px;
}

form .form-group .input-group.button input[type="text"] {
    border-radius: 50px;
    padding-left: 25px;
}

form .form-group .input-group.button input[type="text"]:focus, form .form-group .input-group.button input[type="text"]:hover {
    z-index: 0;
}

form .form-group .input-group .input-group-text {
  border: none;
  background: #eef0f0;
}


form .form-rows.qty .form-group.qty input {
  padding: 0 10px;
  text-align: center;
}


form .form-group:hover input[type=text], .filter-options input[type=text]:hover,
form .form-group:hover input[type=number], .filter-options input[type=number]:hover,
form .form-group:hover input[type=tel], .filter-options input[type=tel]:hover,
form .form-group:hover input[type=url], .filter-options input[type=url]:hover,
form .form-group:hover  input[type=password], .filter-options input[type=password]:hover,
form .form-group:hover input[type=email], .filter-options input[type=email]:hover,
form .form-group:hover input[type=number], .filter-options input[type=number]:hover,
form .form-group:hover input[type=time], .filter-options input[type=time]:hover,
form .form-group:hover input[type=date], .filter-options input[type=date]:hover,
form .form-group:hover input.timepicker, .filter-options input.timepicker:hover,
form .form-group:hover textarea,
form .form-group:hover .selectize-control .selectize-input,
.main-container .panel-container .filter-options .selectize-control:hover  .selectize-input,
.selectize-control:hover  .selectize-input
form .test-repeater .form-inline:hover textarea,
form .form-group.file:hover span,
.ui-dialog .ui-dialog-content textarea:hover,
 form .form-group input[type=color]:hover,
 form .form-group input.hasDatepicker:hover,
 form .form-group .custom-file:hover,
 form .form-group input[type=name]:hover,
 form .form-group input[type=monetary]:hover,
 .signature-register_container .signature-pad .signature-pad--body canvas:hover,
 form .form-group:hover select,
 form .form-group:hover .image-preview,
 .main-container .panel-container #commercials-total-costs .form-group textarea.form-control:hover,
 .main-container .panel-container .commercial-blocks table tbody tr td .form-group input:not([type="file"]):hover,
 .main-container .panel-container #commercials-total-costs .form-group select:hover {
    border-color: #312d43;
}

form .form-group input[type=text]:focus, .filter-options input[type=text]:focus,
form .form-group input[type=number]:focus, .filter-options input[type=number]:focus,
form .form-group input[type=tel]:focus, .filter-options input[type=tel]:focus,
form .form-group input[type=url]:focus, .filter-options input[type=url]:focus,
form .form-group input[type=password]:focus, .filter-options input[type=password]:focus,
form .form-group input[type=email]:focus, .filter-options input[type=email]:focus,
form .form-group input[type=number]:focus, .filter-options input[type=number]:focus,
form .form-group input[type=time]:focus, .filter-options input[type=time]:focus,
form .form-group input[type=date]:focus, .filter-options input[type=date]:focus,
form .form-group input.timepicker:focus, .filter-options input.timepicker:focus,
form .form-group textarea:focus,
form .test-repeater .form-inline textarea:focus,
form .form-group .selectize-control .selectize-input.dropdown-active,
.selectize-control  .selectize-input.dropdown-active,
form .form-group .selectize-control .selectize-input.input-active,
.selectize-control .selectize-input.input-active,
.ui-dialog .ui-dialog-content textarea:focus,
 form .form-group input[type=color]:focus,
 form .form-group input.hasDatepicker:focus,
 form .form-group input[type=name]:focus,
 form .form-group input[type=monetary]:focus,
 .signature-register_container .signature-pad .signature-pad--body canvas:hover,
 form .form-group select:focus,
  form .form-group:hover .image-preview,
  .main-container .panel-container #commercials-total-costs .form-group textarea.form-control:focus,
  .main-container .panel-container .commercial-blocks table tbody tr td .form-group input:not([type="file"]):focus,
  .main-container .panel-container #commercials-total-costs .form-group select:focus,
  .signature-pad .form-group:hover canvas {
  background:#ffffff;
      border-color: #312d43;
}

form .form-group .custom-file,
form .form-group .input-icons {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    overflow: hidden;
}

form .form-group .input-icons strong.icon {
    width: 35px;
    min-width: 35px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    color: #6d6973;
    font-weight: 600;
    text-align: right;
    padding: 12px 0;
    font-size: 17px;
}

form .form-group .input-group {
    float: left;
    width: 100%;
    display: block;
}

form .form-group .input-group .input-group-btn {
    position: absolute;
    right: 0px;
    top: 0px;
}

form .form-group .input-group .input-group-btn .btn {
    min-width: 0px;
    padding: 0px 15px;
    width: 45px;
}

form .form-group .input-group .input-group-btn .btn i {
    float: left;
    width: auto;
    display: block;
    margin-top: -3px;
}

form .form-group .input-group .input-group-btn div {
    position: absolute;
    right: 0px;
    width: auto;
    white-space: nowrap;
    top: -24px;
    font-weight: 600;
    font-size: 11px;
}

form .form-group .input-group .input-group-btn .text-danger {
    float: right;
}

form .form-group .input-group .input-group-prepend {
    margin: 0px;
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

form .form-group .input-group .input-group-prepend .input-group-text {
    position: absolute;
    width: auto;
    z-index: 4;
    height: 45px;
    background: none;
    left: 8px;
    top: 1px;
}

form .form-group .input-group .input-group-prepend .input-group-text .fa {
    float: left;
    width: auto;
    display: block;
    margin-top: -3px;
}

form .form-group input.is-invalid, form .form-group.is-invalid .selectize-input {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 16px 1px rgba(28,58,45,0);
    -moz-box-shadow: 0px 0px 16px 1px rgba(28,58,45,0);
    box-shadow: 0px 0px 16px 1px rgba(28,58,45,0);
    border-color: #fe3e3e;
    margin-bottom: 15px;
}

form .form-group .custom-file input.is-invalid {
    margin: 0 0 0 -99px;
    background: none;
    color: #fe3e3e;
    border: none;
    font-weight: 600;
}

form .form-group.file span.file-container {
  position: relative;
  padding: 0 20px 0 50px;
}

form .form-group.file span.file-container:before {
  content: "\f093";
  position: absolute;
  left: 20px;
  font-size: 18px;
  color: #443061;
  top: 13px;
}

form .form-group.file span.file-container input[type="file"] {
  float: left;
  width: 100%;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0px 0 0 0;
  background: none;
  padding: 7px 0;
  height: 100%;
}

form .form-group.file span.file-container input.is-invalid {
    color: #fe3e3e;
}

form .form-group textarea, form .test-repeater .form-inline textarea, .ui-dialog .ui-dialog-content textarea,
.main-container .panel-container #commercials-total-costs .form-group textarea.form-control {
    height: 200px;
    border-radius: 15px;
    padding: 14px 20px;
    white-space: normal;
    resize: none;
    line-height: 1.5 !important;
}

form .test-repeater .form-inline textarea {
  width: 204%;
  margin-left: -104%;
  margin-bottom: 20px;
  clear: both;
  float: left;
}

form .form-group .selectize-control .selectize-input,
.selectize-control .selectize-input {
    position: relative;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.selectize-control.multi .selectize-input {
  padding: 0 20px !important;
}

.selectize-control.multi .selectize-input .item {
  padding: 0px;
}


.selectize-control.multi .selectize-input.has-items {
    padding: 10px 15px 3px !important;
    height: auto;
    min-height: 45px;
    border-radius: 23px;
}

form .form-group .selectize-control .selectize-input:after,
.selectize-control .selectize-input:after, .selectize-control.single .selectize-input:after {
    content: "\f002";
    color: #969696;
    font-size: 14px;
    font-weight: 400;
    border: none;
    position: absolute;
    right: 33px;
    top: 16px;
}

form .form-group .selectize-control .selectize-input.has-options:after,
.selectize-control .selectize-input.has-options:after, .selectize-control.single .selectize-input.has-options:after {
  content: "\f107";
  font-size: 14px;
  font-weight: 600;
  border: none;
  position: absolute;
  right: 28px;
  top: 17px;
}

.selectize-control.multi .selectize-input:after {
  top: 15px !important;
  right: 20px !important;
}

form .form-group .selectize-control .selectize-input.dropdown-active:after,
.selectize-control .selectize-input.dropdown-active:after,
.selectize-control.single .selectize-input.dropdown-active:after {
  content: "\f002";
  top: 17px;
}

form .form-group .selectize-control .selectize-input.dropdown-active.has-options:after,
.selectize-control .selectize-input.dropdown-active.has-options:after,
.selectize-control.single .selectize-input.dropdown-active.has-options:after {
  content: "\f106";
  top: 18px;
}

.selectize-control.multi .selectize-input.dropdown-active:after {
  top: 15px !important;
}

form .form-group .selectize-control .selectize-input .item,
.selectize-control .selectize-input .item {
    zoom: normal;
    font-size: 16px;
    float: left;
    width: auto;
    margin: 0px 4px 7px 0;
    opacity: 1;
    background: #7cb644;
    color: #ffffff;
    font-weight: 500;
    padding: 6px 12px;
    line-height: 1;
    border: none;
    border-radius: 50px;
}


form .form-group .selectize-control.single .selectize-input .item, .selectize-control.single .selectize-input .item {
    padding: 0px;
    background: none;
    margin: 14px 4px 0 0 !important;
    color: #6d6973;
    font-weight: 300;
    width: auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0px;
}

form .form-group .selectize-control.single .selectize-input input, .selectize-control.single .selectize-input input {
	display:none;
}

form .form-group .selectize-control .selectize-input .item.active,
.selectize-control .selectize-input .item.active {
	background:#0cb96a;
}

form .form-group .selectize-control .selectize-input.dropdown-active,
.selectize-control .selectize-input.dropdown-active {
  border-radius: 20px 20px 0 0;
  border-bottom-color:transparent;
}

form .form-group .selectize-control .selectize-input:before, .selectize-control .selectize-input:before {
	display:none;
}

form .form-group .selectize-control .selectize-dropdown, .selectize-control .selectize-dropdown {
    position: absolute;
    border: none;
    width: 100% !important;
    margin: 0px;
    border-radius: 0px;
    padding: 0px 0 0px;
    height: auto;
    top: 45px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
    border: 1px solid #312d43;
    border-top: 0px;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}

form .form-group .selectize-control .selectize-dropdown .selectize-dropdown-content,
.selectize-control .selectize-dropdown .selectize-dropdown-content {
  float: left;
  width: 100%;
  height: auto;
  display: block;
}

/*form .form-group .selectize-control .selectize-dropdown:after,
.selectize-control .selectize-dropdown:after {
    width: 100%;
    content: "";
    height: 16px;
    background: #ffffff;
    display: block;
    left: 0px;
    top: -16px;
    position: absolute;
}*/

form .form-group .selectize-control .selectize-dropdown .selectize-dropdown-content .option, .selectize-control .selectize-dropdown .selectize-dropdown-content .option, form .form-group .selectize-control .selectize-dropdown .selectize-dropdown-content .create, .selectize-control .selectize-dropdown .selectize-dropdown-content .create {
    float: left;
    width: 100%;
    padding: 12px 25px;
    min-height: 45px;
    height: auto;
    font-size: 16px;
    opacity: 1;
    border-bottom: none;
    text-align: left;
}

form .form-group .selectize-control .selectize-dropdown .selectize-dropdown-content .option:last-of-type, .selectize-control .selectize-dropdown .selectize-dropdown-content .option:last-of-type {
    height: 45px;
    border-bottom: none;
}

form .form-group .selectize-control .selectize-dropdown .selectize-dropdown-content .option:hover,
.selectize-control  .selectize-dropdown .selectize-dropdown-content .option:hover {
  opacity: 0.6;
  cursor: pointer;
}

form .form-group .selectize-control .selectize-input input, .selectize-control .selectize-input input {
    font-size: 16px;
    color: #7e7a84;
    margin: 12px 2px 0 0!important;
    font-weight: 300;
}


.work-register-list .selectize-control .selectize-input input {
	width:100% !important;
}

form .form-group .selectize-control .selectize-input.dropdown-active input,
.selectize-control  .selectize-input.dropdown-active input{
  opacity:1;
  z-index:3;
}

/*form .form-group .selectize-control .selectize-input.dropdown-active .item,
.selectize-control .selectize-input.dropdown-active .item{
  opacity: 0;
}*/

form .form-group .selectize-control .selectize-dropdown .selectize-dropdown-content .option.active,
.selectize-control  .selectize-dropdown .selectize-dropdown-content .option.active{
  font-weight: 600;
  color: #443061;
}

form .form-group.checkbox label,
form .form-group.radio label,
.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio label,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox label {
    padding-left: 56px;
    margin: 0px;
    color: #6d6973;
    font-weight: 300;
    font-size: 15px;
    text-transform: none;
    line-height: 16px;
    min-height: 30px;
    height: auto;
    padding-top: 7px;
    font-family: 'Roboto', sans-serif;
}


.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio label,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox label {
    min-height: 30px;
    height: auto;
    line-height: 1.4;
    padding-top: 5px;
}

form .form-group.checkbox-row label,
form .form-group.radio-row label {
    float: left;
    width: 33.3333%;
    margin-bottom: 15px;
}

.modal-body form .form-group.checkbox-row label,
.modal-body form .form-group.radio-row label {
    width: 50%;
}

.modal-body form .form-group.checkbox-row label:nth-of-type(3),
.modal-body form .form-group.checkbox-row label:nth-of-type(5),
.modal-body form .form-group.checkbox-row label:nth-of-type(7),
.modal-body form .form-group.checkbox-row label:nth-of-type(9),
.modal-body form .form-group.checkbox-row label:nth-of-type(11),
.modal-body form .form-group.checkbox-row label:nth-of-type(13),
.modal-body form .form-group.checkbox-row label:nth-of-type(15),
.modal-body form .form-group.checkbox-row label:nth-of-type(17),
.modal-body form .form-group.checkbox-row label:nth-of-type(19),
.modal-body form .form-group.checkbox-row label:nth-of-type(21),
.modal-body form .form-group.checkbox-row label:nth-of-type(23),
.modal-body form .form-group.checkbox-row label:nth-of-type(25),
.modal-body form .form-group.checkbox-row label:nth-of-type(27),
.modal-body form .form-group.checkbox-row label:nth-of-type(29),
.modal-body form .form-group.checkbox-row label:nth-of-type(31),
.modal-body form .form-group.radio-row label:nth-of-type(3),
.modal-body form .form-group.radio-row label:nth-of-type(5),
.modal-body form .form-group.radio-row label:nth-of-type(7),
.modal-body form .form-group.radio-row label:nth-of-type(9),
.modal-body form .form-group.radio-row label:nth-of-type(11),
.modal-body form .form-group.radio-row label:nth-of-type(13),
.modal-body form .form-group.radio-row label:nth-of-type(15),
.modal-body form .form-group.radio-row label:nth-of-type(17),
.modal-body form .form-group.radio-row label:nth-of-type(19),
.modal-body form .form-group.radio-row label:nth-of-type(21),
.modal-body form .form-group.radio-row label:nth-of-type(23),
.modal-body form .form-group.radio-row label:nth-of-type(25)  {
	clear:both;
}


form .form-group.checkbox-row,
form .form-group.radio-row {
	margin-bottom:5px;
}


.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio label:before,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox label:before {
	content:"";
}

form .form-group.checkbox label .checkbox,
form .form-group.radio label .radio,
.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio label:before,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox label:before {
    position: absolute;
    left: 10px;
    margin: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    display: block;
    background: #eaeaea;
    border: 1px solid transparent;
    padding: 7px;
}


form .form-group.radio label .radio,
.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio label:before {
    border-radius: 50%;
    border: 8px solid #eaeaea;
}

form .form-group.checkbox label:hover .checkbox
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox label:hover:before {
    border-color: #312d43;
}

form .form-group.radio label:hover .radio,
.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio label:hover:before {
    background: #9c9c9c;
}

form .form-group.checkbox label:hover,
form .form-group.radio label:hover
.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio label:hover,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox label:hover  {
  cursor:pointer;
}

form .form-group.checkbox label .checkbox:before,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox label:before {
  background:url(../images/check.png) center center no-repeat;
  background-size:contain;
  float: left;
  width: 100%;
  height:100%;
  margin: 0px 0 0 0;
  text-align: center;
  opacity:0;
  content:"";
}

.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox label:before {
    width: 30px;
    opacity: 1;
    background-color: #eaeaea;
    background-image: none;
    background-size: 14px;
	border:1px solid transparent;
}

.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox label:hover:before {
    border-color: #312d43;
}

form .form-group.checkbox label input:checked ~ .checkbox,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox input:checked ~ label:before {
  border-color: transparent;
}

form .form-group.radio label input:checked ~ .radio,
.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio input:checked ~ label:before {
  background: #312d43;
}

form .form-group.checkbox .validation-message,
form .form-group.radio .validation-message {
	display:none;
}

form .form-group.checkbox label input.is-invalid ~ .checkbox,
form .form-group.radio label input.is-invalid ~ .radio {
    border-color: red;
}

form .form-group.checkbox label input:checked ~ .checkbox  {
	background:#7cb644;
	border-color:#7cb644;
}

.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox input:checked ~ label:before {
    background: url(../images/check.png) center center no-repeat #7cb644;
    background-size: 14px;
}

form .form-group.checkbox label input:checked ~ .checkbox:before,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox input:checked ~ label:before  {
 	opacity:1;
}

form .form-group.checkbox label input,
form .form-group.radio label input {
  display: none;
}

form .form-group .help-block {
  float: left;
  width: 100%;
  height: auto;
}

form .form-group .help-block {
  float: left;
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
  font-size: 14px;
  font-weight: 500;
  color: #ff2b2b;
  line-height: 12px;
  display: none;
}

form .form-group.has-error .help-block {
  display:block;
}



form .form-group .invalid-feedback {
    color: #fe3e3e;
    clear: both;
    float: left;
    font-size: 12px;
    font-weight: 500;
    line-height: 10px;
    margin-top: 0px;
}

form .form-group.file .invalid-feedback {
    margin-left: -50px;
    margin-top: 15px;
}

form .form-group span.help {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
}

/* end form stuff */

/* standard styling */

header {
    position: relative;
    top: 0px;
    left: 0px;
    height: auto;
    width: 100%;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(84, 81, 88, 0.17);
    -moz-box-shadow: 0px 0px 13px 1px rgba(84, 81, 88, 0.17);
    box-shadow: 0px 0px 13px 1px rgba(84, 81, 88, 0.17);
    background: #ffffff;
    padding: 0px !important;
    z-index: 99;
    margin-bottom: 55px;
}

header.fixed {
  height: 80px;
  padding: 15px 0;
}

header .book-job,
.main-nav .start-day {
    margin-top: 8px;
}

header .top-nav {
    border-bottom: 1px solid #e2e0e0;
    float: left;
    width: 100%;
    height: 50px;
    padding: 0 15px;
}

header .top-nav span.user {
    float: left;
    font-size: 13px;
    display: block;
    line-height: 12px;
    margin-top: 19px;
}

header .top-nav .user-bar {
    float: right;
    height: 25px;
    display: block;
    margin-top: 12px;
}

header .top-nav .user-bar a.meta {
    float: left;
    width: auto;
    height: auto;
    position: relative;
    margin-left: 20px;
}

header .top-nav .user-bar a.meta.btn-link {
    font-size: 12px;
    margin-top: 4px;
}

header .top-nav .user-bar a.meta img {
    width: auto;
    height: auto;
    opacity: 1;
    float: left;
}

header .top-nav .user-bar a.meta:hover img {
	opacity:0.6;
}

header .top-nav .user-bar a.meta .badge {
    position: absolute;
    width: 16px;
    height: 16px;
    display: block;
    background: #d30723;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    font-weight: 900;
    color: #ffffff;
    right: -7px;
    top: -3px;
    padding: 3px 0 0 1px;
}

header .main-nav {
    clear: both;
    float: left;
    width: 100%;
    padding: 25px 15px;
    height: 110px;
}

header a.logo-main {
  float: left;
  width: 100%;
  height: 60px;
  display: block;
  opacity:1;
}

header a.logo-main img {
  float: left;
  height: 100%;
  display: block;
  width: auto;
}

header a.logo-main:hover {
  opacity:0.6;
}

header .breadcrumbs {
    float: left;
    width: 100%;
    background: #535057;
}

header .breadcrumbs ol.breadcrumb {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin: 0px;
    padding: 0px;
    background: none;
    height: 50px;
    padding: 17px 0;
    font-size: 14px;
    text-transform: uppercase;
}

header .breadcrumbs ol.breadcrumb li {
    float: left;
    width: auto;
    display: block;
    position: relative;
    color: #dbd8e0;
    padding: 0px;
}

header .breadcrumbs ol.breadcrumb li:before {
    content: "\f105";
    float: right;
    display: block;
    color: #dbd8e0;
    padding: 0px;
    width: 46px;
    text-align: center;
    margin: 1px 0 0 0;
}

header .breadcrumbs ol.breadcrumb li:last-of-type:before {
	display:none;
}

header .breadcrumbs ol.breadcrumb li a {
	color:#dbd8e0;
}

header .breadcrumbs ol.breadcrumb li a:hover {
	color:#ffffff;
	text-decoration:underline !important;
}

header .breadcrumbs ol.breadcrumb li:last-of-type {
    font-weight: 600;
    color: #ffffff;
}

footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    background: #312d37;
    background: -moz-linear-gradient(left, #312d37 0%, #535057 100%);
    background: -webkit-linear-gradient(left, #312d37 0%,#535057 100%);
    background: linear-gradient(to right, #312d37 0%,#535057 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d37', endColorstr='#535057',GradientType=1 );
}

footer .vertical {
    top: 48%;
}

footer p {
    margin: 0px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 300;
    line-height: 11px;
    opacity: 0.5;
}

footer p span {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 12px;
}

footer a {
    float: right;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    margin-left: 13px;
    line-height: 11px;
}

footer a:hover {
  color:#e5002d;
}


header nav ul.navbar-nav {
    float: left;
    display: block;
    list-style-type: none;
    margin: 14px 0 0 0;
    padding: 0px;
    width: 100%;
}

header nav ul.navbar-nav li.nav-item {
    float: left;
    margin-right: 20px;
    display: block;
    position: relative;
}

header nav ul.navbar-nav li.nav-item a {
    float: left;
    width: 100%;
    padding: 0px;
    height: auto;
    display: block;
    padding: 0px;
    position: relative;
    font-size: 16px;
    color: #ababac;
    font-weight: 600;
    padding-left: 40px;
    font-family: 'Saira Semi Condensed', sans-serif;
}

header nav ul.navbar-nav li.nav-item a.disabled {
    opacity: 0.5;
}

header nav ul.navbar-nav li.nav-item a:before {
	position:absolute;
	left:0px;
	top:0px;
	width:25px;
	height:25px;
	display:block;
	content:"";
}

header nav ul.navbar-nav li.nav-item a.jobs:before {
	background:url(../images/jobs-grey.png) center center no-repeat;
	background-size:contain;
}

header nav ul.navbar-nav li.nav-item a.settings:before {
	background:url(../images/settings-grey.png) center center no-repeat;
	background-size:contain;
}

header nav ul.navbar-nav li.nav-item a.inventory:before {
	background:url(../images/inventory-grey.png) center center no-repeat;
	background-size:contain;
}

header nav ul.navbar-nav li.nav-item a.library:before {
	background:url(../images/library-grey.png) center center no-repeat;
	background-size:contain;
}

header nav ul.navbar-nav li.nav-item a.ppe:before {
	background:url(../images/ppe-grey.png) center center no-repeat;
	background-size:contain;
}

header nav ul.navbar-nav li.nav-item a.profile:before {
	background:url(../images/profile-grey.png) center center no-repeat;
	background-size:contain;
}

header nav ul.navbar-nav li.nav-item a.logout:before {
	background:url(../images/logout.png) center center no-repeat;
	background-size:contain;
}

header nav ul.navbar-nav li.nav-item a.dropdown-toggle {
  padding-right: 20px;
}

header nav ul.navbar-nav li.nav-item a.dropdown-toggle:after {
    content: "\f107";
    position: absolute;
    font-size: 13px;
    right: 0px;
    top: 6px;
    margin: 0px;
    border: none;
    color: #ababac;
}

header nav ul.navbar-nav li.nav-item a:hover,
header nav ul.navbar-nav li.nav-item a:hover:after {
  color: #312d37;
}

header nav ul.navbar-nav li.nav-item.show a,
header nav ul.navbar-nav li.nav-item.show a:after  {
  color:#312d37;
  content:"\f106";
}

header nav ul.navbar-nav li.nav-item .dropdown-menu,
header ul.user-navbar li ul.dropdown-menu,
header .top-nav .dropdown-secondary {
    position: absolute;
    left: 0px;
    width: auto;
    -webkit-box-shadow: 0px 0px 16px 1px rgba(84, 81, 88, 0.35);
    -moz-box-shadow: 0px 0px 16px 1px rgba(84, 81, 88, 0.35);
    box-shadow: 0px 0px 16px 1px rgba(84, 81, 88, 0.35);
    border: none;
    background: #ffffff;
    border-radius: 0px;
    top: 50px !important;
    padding: 12px 0;
    left: 0px !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    padding: 0px 0;
    transform: translate3d(0px, 0px, 0px) !important;
    margin: 0px;
}

header.fixed nav ul.navbar-nav li.nav-item .dropdown-menu {
  top: 50px;
}

header .top-nav .dropdown-secondary {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    left: initial !important;
    right: 0px !important;
    top: 49px !important;
}

header nav ul.navbar-nav li.nav-item .dropdown-menu.show, header ul.user-navbar li ul.dropdown-menu.show,
header .top-nav .dropdown-secondary.show {
  opacity: 1;
  height: auto;
  padding: 0px 0;
  overflow: visible;
}

header nav ul.navbar-nav li.nav-item .dropdown-menu:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  top: -22px;
}

header nav ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item, header ul.user-navbar li ul.dropdown-menu a.dropdown-item {
    padding: 15px 20px;
    float: left;
    display: block;
    white-space: nowrap;
    color: #6d6973;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px solid #e2e0e0;
    height: 50px;
    background: #ffffff;
    font-size: 16px;
}

header nav ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item:hover,
header ul.user-navbar li ul.dropdown-menu a.dropdown-item:hover {
	color:#e5002d;
}

header nav ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item:before,
header nav ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item:after {
	display:none;
}

header .top-nav .dropdown-secondary ul {
    float: left;
    width: 100%;
    display: block;
    padding: 0px;
    list-style-type: none;
    margin: 0px;
}

header .top-nav .dropdown-secondary ul li {
    clear: both;
    float: left;
    width: 100%;
    display: block;
}

header .top-nav .dropdown-secondary ul li a {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    padding: 20px 20px;
    background: #ffffff;
    border-bottom: 1px solid #e2e0e0;
    padding-right: 110px;
}

header .top-nav .dropdown-secondary ul li a:hover {
    background: #eeeeee;
}

header .top-nav .dropdown-secondary ul li a h5 {
    width: auto;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #312d37;
    line-height: 1.1;
    margin: -1px 0 16px 0;
}

header .top-nav .dropdown-secondary ul li a span {
    position: absolute;
    right: 20px;
    top: 21px;
    font-size: 12px;
    font-weight: 500;
    line-height: 0.8;
    color: #8c8c8c;
}

header .top-nav .dropdown-secondary ul li a small {
    clear: both;
    float: left;
    font-size: 14px;
    line-height: 0.8;
    color: #6d6973;
}

header .top-nav .dropdown-secondary ul li a button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    border: none;
    background: #d30723;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    padding: 0px 0 0 1px;
    border-radius: 50%;
    line-height: 0.3;
	opacity:1;
}

header .top-nav .dropdown-secondary ul li a button:hover {
	opacity:0.6;
}

header .top-nav .dropdown-secondary a.btn-link {
    clear: both;
    display: block;
    padding: 20px 20px;
    line-height: 0.8;
    color: #d7203a;
	opacity:1;
}

header .top-nav .dropdown-secondary a.btn-link:hover {
	opacity:0.6;
}

header nav {
    float: left;
    width: 105%;
    height: auto;
    display: block;
    margin: 3px 0 0 12px;
}

.main-container .panel-container {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
}
.main-container .panel-container .title-block {
  float: left;
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 50px;
}

.main-container .panel-container .title-block h1 {
  float: left;
  font-size: 28px;
  font-weight: 100;
  color: #1f2724;
  margin: 0px;
  line-height: 22px;
}

.main-container .panel-container .title-block .breadcrumb {
  float: right;
  width: auto;
  padding: 0px;
  background: none;
  color: #75837d;
  font-family: 'Uniform';
  font-weight: 600;
  font-size: 12px;
  margin: 3px 0 0 0;
  line-height: 12px;
}

.main-container .panel-container .title-block .breadcrumb li {
  float: left;
  width: auto;
  display: block;
  position: relative;
  padding-right: 40px;
  padding-left: 0px;
}

.main-container .panel-container .title-block .breadcrumb li:before {
  display:none;
}

.main-container .panel-container .title-block .breadcrumb li:after {
  content: "/";
  font-family: 'Uniform';
  font-size: 10px;
  position: absolute;
  right: 19px;
  font-weight: 700;
  color: #75837d;
}

.main-container .panel-container .title-block .breadcrumb li a {
  color: #75837d;
}

.main-container .panel-container .title-block .breadcrumb li a:hover {
  color: #04a35b;
}

.main-container .panel-container .title-block .breadcrumb li.active {
  color: #00693c;
  padding-right: 0px;
}

.main-container .panel-container .title-block .breadcrumb li.active:after {
  display:none;
}

.modal .modal-dialog .modal-content .modal-body .job-visit-modal_register {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.main-container .panel-container table,
.modal .modal-dialog .modal-content .modal-body table {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 60px;
	margin-top:0px !important;
}

.main-container .panel-container table.dataTable {
    margin-bottom: 30px !important;
}

.main-container .panel-container table.table {
}


.main-container .panel-container table.table thead,
.modal .modal-dialog .modal-content .modal-body thead {
}

.main-container .panel-container table.table thead tr th
, .dataTables_wrapper .dataTables_info,
 .dataTables_wrapper .dataTables_length label,
.main-container .panel-container table.dataTable thead tr th,
.modal .modal-dialog .modal-content .modal-body thead tr th,
.main-container .panel-container table.table tbody tr.thead th  {
    border: none;
    border-bottom: none;
    color: #6d6973;
    padding: 0px;
    text-transform: capitalize;
    font-size: 13px;
    padding-bottom: 15px;
    line-height: 10px;
    box-sizing: border-box;
    height: 26px;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight: 700;
    padding-left: 8px;
    vertical-align: top;
    border-bottom: 1px solid #cfcdcd;
}

.main-container .panel-container table.table thead tr th:first-of-type,
.main-container .panel-container table.dataTable thead tr th:first-of-type
.modal .modal-dialog .modal-content .modal-body thead tr th:first-of-type,
.main-container .panel-container table.table tbody tr.thead th:first-of-type {
	padding-left:16px;
}

.main-container .panel-container table.dataTable thead tr th {
    padding-left: 22px !important;
}

.main-container .panel-container table.dataTable thead tr th[aria-label="Budget Code: activate to sort column ascending"] {
    white-space: nowrap;
}

.main-container .panel-container table.dataTable thead tr th:first-of-type {
    padding-left: 30px !important;
}

.main-container .panel-container table.dataTable thead tr th.sorting_disabled,
.main-container .panel-container table.dataTable thead tr th.sorting_disabled {
    padding-left: 8px !important;
}

.main-container .panel-container table.table thead tr th.sorting_asc,
.main-container .panel-container table.table thead tr th.sorting_desc,
.main-container .panel-container table.table thead tr th.sorting,
.main-container .panel-container table.dataTable thead tr th.sorting_asc,
.main-container .panel-container table.dataTable thead tr th.sorting_desc,
.main-container .panel-container table.dataTable thead tr th.sorting {
  background: none;
  position: relative;
}

.main-container .panel-container table.table thead tr th:before,
.main-container .panel-container table.dataTable thead tr th:before {
	display:none;
}

.main-container .panel-container table.table thead tr th.sorting_asc:after,
.main-container .panel-container table.table thead tr th.sorting_desc:after,
.main-container .panel-container table.table thead tr th.sorting:after,
.main-container .panel-container table.dataTable thead tr th.sorting_asc:after,
.main-container .panel-container table.dataTable thead tr th.sorting_desc:after,
.main-container .panel-container table.dataTable thead tr th.sorting:after {
    position: absolute;
    content: "";
    color: #aba3b6;
    font-weight: 100;
    right: initial;
    left: 7px;
    top: 0px;
}

.main-container .panel-container table.table thead tr th.sorting_asc:first-of-type:after,
.main-container .panel-container table.table thead tr th.sorting_desc:first-of-type:after,
.main-container .panel-container table.table thead tr th.sorting:first-of-type:after,
.main-container .panel-container table.dataTable thead tr th.sorting_asc:first-of-type:after,
.main-container .panel-container table.dataTable thead tr th.sorting_desc:first-of-type:after,
.main-container .panel-container table.dataTable thead tr th.sorting:first-of-type:after {
    left: 14px;
}

.main-container .panel-container table.table tfoot
.modal .modal-dialog .modal-content .modal-body table.table tfoot {
  display: table-row-group;
}

.main-container .panel-container table.table thead tr th:last-of-type:after,
.modal .modal-dialog .modal-content .modal-body table thead tr th:last-of-type:after {
  right:0px;
}

.main-container .panel-container table.table thead tr th.sorting_asc:before {
	display:none;
}

.main-container .panel-container table.table thead tr th.sorting_asc:after,
.main-container .panel-container table.dataTable thead tr th.sorting_asc:after {
    content: "\f0de";
    top: 3px;
    color: #6d6973;
    opacity: 1;
}

.main-container .panel-container table.table thead tr th.sorting_desc:after,
.main-container .panel-container table.dataTable thead tr th.sorting_desc:after {
  content: "\f0dd";
  top: -3px;
  color: #6d6973;
  opacity: 1;
}

.main-container .panel-container table.table thead tr th.sorting:after,
.main-container .panel-container table.dataTable thead tr th.sorting:after {
    content: "\f0dc";
    opacity: 1;
    top: 0px;
}

.main-container .panel-container table.table tbody  tr,
.modal .modal-dialog .modal-content .modal-body table tbody tr {
  background:none;
}

.main-container .panel-container table.table tbody tr td,
.main-container .panel-container table.dataTable tbody tr td,
.modal .modal-dialog .modal-content .modal-body table tbody tr td {
    height: 64px;
    border-bottom: 1px solid #cfcdcd;
    vertical-align: middle;
    padding: 6px 6px;
    font-size: 15px;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #6d6973;
}

.main-container .panel-container table.table tbody tr td:first-of-type,
.main-container .panel-container table.dataTable tbody tr td:first-of-type,
.modal .modal-dialog .modal-content .modal-body table tbody tr td:first-of-type  {
	border-left: 1px solid #cfcdcd;
	padding-left:16px;
}

.main-container .panel-container table.table tbody tr td:last-of-type,
.main-container .panel-container table.dataTable tbody tr td:last-of-type,
.modal .modal-dialog .modal-content .modal-body table tbody tr td:last-of-type {
	border-right: 1px solid #cfcdcd;
	padding-right:16px;
}

.main-container .panel-container table.table tbody tr td img {
    width: auto;
    height: auto;
    max-width: 60px;
    max-height: 60px;
    display: inline-block;
    margin-right: 15px;
    border: none;
    border-radius: 0px !important;
    padding: 0px;
    background: #eef0f0;
}

.main-container .panel-container table.table tbody tr td a:not(.no-icon),
.modal .modal-dialog .modal-content .modal-body table tbody tr td a {
    font-weight: 700;
    text-decoration: underline !important;
    color: #545158;
}

.main-container .panel-container table.table tbody  tr td a:hover,
.modal .modal-dialog .modal-content .modal-body table tbody tr td a:hover {
  text-decoration: underline;
  color:#d8213b;
}

.main-container .panel-container table.table tbody  tr td form,
.modal .modal-dialog .modal-content .modal-body table tbody tr td form {
  float: right;
  width: auto;
  display: block;
}

.main-container .panel-container .commercial-blocks table {
    margin: 0px;
}

.main-container .panel-container .commercial-blocks table thead tr th,
.main-container .panel-container #commercials-total-costs table thead th,
.main-container .panel-container table.table tbody tr.thead th {
    color: #6d6973;
    font-weight: 800;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding-bottom: 15px;
    border: none;
}

.main-container .panel-container .commercial-blocks table tbody tr td,
.main-container .panel-container #commercials-total-costs table tbody tr th,
.main-container .panel-container #commercials-total-costs table tbody tr td {
    border: none !important;
    height: 45px;
    padding-top: 0px;
    padding-bottom: 14px;
}

.main-container .panel-container .commercial-blocks table tbody tr:last-of-type td {
	padding-bottom:30px;
}

.main-container .panel-container .commercial-blocks table tbody tr td span.order-uid {
    position: absolute;
}

.main-container .panel-container .commercial-blocks table tbody tr td span.checkbox {
    float: left;
    display: block;
    width: auto;
    margin: 13px 0 0 0;
    min-width: 30px;
}

.main-container .panel-container .commercial-blocks table tbody tr td span.filepond--download-icon {
    width: 15px;
    margin: 0 0.5em 0 0;
}

.main-container .panel-container .commercial-blocks table tbody tr td .form-group {
    margin: 0px;
    float: left;
}

.main-container .panel-container .commercial-blocks table tbody tr td .form-group input:not([type="file"]) {
    width: 100%;
}

.main-container .panel-container .commercial-blocks table#labourCommercialsTable tbody tr td .form-group input[type=number] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 0px;
    text-align: center;
	margin-left:24px;
}

.main-container .panel-container .commercial-blocks table tfoot td,
.main-container .panel-container #commercials-total-costs table tfoot td,
.main-container .panel-container #commercials-total-costs table tfoot th {
    padding: 30px 16px 0;
    font-weight: 800;
    color: #6e6876;
    font-size: 14px;
    border-top: 1px solid #cecece;
    line-height: 0.8;
}

.main-container .panel-container .commercial-blocks table tfoot td:first-of-type,
.main-container .panel-container .commercial-blocks table tbody tr td:first-of-type,
.main-container .panel-container .commercial-blocks table thead tr th:first-of-type,
.main-container .panel-container #commercials-total-costs table thead th:first-of-type,
.main-container .panel-container #commercials-total-costs table tbody tr th {
	padding-left:0px;
}

.main-container .panel-container .commercial-blocks table tfoot td:last-of-type,
.main-container .panel-container .commercial-blocks table tbody tr td:last-of-type,
.main-container .panel-container .commercial-blocks table thead tr th:last-of-type,
.main-container .panel-container #commercials-total-costs table thead th:last-of-type,
.main-container .panel-container #commercials-total-costs table tbody tr td {
    padding-right: 0px;
    text-align: right;
}

.main-container .panel-container .commercial-blocks table tbody tr td:last-of-type span.total-text {
    float: right;
    margin: 0px;
}

.main-container .panel-container .commercial-blocks table tbody tr td a.btn:not(.no-icon), .main-container .panel-container .commercial-blocks table tbody tr td a.btn.btn-danger {
    padding: 13px 0 0 1px;
}

.main-container .panel-container #commercials-total-costs h3 {
    margin-bottom: 30px;
}

.main-container .panel-container #commercials-total-costs table {
}

.main-container .panel-container #commercials-total-costs table thead {
}

.main-container .panel-container #commercials-total-costs table thead tr {
}

.main-container .panel-container #commercials-total-costs table thead th {
    padding-top: 0px;
    padding-bottom: 10px;
}

.main-container .panel-container #commercials-total-costs table tbody tr th,
.main-container .panel-container #commercials-total-costs table tbody tr td,
.main-container .panel-container table.table tbody tr.thead {
    color: #6d6973;
    font-weight: 300;
    padding-bottom: 10px;
}

.main-container .panel-container #commercials-total-costs table tbody tr th,
.main-container .panel-container table.table tbody tr.thead {
    padding-top: 0px;
    vertical-align: middle;
    height: 55px;
    min-height: 55px;
}

.main-container .panel-container #commercials-total-costs table tbody tr:last-of-type th,
.main-container .panel-container #commercials-total-costs table tbody tr:last-of-type td {
    padding-bottom: 30px;
    height: 75px;
}

.main-container .panel-container #commercials-total-costs table tbody tr .form-group {
    width: 130px;
    float: right;
}

.main-container .panel-container #commercials-total-costs table tbody tr .form-group input {
    text-align: right;
}

.main-container .panel-container #commercials-total-costs table tfoot tr td,
.main-container .panel-container #commercials-total-costs table tfoot tr th {
    padding: 20px 0 0 0;
    border: none;
}

.main-container .panel-container #commercials-total-costs table tfoot tr:first-of-type td,
.main-container .panel-container #commercials-total-costs table tfoot tr:first-of-type th {
	border-top: 1px solid #cecece;
	padding-top:30px;
}

.main-container .panel-container #commercials-total-costs .form-group {
    margin: 0px;
    clear: both;
}


.main-container .panel-container #commercials-total-costs .form-group label,
.main-container .panel-container #commercials-total-costs .form-group span.final-cost {
	float: left;
    display: block;
    margin-top: 0px;
    margin-bottom: 15px;
}

.main-container .panel-container #commercials-total-costs .form-group span.final-cost {
	float:right;
	font-weight:600;
}

.main-container .panel-container #commercials-total-costs .form-group textarea.form-control {
    clear: both;
    float: left;
    width: 100%;
    height: 168px;
    display: block;
    margin-top: 0px;
}

.main-container .panel-container #commercials-total-costs .form-group:first-of-type label,
.main-container .panel-container #commercials-total-costs .form-group:first-of-type  span.final-cost {
    margin-top: 0px;
}

.main-container .panel-container table.table tbody tr td a.btn:not(.no-icon), .main-container .panel-container table.table tbody tr td form .btn,
.main-container .panel-container table.dataTable tbody tr td a.btn,
.modal .modal-dialog .modal-content .modal-body table tbody tr td a.btn {
    display: inline-block;
    width: 40px;
    margin: 0px;
    height: 40px;
    border-radius: 50%;
    background: #545158;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    box-shadow: none !important;
    outline: none !important;
    margin-left: 2px;
    text-decoration: none !important;
    min-width: 0px;
    font-weight: normal;
    float: none;
    line-height: normal;
}

.main-container .panel-container table.table tbody  tr td form .btn,
.main-container .panel-container table.dataTable tbody tr td a.btn,
.modal .modal-dialog .modal-content .modal-body table tbody tr td a.btn {
  margin-left: 6px;
}

.main-container .panel-container table.table tbody  tr td a.btn:hover,
.main-container .panel-container table.table tbody  tr td form .btn:hover,
.main-container .panel-container table.dataTable tbody tr td a.btn:hover,
.modal .modal-dialog .modal-content .modal-body table tbody tr td a.btn:hover {
  background:#d8213b;
  color:#ffffff;
}

.main-container .panel-container table.table tbody  tr td a.btn.btn-success,
.main-container .panel-container table.table tbody  tr td form .btn.btn-success,
.modal .modal-dialog .modal-content .modal-body table tbody tr td a.btn.btn-success,
.modal .modal-dialog .modal-content .modal-body table tbody tr td form .btn.btn-success  {
  background: #ffffff;
  border: 2px solid #019a55;
  color: #019a55;
  padding: 4px 0;
}

.main-container .panel-container table.table.resources-table tbody tr td a.btn.btn-success {
    padding: 4px 15px;
    margin-right: 5px;
}

.main-container .panel-container .resources-table tbody tr td a.btn.btn-success,
.modal .modal-dialog .modal-content .modal-body table tbody tr td a.btn.btn-success  {
  width: auto;
  border-radius: 15px;
  padding: 5px 10px;
}

.main-container .panel-container table.table tbody  tr td a.btn.btn-success:hover,
.main-container .panel-container table.table tbody  tr td form .btn.btn-success:hover,
.modal .modal-dialog .modal-content .modal-body table tbody tr td a.btn.btn-success:hover {
  color:#ffffff;
  background:#019a55;
}

.main-container .panel-container table.table tbody tr td a.btn.btn-danger,
.main-container .panel-container table.table tbody tr td form .btn.btn-danger,
.modal .modal-dialog .modal-content .modal-body table tbody tr td a.btn.btn-danger,
.modal .modal-dialog .modal-content .modal-body table tbody tr td form .btn.btn-danger {
    background: #e5002d;
    color: #ffffff;
    padding: 4px 0 0 1px;
}

.main-container .panel-container table.table tbody tr td a.btn.btn-danger i, .main-container .panel-container table.table tbody tr td form .btn.btn-danger i {
}

.main-container .panel-container table.table tbody  tr td form .btn.btn-danger {
  padding: 0px 0 0 1px;
}

.main-container .panel-container table.table tbody tr td a.btn.btn-danger:hover,
.main-container .panel-container table.table tbody tr td form .btn.btn-danger:hover,
.modal .modal-dialog .modal-content .modal-body table tbody tr td a.btn.btn-danger:hover,
.modal .modal-dialog .modal-content .modal-body table tbody tr td form .btn.btn-danger:hover {
    color: #ffffff;
    background: #c10429;
}



.alert-container {
    position: relative;
    z-index: 9999;
    float: left;
    width: 100%;
    display: block;
    margin: 0 0 35px 0;
}

.alert {
    float: left;
    width: 100%;
    display: block;
    min-height: 40px;
    padding: 11px 49px;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 15px;
    border: none;
    border-radius: 50px;
    opacity: 1;
}

.alert h4.alert-heading {
    color: #ffffff;
    margin: 0px;
}

.alert.alert-danger:before,
.alert.alert-danger:after {
    color: #ffffff;
}

body.route_name-login .alert {
	display:none;
}

.alert:hover {
  cursor: pointer;
  opacity: 0.5;
}

.alert:not(.no-close):after {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 12px;
    font-weight: normal;
}

.alert:before {
    font-weight: normal;
    position: absolute;
    top: 12px;
    font-size: 14px;
    left: 20px;
}

.alert.alert-success {
    background: #7cb644;
}

.alert.alert-danger {
  background:#fe3e3e;
}

.alert.alert-success:before {
  content: "\f00c";
}

.alert.alert-danger:before {
  content:"\f071";
}

.alert:not(.no-close):after {
  content: "\f00d";
}

.dataTables_wrapper {
  float: left;
  width: 100%;
  height: auto;
  display: block;
}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length label {
  border: none;
  height: auto;
  padding: 0px;
  color: #1e2421;
}

.dataTables_wrapper .dataTables_length {
  float: left;
  width: auto;
  display: block;
  white-space: nowrap;
  margin: -6px 0 0 20px;
}

.dataTables_wrapper .dataTables_length label {
  margin: 0 0 0 0;
  white-space: nowrap;
  width: 100%;
}

.dataTables_wrapper .dataTables_length .selectize-control {
  float: right;
  clear: none;
  width: 90px;
  margin: -14px 0 0 15px;
}


.dataTables_wrapper .dataTables_length .selectize-control .selectize-dropdown .selectize-dropdown-content {
  max-height: 150px !important;
}

.selectize-control .selectize-input.disabled, .selectize-control .selectize-input.locked {
  opacity: 0.5;
  background-color: #fafafa;
}

.main-container .panel-container .dataTables_wrapper .dataTables_paginate {
    float: right;
    margin: -0px 0 00;
    padding: 0 0 0 0;
}

.main-container .panel-container .dataTables_wrapper .dataTables_paginate ul.pagination {
    float: left;
    width: auto;
    display: block;
    margin: 0px;
}

.main-container .panel-container .dataTables_wrapper .dataTables_paginate ul.pagination li {
    float: left;
    width: auto;
    display: block;
    margin-right: 5px;
}

.dataTables_wrapper .dataTables_info {
    float: left;
    padding-top: 17px !important;
}

.dataTables_wrapper .dt-buttons {
    float: left;
    display: block;
    margin-left: 15px;
}

.main-container .panel-container ul.nav-tabs,
.modal-body ul.nav {
    float: left;
    width: auto;
    height: auto;
    display: block;
    border: none;
    margin-bottom: 50px;
    background: #edecec;
    padding: 6px 7px;
    border-radius: 50px;
}

.modal-body ul.nav {
    margin-bottom: 30px;
}

.main-container .panel-container .commercial-blocks ul.nav-tabs {
    margin-bottom: 40px !important;
    padding: 0px;
    background: none;
}

.main-container .panel-container ul.nav-tabs li,
.modal-body ul.nav li {
    float: left;
    width: auto;
    display: block;
}

.modal-body ul.nav li {
}

.main-container .panel-container .commercial-blocks ul.nav-tabs li {
    margin-right: 15px;
}

.main-container .panel-container .dataTables_wrapper .dataTables_paginate ul.pagination li a, .main-container .panel-container ul.nav-tabs li a, .modal-body ul.nav li a {
    float: left;
    display: block;
    width: auto;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 16px;
    border-radius: 50px;
    padding: 16px 25px;
    line-height: 12px;
    text-align: center;
    height: 45px;
    outline: none !important;
    margin: 0px;
    color: #ffffff !important;
    background: #545158;
    border: none;
}



.main-container .panel-container ul.nav-tabs li a,
.modal-body ul.nav li a {
    height: 34px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #7d7781 !important;
    background: none !important;
    padding: 12px 25px;
}

.main-container .panel-container ul.nav-tabs li a {
	padding: 12px 19px;
}

.modal-body ul.nav li a {
    height: 31px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    padding: 10px 13px;
}

.main-container .panel-container .commercial-blocks ul.nav-tabs li a {
    border: 1px solid #312d37;
    color: #312d37 !important;
    padding: 11px 25px;
	opacity:1;
}

.main-container .panel-container .dataTables_wrapper .dataTables_paginate ul.pagination li a {
    width: 45px;
    padding: 16px 0px;
}

.main-container .panel-container .dataTables_wrapper .dataTables_paginate ul.pagination li.previous a,
.main-container .panel-container .dataTables_wrapper .dataTables_paginate ul.pagination li.next a  {
	width:auto;
    padding: 16px 25px;
}

.main-container .panel-container .dataTables_wrapper .dataTables_paginate ul.pagination li a:hover {
    background: #d8213b;
    color: #ffffff !important;
}

.main-container .panel-container ul.nav-tabs li a:hover {
	color:#312d37 !important;
}

.main-container .panel-container .dataTables_wrapper .dataTables_paginate ul.pagination li.disabled a {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

.main-container .panel-container .commercial-blocks ul.nav-tabs li a:hover,
.modal-body ul.nav li a:hover {
    opacity: 0.6;
}

.main-container .panel-container .dataTables_wrapper .dataTables_paginate ul.pagination li.active a, .main-container .panel-container ul.nav-tabs li a.active, .main-container .panel-container ul.nav-tabs li a.passed, .main-container .panel-container .commercial-blocks ul.nav-tabs li a.active, .modal-body ul.nav li a.active  {
    background: #2c2a2d;
    color: #ffffff !important;
    cursor: default;
    pointer-events: none;
}

.main-container .panel-container ul.nav-tabs li a.active, .main-container .panel-container ul.nav-tabs li a.passed, .main-container .panel-container .commercial-blocks ul.nav-tabs li a.active, .modal-body ul.nav li a.active  {
    background: #312d37 !important;
}


/* login page */

body.route_name-login .main-container {
  margin: 0px;
}

body.template-login,
body.template-verify,
body.template-renew-password,
body.template-password-reset,
body.reset-password,
body.template-register {
  padding: 0px;
  height: 100vh;
  background:url(../images/login-screen.jpg) center center no-repeat;
  background-size:cover;
}

.login-form-container {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 380px;
    background: #ffffff;
    padding: 60px;
    -webkit-box-shadow: 0px 0px 16px 1px rgba(84, 81, 88, 0.36);
    -moz-box-shadow: 0px 0px 16px 1px rgba(84, 81, 88, 0.36);
    box-shadow: 0px 0px 16px 1px rgba(84, 81, 88, 0.36);
}

.login-page-container .panel-container, .login-page-container .panel-container .title-block {
  display: none;
}

.login-form-container .login-form-inner {
  float: left;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.login-form-container .login-form-inner h3,
.page-blocked-overlay .overlay-inner h3 {
    clear: both;
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #312d37;
    line-height: 15px;
    padding-left: 10px;
}

.login-form-container .login-form-inner .logo-container {
    float: left;
    width: 100%;
    display: block;
    height: 60px;
    margin-bottom: 90px;
}

.login-form-container .login-form-inner .logo-container img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  float: left;
  display: block;
}

.login-form-container .login-form-inner .form-container-inner {
  float: left;
  width: 100%;
  height: auto;
  display: block;
}

.login-form-container .login-form-inner a.btn.btn-link {
    margin-top: 20px;
}

.system-meta {
    z-index: 10;
    right: 60px;
    bottom: 60px;
    position: fixed;
    width: auto;
}

.system-meta h1 {
    float: left;
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 50px;
    margin-bottom: 20px;
    line-height: 35px;
    text-align: right;
}

.system-meta p {
    clear: both;
    width: auto;
    text-align: right;
    float: right;
    font-size: 30px;
    color: #ffffff;
    line-height: 26px;
    margin-bottom: 58px;
}

.system-meta ul {
    clear: both;
    float: right;
    list-style-type: none;
    display: block;
    margin: 0px;
    padding: 0px;
}

.system-meta ul li {
    float: left;
    width: auto;
    margin-right: 30px;
}

.system-meta ul li a {
    font-weight: 900;
    color: #ffffff;
    font-size: 14px;
    line-height: 13px;
    float: left;
    opacity: 1;
}

.system-meta  ul li a:hover {
	opacity:0.6;
}

body.template-login footer,
body.template-verify footer,
body.template-password-reset footer,
body.reset-password footer,
body.template-login header,
body.template-verify header,
body.template-password-reset header,
body.reset-password header,
body.template-register footer,
body.template-register header
 {
    display: none;
}

.login-form-container.register .login-form-inner .logo-container {
    margin-bottom: 40px;
}

@media screen and ( min-height: 700px ) {

  .login-form-container .login-form-inner .logo-container {
    margin-bottom: 135px;
  }


.login-form-container.register .login-form-inner .logo-container {
    margin-bottom: 135px;
}
}

/* standard layout stuff */

.main-container .panel-container h4,
.modal .modal-dialog .modal-content .modal-body h4 {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #312d37;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 40px;
    line-height: 11px;
}

.modal .modal-dialog .modal-content .modal-body h4 {
    margin-bottom: 25px;
}

.main-container .panel-container h3,
.notes.job-visit-notes legend {
    float: left;
    width: auto;
    height: auto;
    display: block;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 500;
    color: #312d37;
    line-height: 15px;
}

.main-container .panel-container ul.job-tracker {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin: 0px 0 30px;
    list-style-type: none;
    padding: 0px;
}

.main-container .panel-container ul.job-tracker li {
    float: left;
    width: 25%;
    padding: 0 15px;
    margin-bottom: 25px !important;
}

.main-container .panel-container ul.job-tracker li .label {
    float: left;
    width: 100%;
    height: 50px;
    display: block;
    position: relative;
    padding-left: 80px;
    border: 1px solid #cfcdcd;
    border-radius: 50px;
    opacity: 1;
    overflow: hidden;
}

.main-container .panel-container ul.job-tracker li .label:hover {
	cursor:pointer;
}



.main-container .panel-container ul.job-tracker li .label span {
    position: absolute;
    left: 0px;
    height: 50px;
    width: 65px;
    background: #d2d2d2;
    border-radius: 50px;
    left: -1px;
    text-align: center;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 14px;
    padding: 16px 0;
    border: 1px solid #d2d2d2;
    top: -1px;
    z-index: 3;
    color: #ffffff;
}
.main-container .panel-container ul.job-tracker li .label:hover span,
.main-container .panel-container ul.job-tracker li .label input:checked ~ span {
	background:#ffffff;
}

.main-container .panel-container ul.job-tracker li .label u {
    content: "";
    width: 0%;
    height: 50px;
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 2;
    background: #d2d2d2;
    display: block;
    position: absolute;
}

.main-container .panel-container ul.job-tracker li .label:hover u,
.main-container .panel-container ul.job-tracker li .label input:checked ~ u{
	width:100%;
	opacity:1;
}


.main-container .panel-container ul.job-tracker li.filter-due_soon span,
.main-container .panel-container ul.job-tracker li.filter-warranty_expiring_soon span,
.main-container .panel-container ul.job-tracker li.filter-to_be_arranged span,
.main-container .panel-container ul.job-tracker li.filter-due_soon .label u,
.main-container .panel-container ul.job-tracker li.filter-warranty_expiring_soon .label u,
.main-container .panel-container ul.job-tracker li.filter-to_be_arranged .label u {
    background: #ea8d2d;
    border-color: #ea8d2d;
}

.main-container .panel-container ul.job-tracker li.filter-due_soon .label:hover,
.main-container .panel-container ul.job-tracker li.filter-warranty_expiring_soon .label:hover,
.main-container .panel-container ul.job-tracker li.filter-to_be_arranged .label:hover {
   border-color: #ea8d2d;
}

.main-container .panel-container ul.job-tracker li.filter-due_soon .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-warranty_expiring_soon .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-to_be_arranged .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-due_soon .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-warranty_expiring_soon .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-to_be_arranged .label input:checked ~ span  {
	color:#ea8d2d;
}

.main-container .panel-container ul.job-tracker li.filter-all_assets span,
.main-container .panel-container ul.job-tracker li.filter-awaiting_nrw_approval span,
.main-container .panel-container ul.job-tracker li.filter-job_closed span,
.main-container .panel-container ul.job-tracker li.filter-all_assets .label u,
.main-container .panel-container ul.job-tracker li.filter-awaiting_nrw_approval .label u,
.main-container .panel-container ul.job-tracker li.filter-job_closed .label u {
    color: #7d7781;
    background: #d2d2d2;
}

.main-container .panel-container ul.job-tracker li.filter-all_assets .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-awaiting_nrw_approval .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-job_closed .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-all_assets .label:hover b.title ,
.main-container .panel-container ul.job-tracker li.filter-awaiting_nrw_approval .label:hover b.title ,
.main-container .panel-container ul.job-tracker li.filter-job_closed .label:hover b.title,
.main-container .panel-container ul.job-tracker li.filter-all_assets .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-awaiting_nrw_approval .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-all_assets .label input:checked ~  b.title ,
.main-container .panel-container ul.job-tracker li.filter-awaiting_nrw_approval .label input:checked ~  b.title ,
.main-container .panel-container ul.job-tracker li.filter-job_closed .label input:checked ~ b.title {
    color: #2c2a2d;
}

.main-container .panel-container ul.job-tracker li.filter-assets_overdue span,
.main-container .panel-container ul.job-tracker li.filter-project_pending span,
.main-container .panel-container ul.job-tracker li.filter-assets_overdue .label u,
.main-container .panel-container ul.job-tracker li.filter-project_pending .label u {
    background: #e6002e;
    border-color: #e6002e;
}

.main-container .panel-container ul.job-tracker li.filter-assets_overdue .label:hover,
.main-container .panel-container ul.job-tracker li.filter-project_pending .label:hover {
   border-color: #e6002e;
}

.main-container .panel-container ul.job-tracker li.filter-assets_overdue .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-project_pending .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-assets_overdue .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-project_pending .label input:checked ~ span {
	color:#e6002e;
}

.main-container .panel-container ul.job-tracker li.filter-works_scheduled span,
.main-container .panel-container ul.job-tracker li.filter-works_in_progress span,
.main-container .panel-container ul.job-tracker li.filter-works_complete span,
.main-container .panel-container ul.job-tracker li.filter-works_scheduled .label u,
.main-container .panel-container ul.job-tracker li.filter-works_in_progress .label u,
.main-container .panel-container ul.job-tracker li.filter-works_complete .label u {
    background: #7cb645;
    border-color: #7cb645;
}

.main-container .panel-container ul.job-tracker li.filter-works_scheduled .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-works_in_progress .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-works_complete .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-works_scheduled .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-works_in_progress .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-works_complete .label input:checked ~ span {
	color:#7cb645;
}

.main-container .panel-container ul.job-tracker li.filter-works_scheduled .label:hover,
.main-container .panel-container ul.job-tracker li.filter-works_in_progress .label:hover,
.main-container .panel-container ul.job-tracker li.filter-works_complete .label:hover {
   border-color: #7cb645;
}

.main-container .panel-container ul.job-tracker li.filter-maintenance_due span,
.main-container .panel-container ul.job-tracker li.filter-commercial_pending span,
.main-container .panel-container ul.job-tracker li.filter-citadel span,
.main-container .panel-container ul.job-tracker li.filter-final_accounts span,
.main-container .panel-container ul.job-tracker li.filter-final_approval span,
.main-container .panel-container ul.job-tracker li.filter-application_pending span,
.main-container .panel-container ul.job-tracker li.filter-maintenance_due .label u,
.main-container .panel-container ul.job-tracker li.filter-commercial_pending .label u,
.main-container .panel-container ul.job-tracker li.filter-citadel .label u,
.main-container .panel-container ul.job-tracker li.filter-final_accounts .label u,
.main-container .panel-container ul.job-tracker li.filter-final_approval .label u,
.main-container .panel-container ul.job-tracker li.filter-application_pending .label u  {
    background: #0bb5d9;
    border-color: #0bb5d9;
}

.main-container .panel-container ul.job-tracker li.filter-maintenance_due .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-commercial_pending .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-citadel .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-final_accounts .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-final_approval .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-application_pending .label:hover span,
.main-container .panel-container ul.job-tracker li.filter-maintenance_due .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-commercial_pending .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-citadel .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-final_accounts .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-final_approval .label input:checked ~ span,
.main-container .panel-container ul.job-tracker li.filter-application_pending .label input:checked ~ span {
	color:#0bb5d9;
}

.main-container .panel-container ul.job-tracker li.filter-maintenance_due .label:hover,
.main-container .panel-container ul.job-tracker li.filter-commercial_pending .label:hover,
.main-container .panel-container ul.job-tracker li.filter-citadel .label:hover,
.main-container .panel-container ul.job-tracker li.filter-final_accounts .label:hover,
.main-container .panel-container ul.job-tracker li.filter-final_approval .label:hover,
.main-container .panel-container ul.job-tracker li.filter-application_pending .label:hover {
   border-color: #0bb5d9;
}

.main-container .panel-container ul.job-tracker li .label b.title {
    float: left;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 10px;
    padding: 19px 0;
	color:#312d37;
	position:relative;
	z-index:3;
}

.main-container .panel-container ul.job-tracker li .label:hover b.title,
.main-container .panel-container ul.job-tracker li .label input:checked ~ b.title {
	color:#ffffff;
}

.job-status-badge {
    padding: 10px;
    border: 1px solid #d2d2d2;
    background-color: #d2d2d2;
    text-align: center;
    margin-bottom: 18px;
}

.dash-alerts {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.dash-alerts .dash-alert-inner {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    border: 2px solid #cfcdcd;
    border-radius: 15px;
    padding: 30px;
	margin-bottom:30px;
}

.dash-alerts .dash-alert-inner h3 {
    height: 35px;
    padding-left: 55px;
    padding-top: 11px;
    margin-bottom: 25px;
    position: relative;
}

.dash-alerts .dash-alert-inner h3:before {
    content: "\f075";
    color: #7d7781;
    position: absolute;
    left: 0px;
    top: 9px;
    font-size: 34px;
}

.dash-alerts .dash-alert-inner p:first-of-type {
    margin-top: -8px;
}

.dash-alerts .dash-alert-inner p:last-of-type {
    margin-bottom: -7px;
}

.dash-alerts .dash-alert-inner.yellow {
	border-color:#ea8d2d;
}

.dash-alerts .dash-alert-inner.yellow h3 {
	color:#ea8d2d;
}

.dash-alerts .dash-alert-inner.yellow h3:before {
	content:"\f06a";
	color:#ea8d2d;
}

.dash-alerts .dash-alert-inner.red {
	border-color:#e5002d;
}

.dash-alerts .dash-alert-inner.red h3 {
	color:#e5002d;
}

.dash-alerts .dash-alert-inner.red h3:before {
	content:"\f071";
	color:#e5002d;
}


/* Dialog windows */

/* widget overlays */
.ui-widget-overlay,
.modal-backdrop,
.modal-backdrop.show,
.dg-backdrop {
    background: #312d37;
    opacity: 0.6;
}

.ui-dialog.ui-widget, .modal .modal-dialog,
.dg-main-content {
    border: none;
    padding: 30px;
    border-radius: 0px;
    background: #ffffff;
    border-color: transparent;
    -webkit-box-shadow: 0px 0px 16px 1px rgba(49, 45, 55, 0.36);
    -moz-box-shadow: 0px 0px 16px 1px rgba(49, 45, 55, 0.36);
    box-shadow: 0px 0px 16px 1px rgba(49, 45, 55, 0.36);
    border-radius: 10px;
}

.dg-main-content {
    display: block;
}

.dg-main-content .dg-view-wrapper,
.dg-main-content .dg-view-wrapper .dg-content-footer,
.dg-main-content .dg-view-wrapper .dg-content-body {
    width: 100%;
    clear: both;
    display: block;
}

.dg-main-content .dg-view-wrapper .dg-content-body {
    float: left;
    padding: 0pc;
    border: none;
}

.dg-main-content .dg-view-wrapper .dg-content-footer {
    padding: 0px;
}

.ui-dialog.ui-widget {
    position: fixed !important;
    top: 50px !important;
}

.ui-dialog .ui-dialog-titlebar span i.fa {
    display: none;
}

.modal .modal-dialog {
    max-width: 600px;
    margin: 60px auto;
}

.modal .modal-dialog .modal-content {
    border: none;
}

.ui-dialog .ui-dialog-titlebar {
    cursor: default;
    pointer-events: none;
    float: left;
    width: 100%;
    display: block;
    padding: 0px;
    border: none;
    background: none;
    margin-bottom: 30px;
    overflow: visible;
}

.modal .modal-dialog .modal-header {
    border: none;
    padding: 0px;
    display: block;
    float: left;
    width: 100%;
    background: none;
    padding: 0px;
}

.modal .modal-dialog .modal-header strong.modal-title, .signature-register_container strong.modal-title,
.modal .modal-dialog .modal-content .modal-body .resources-list h3,
.modal .modal-dialog .modal-content .modal-body h3,
.dg-main-content .dg-view-wrapper .dg-content-body .dg-content,
.permit-authorisation h5 {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 500;
    color: #312d37;
    line-height: 15px;
    font-family: 'Saira Semi Condensed', sans-serif;
}

.dg-main-content .dg-view-wrapper .dg-content-body .dg-content {
    text-align: center;
    line-height: 1.3;
    padding: 0 20px;
    margin: -6px 0 27px 0px;
}

.ui-dialog .ui-dialog-titlebar span, .modal .modal-dialog .modal-header h5 {
    font-weight: 500;
    color: #312d37;
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 15px;
    margin: 0px 0 0 0;
    text-align: center;
    text-transform: capitalize;
    overflow: visible;
    font-family: 'Saira Semi Condensed', sans-serif;
}

.modal .modal-dialog .modal-header h5 {
    text-align: left;
    margin-bottom: 25px;
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 0px;
}

.ui-dialog .ui-dialog-titlebar button,
.modal .modal-dialog .modal-header button:not([data-dismiss="modal"]) {
    display: none;
}

.ui-dialog .ui-dialog-content {
    float: left;
    width: 100% !important;
    display: block;
    padding: 0px;
    margin: -0px 0 5px 0;
    overflow: visible;
}

.ui-dialog .ui-dialog-content p {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #6d6973;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    margin: -9px 0 -14px 0;
}

.ui-dialog .ui-dialog-content textarea {
    float: left;
    width: 100%;
    resize: none;
    margin: 5px 0 5px 0;
    height: 150px;
}

.ui-dialog .ui-dialog-content .ui-icon {
    display: none;
}

.ui-dialog .ui-dialog-buttonpane {
    clear: both;
    float: left;
    border: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    margin-top: 25px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button,
.dg-main-content .dg-view-wrapper .dg-content-footer button {
    display: block;
    color: #ffffff;
    width: 48%;
    text-transform: capitalize;
    font-size: 16px;
    padding: 13px 25px;
    line-height: 12px;
    text-align: center;
    height: 40px;
    border: none;
    max-width: 100%;
    box-shadow: none !important;
    outline: none !important;
    margin: 0px;
    border-radius: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type,
.dg-main-content .dg-view-wrapper .dg-content-footer button:first-of-type {
	float:left;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type,
.dg-main-content .dg-view-wrapper .dg-content-footer button:last-of-type {
	float:right;
}

.dg-main-content .dg-view-wrapper .dg-content-footer button {
    width: 45%;
    min-width: 0px;
}


/* datepicker */

.ui-datepicker, .daterangepicker {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none !important;
    border-radius: 15px;
    padding: 25px;
    width: auto;
    margin: 10px 0 0 0;
/*    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 60px !important;
    position: fixed;*/
    -webkit-box-shadow: 0px 0px 16px 1px rgba(49, 45, 55, 0.36);
    -moz-box-shadow: 0px 0px 16px 1px rgba(49, 45, 55, 0.36);
    box-shadow: 0px 0px 16px 1px rgba(49, 45, 55, 0.36);
    z-index: 1100 !important;
}

.daterangepicker {
    margin: 0 0 0 0;
    min-width: 726px;
}

.daterangepicker.single {
    min-width: 372px;
}

.daterangepicker:before,
.daterangepicker:after {
	display:none;
}

.ui-datepicker .ui-datepicker-header {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding: 0px 35px;
    border: none;
    background: none;
    position: relative;
    margin: -2px 0 24px 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    float: left;
    width: 100%;
    margin: 0px;
    font-weight: 500;
    color: #372d37;
    line-height: 15px;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px;
}

.ui-datepicker .ui-datepicker-header a,
.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.prev,
.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.next {
    position: absolute;
    top: 0px;
    height: 17px;
    width: 17px;
    display: block;
    background: none;
    border: none;
    font-weight: 600;
}

.ui-datepicker .ui-datepicker-header a:before {
    color: #6d6973;
    float: left;
    width: 100%;
    margin: 0px 0 0 0;
    opacity: 1;
}

.ui-datepicker .ui-datepicker-header a:hover:before {
	opacity:0.6;
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {
	left:0px;
	text-align:left;
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
	right:0px;
	text-align:right;
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:before {
	content:"\f104";
}

.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:before {
	content:"\f105";
}

.ui-datepicker .ui-datepicker-header a span {
    display: none;
}

.daterangepicker .drp-calendar {
    padding: 0px !important;
    max-width: none;
    width: auto;
}

.daterangepicker .drp-calendar.left {
    float: left;
    clear: none !important;
}

.daterangepicker .drp-calendar.right {
    clear: none !important;
    float: right;
    margin-left: 30px;
}

.daterangepicker .drp-buttons {
    float: left;
    width: 100%;
    display: block;
    margin: 20px 0 0;
    border: none;
    padding: 0px;
}

.daterangepicker .drp-buttons button.btn {
    width: 48%;
    margin: 0px;
    font-size: 16px;
    padding: 0px 8px;
    min-width: 0px;
    font-weight: 300;
}

.daterangepicker .drp-buttons button:first-of-type {
    float: left;
}

.daterangepicker .drp-buttons button:last-of-type {
    float: right;
}

.daterangepicker .drp-buttons button:first-of-type:hover {
}

.daterangepicker .drp-buttons button:last-of-type:hover {
}

.daterangepicker .drp-calendar .calendar-time {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    margin-top: 20px;
}

.daterangepicker .drp-calendar .calendar-table {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    padding: 0px !important;
    border: none;
    border-radius: 0px;
}

.daterangepicker .drp-buttons .drp-selected {
    display: none;
}

.ui-datepicker table,
.daterangepicker .drp-calendar .calendar-table table {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    margin: 0px;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type {
    float: left;
    width: 100%;
    display: block;
    margin: 0 0 25px 0;
    position: relative;
    padding: 0 40px;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.prev {
    left: 0px;
    top: 0px;
    margin: 0px;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.next {
    right: 0px;
    top: 0px;
    margin: 0px;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th span {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    border: none;
    padding: 0px;
    float: left;
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: normal;
    margin: -1px 0 0 0;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th span:before {
    color: #6d6973;
    float: left;
    width: 100%;
    margin: 0px 0 0 0;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th span:hover {
	opacity:0.6;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.next span {
	text-align:right;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.prev span:before {
content: "\f104";
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.prev span {
    text-align: left;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.next span:before {
    content: "\f105";
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.month {
    border: none;
    float: left;
    display: block;
    margin: 0 auto;
    width: auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.month select {
    float: left;
    width: auto;
    margin: 0px;
    border: none;
    color: #372d37;
    line-height: 15px;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px;
    padding: 0px;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.month select:first-of-type {
    margin-right: 5px;
}

.daterangepicker .drp-calendar .calendar-table table thead tr:first-of-type th.month select:last-of-type {
}

.daterangepicker .drp-calendar .calendar-time select {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    border-radius: 8px;
    padding: 10px 14px;
    width: auto;
    height: auto;
    line-height: normal;
    background: #eaeaea;
    border: 1px solid transparent;
	color: #6d6973;
}

.daterangepicker .drp-calendar .calendar-time select:hover {
	border-color: #312d43;
}

.daterangepicker .drp-calendar .calendar-time select:focus {
	background:#ffffff;
	border-color: #312d43;
}

.ui-datepicker table thead tr th,
.daterangepicker .drp-calendar .calendar-table thead tr th  {
    padding: 0px;
}

.ui-datepicker table thead tr th span,
.daterangepicker .drp-calendar .calendar-table thead tr th  {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    line-height: 9px;
    margin: 0 0 10px 0;
    color: #372d37;
    font-family: 'Saira Semi Condensed', sans-serif;
}

.daterangepicker .drp-calendar .calendar-table thead tr th {
	display:none;
}

.daterangepicker .drp-calendar .calendar-table thead tr th.month,
.daterangepicker .drp-calendar .calendar-table thead tr th.available {
	display:block;
}



.daterangepicker .drp-calendar .calendar-table thead tr:last-of-type th {
    width: 14.28571428571429%;
    border: none;
    margin: 0px;
}

.ui-datepicker table tbody tr td {
    border: none;
}

.ui-datepicker table tbody tr td a,
.ui-datepicker table tbody tr td.ui-datepicker-unselectable span,
.daterangepicker .drp-calendar .calendar-table tbody tr td  {
	float: left;
    height: 40px;
    border: 1px solid #cfcdcd !important;
    background: none !important;
    color: #372d37 !important;
    text-align: center;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 11px;
    padding: 14px 4px;
    width: 40px;
    font-family: 'Roboto', sans-serif;
    border-radius: 5px;
}

.daterangepicker .drp-calendar .calendar-table tbody tr td {
    margin: 3px;
}

.ui-datepicker table tbody tr td a:hover,
.daterangepicker .drp-calendar .calendar-table tbody tr td:hover {
    color: #d7203a !important;
    border-color: #d7203a !important;
}

.ui-datepicker table tbody tr td a.ui-state-highlight {
    color: #ffffff !important;
    background: rgb(215, 32, 58) !important;
    border-color: rgb(215, 32, 58) !important;
}

.daterangepicker .drp-calendar .calendar-table tbody tr td.in-range {
    border-color: #568c22 !important;
    color: #568c22 !important;
    background: rgba(124, 182, 68, 0.25) !important;
}

.ui-datepicker table tbody tr td a.ui-state-active,
.daterangepicker .drp-calendar .calendar-table tbody tr td.active {
    border-color: #545158 !important;
    background: #545158 !important;
    color: #ffffff !important;
}

.ui-datepicker table tbody tr td.ui-datepicker-unselectable {
	opacity:1 !important;
}

.ui-datepicker table tbody tr td.ui-datepicker-unselectable span, .daterangepicker .drp-calendar .calendar-table tbody tr td.off {
    background: #edecec !important;
    border-color: #edecec !important;
    color: #b7b7b7 !important;
}

/* job panel flow */

.job-panel-total {
    position: relative;
}

.job-panel-total .job-panel-height {
    min-height: 472px;
}

.job-panel-total .tab-pane {
    float: left;
    width: 100%;
    height: auto;
    min-height: 850px;
    position: relative;
}

.job-panel-total .job-panel-match {
    position: absolute;
    right: 0px;
    height: 100%;
    display: block;
}


.job-panel-total .job-panel-match fieldset {
    width: 100%;
    height: 100%;
    display: block;
    max-height: 1160px;
}

.job-flow-panel {
    float: left;
    width: 100%;
    height: auto;
    background: #ebe9e9;
    border-radius: 15px;
    padding: 72px 0px 115px;
    position: relative;
    max-height: 100%;
}

.job-flow-panel .job-flow-title {
    position: absolute;
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    left: 0px;
    top: 32px;
}

.job-flow-panel .job-status-badge {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    border: none;
    margin-bottom: 20px;
    background: #312d37;
    padding: 18px 20px;
    position: relative;
}

.job-flow-panel .job-status-badge b.title {
    float: left;
    width: 100%;
    display: block;
    font-size: 20px;
    color: #ffffff;
    line-height: 14px;
}

.job-flow-panel .job-status-badge button {
    margin-top: 10px;
    width: 100%;
}

.job-flow-panel .job-status-badge b.title span {
    font-family: 'Roboto', sans-serif;
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 12px;
    margin-bottom: 10px;
}

.job-flow-panel .job-flow-title h3 {
    width: 100%;
    text-align: center;
    margin: 0px;
    font-weight: 600;
}

.job-flow-panel .job-flow-buttons {
    width: 100%;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 30px;
}

.job-flow-panel ul.job-flow-cards {
    float: left;
    width: 100%;
    padding-right: 30px;
    margin: 0px;
    list-style-type: none;
    overflow-y: scroll;
    padding-left: 30px;
    padding-top: 8px;
    height: calc(100% - 78px);
    padding-bottom: 5px;
    max-height: calc(569px - 78px);
}

.job-flow-panel ul.job-flow-cards li {
    float: left;
    width: 100%;
    padding: 0 0px 0 0;
    margin-bottom: 17px;
}

.job-flow-panel ul.job-flow-cards li .job-flow-card {
    float: left;
    width: 100%;
    padding: 25px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(84, 81, 88, 0.35);
    -moz-box-shadow: 0px 0px 8px 1px rgba(84, 81, 88, 0.35);
    box-shadow: 0px 0px 8px 1px rgba(84, 81, 88, 0.35);
}

.job-flow-panel ul.job-flow-cards li .job-flow-card:hover {
-webkit-box-shadow:  0px 0px 8px 1px rgba(84, 81, 88, 0.71);
    -moz-box-shadow: 0px 0px 8px 1px rgba(84, 81, 88, 0.71);
    box-shadow: 0px 0px 8px 1px rgba(84, 81, 88, 0.71);
}

.job-flow-panel ul.job-flow-cards li .job-flow-card .job-flow-card-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 30px;
    height: 30px;
    background: #7d7781;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-weight: 100;
    border-radius: 50%;
    line-height: 12px;
    padding: 7px 0;
}

.job-flow-panel ul.job-flow-cards li .job-flow-card .btn-attachment {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-weight: 100;
    border-radius: 50%;
    line-height: 12px;
    padding: 7px 0;
}

.job-flow-panel ul.job-flow-cards li .job-flow-card .btn-attachment i {
    float: left;
    width: 100%;
    display: block;
    margin: 1px 0 0 0px;
}


.job-flow-panel ul.job-flow-cards li .job-flow-card .job-flow-card-icon i {
    float: left;
    width: 100%;
    display: block;
    margin: 1px 0 0 0px;
}

.job-flow-panel ul.job-flow-cards li .job-flow-card .job-flow-card-title {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 50px;
    font-size: 14px;
    padding-right: 25px;
    line-height: 19px;
    color: #6d6973;
    font-weight: 700;
    padding-top: 5px;
    min-height: 30px;
    overflow-x: auto;
}

.job-flow-panel ul.job-flow-cards li .job-flow-card .job-flow-card-timestamp {
    float: left;
    width: 100%;
    display: block;
    margin: -4px 0 0 0;
}

.job-flow-panel ul.job-flow-cards li .job-flow-card a.btn.horizontal {
    margin-top: 10px;
}

.job-flow-panel ul.job-flow-cards li .job-flow-card .job-flow-card-timestamp span {
	clear:both;
	float:left;
}

.job-flow-panel ul.job-flow-cards li .job-flow-card button {
    margin-top: 25px;
    clear: both;
}



.job-flow-panel ul.job-flow-cards li .job-flow-card p {
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 24px;
}

/* job panel flow */


/* notifications panel */

header .top-nav .user-bar a.meta ~ .notifications {
    position: absolute;
    right: 55px;
    top: 49px;
    border: none;
    -webkit-box-shadow: 0px 0px 16px 1px rgba(84, 81, 88, 0.35);
    -moz-box-shadow: 0px 0px 16px 1px rgba(84, 81, 88, 0.35);
    box-shadow: 0px 0px 16px 1px rgba(84, 81, 88, 0.35);
    margin: 0px;
    z-index: 10;
    max-width: 350px;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}

header .top-nav .user-bar a.meta ~ .notifications ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
    display: block;
    height: auto;
}

header .top-nav .user-bar a.meta ~ .notifications ul li {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding: 12px 20px 12px;
    position: relative;
    padding-right: 50px;
}

header .top-nav .user-bar a.meta ~ .notifications ul li a.fa {
    position: absolute;
    right: 16px;
    top: 13px;
    background: #d7203a;
    color: #ffffff;
    font-weight: 100;
    font-size: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    padding-left: 1px;
    padding-top: 4px;
}

header .top-nav .user-bar a.meta ~ .notifications ul li a.fa:hover {
    background: #af1228;
}

header .top-nav .user-bar a.meta ~ .notifications ul li.old {
    background: #e4e3e3;
}

header .top-nav .user-bar a.meta ~ .notifications ul li.new {
    background: #dceefd;
}

header .top-nav .user-bar a.meta ~ .notifications ul li p {
    margin: 0px;
    font-size: 15px;
    line-height: 24px;
}

header .top-nav .user-bar a.meta ~ .notifications ul li p a {
    float: none;
    display: inline-block;
}

header .top-nav .user-bar a.meta ~ .notifications ul li:not(:last-of-type) {
    border-bottom: 1px solid #c5c5c7;
}

header .top-nav .user-bar a.meta ~ .notifications ul li strong {
    font-weight: 600;
    font-size: 14px;
    float: left;
    line-height: 13px;
}


/* notifications panel */

/* styling 19/11/2019 */


.text-danger {
	color: #d7203a!important;
}

.text-warning {
    color: #ed7806!important;
}

.text-success {
    color: #7cb644!important;
}

.badge {
    float: left;
    width: auto;
    display: block;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 12px;
    line-height: 1;
}

.badge-danger {
	background:#d7203a;
}

.badge-warning {
    color: #ffffff;
    background-color: #ed7806;
}

.main-container .panel-container table.table tbody tr td .badge {
    margin-bottom: 8px;
    margin-top: 7px;
}

.main-container .panel-container table#jobsTable tbody tr td:first-of-type {
    min-width: 80px;
}

.bg-success {
    background-color: #7cb644 !important;
}



.job-show section {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: 35px;
    margin-bottom: 40px;
    border-bottom: 1px solid #cfcdcd;
}

.job-show section.resources, .modal-body section.resources, .panel-container section.resources {
    position: relative;
    padding-left: 100px !important;
    padding-bottom: 0px;
    border: none;
    clear: both;
    float: left;
    width: 100%;
}

.panel-container div[data-refresh="job_resources"] section.resources {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.panel-container div[data-refresh="job_resources"] section.resources:last-of-type {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.job-show section.resources ul.recourse-meta li span,
.modal-body section.resources ul.recourse-meta li span,
.panel-container section.resources ul.recourse-meta li span {
    clear: both;
    float: left;
    width: 100%;
    margin: -2px 0 0 0;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-show section.resources b.label-title, .panel-container section.resources b.label-title, .modal-body section.resources b.label-title {
    margin-bottom: 12px;
}

.job-show section.resources ul.recourse-meta li.buttons a.btn, .panel-container section.resources ul.recourse-meta li.buttons a.btn, .modal-body section.resources ul.recourse-meta li.buttons a.btn {
    margin-right: 8px;
    padding-top: 16px;
    float: right;
}

.job-show section.resources ul.recourse-meta li.buttons a.btn, .panel-container section.resources ul.recourse-meta li.buttons a.btn, .modal-body section.resources ul.recourse-meta li.buttons a.btn {
    margin-right: 0px;
}

.job-show section.resources ul.recourse-meta li.buttons form,
.panel-container section.resources ul.recourse-meta li.buttons form,
.modal-body section.resources ul.recourse-meta li.buttons form {
    float: right;
    width: auto;
}

.job-show section.resources b.label-title.description,
.panel-container section.resources b.label-title.description,
.modal-body section.resources b.label-title.description {
    margin-top: 23px;
}

.job-show section.resources p,
.panel-container section.resources p,
.modal-body section.resources p {
    margin: -8px 0 0 0;
}

.panel-container.resources.job-show section:last-of-type {
	border:none;
	padding:0px;
	margin:0px;
}

.job-show section.notes p,
.modal-body section.notes p {
    margin-bottom: 0px;
}

.job-show section h3,
.modal-body section h3 {
    margin-bottom: 24px !important;
    width: 100% !important;
    position: relative !important;
}

.job-show section h3 a,
.modal-body section h3 a {
    min-width: 0px;
    padding: 10px 0;
    width: 30px;
    height: 30px;
    float: left;
    margin: -6px 15px 0 0;
    font-size: 12px;
}


.job-show section.resources .doctype,
.panel-container section.resources .doctype,
.modal-body section.resources .doctype {
    position: relative;
    left: 0px;
    top: 0px;
    font-size: 24px;
    text-transform: uppercase;
    background: #7d7781;
    width: 70px;
    border-radius: 5px;
    height: 50px;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    line-height: 0.9;
    padding: 15px 0;
    float: left;
    clear: both;
    display: block;
}



.job-show section.resources ul.recourse-meta,
.panel-container section.resources ul.recourse-meta,
.modal-body section.resources ul.recourse-meta {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    padding: 0 70px 0 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.job-show section.resources ul.recourse-meta,
.panel-container section.resources ul.recourse-meta,
.modal-body section.resources ul.recourse-meta {
    gap: 15px;
}

.job-show .subcontractors-inner section.resources ul.recourse-meta {
    padding: 0 167px 0 0;
}

.job-show section.resources ul.recourse-meta li,
.panel-container section.resources ul.recourse-meta li,
.modal-body section.resources ul.recourse-meta li {
    float: left;
    width: 48%;
}

.job-show .subcontractors-inner section.resources ul.recourse-meta li {
    width: 48%;
}

.job-show section.resources ul.recourse-meta li.filesize,
.panel-container section.resources ul.recourse-meta li.filesize,
.modal-body section.resources ul.recourse-meta li.filesize {
    width: 48%;
}

.job-show .subcontractors-inner section.resources ul.recourse-meta li.file-size {
    width: 48%;
}

.job-show section.resources ul.recourse-meta li.buttons,
.panel-container section.resources ul.recourse-meta li.buttons,
.modal-body section.resources ul.recourse-meta li.buttons {
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.job-show section.resources ul.recourse-meta li.buttons,
.panel-container section.resources ul.recourse-meta li.buttons,
.modal-body section.resources ul.recourse-meta li.buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.job-show section.resources ul.recourse-meta li.file-size,
.panel-container section.resources ul.recourse-meta li.file-size {
    width: auto;
}

.job-show section ul.meta {
    clear: both;
    float: left;
    width: 100%;
    padding: 0px;
    list-style-type: none;
    margin-bottom: 30px;
}

.job-show section ul.meta li {
    width: 23%;
    float: left;
    display: block;
}

ul.user-meta {
    float: left;
    width: auto;
    display: block;
    list-style-type: none;
    height: auto;
    margin: 0px;
    padding: 0px;
}

ul.user-meta li,
.job-visit-notes ul.buttons li {
    float: left;
    width: auto;
    display: block;
    margin-right: 8px;
}

ul.user-meta li a {
    color: #a5a1a8;
    background: #ebe9e9;
    font-size: 13px;
    width: 30px;
    height: 30px;
    float: left;
    display: block;
    text-align: center;
    border-radius: 50%;
    opacity: 1;
    line-height: 12px;
    padding: 7px 0 0 1px;
    min-width: 0px;
}

.job-visit-notes ul.buttons li a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    padding: 9px 0 8px 1px;
}

ul.user-meta li a.info, ul.user-meta li a.warning, ul.user-meta li a.danger {
    color: #ffffff;
    margin-right: 0px;
}

ul.user-meta li a.info {
	background:#0683ed;
}

ul.user-meta li a.warning {
	background:#ed7806;
}

ul.user-meta li a.danger {
	background:#e5002d;
}

ul.user-meta li a.disabled {
    pointer-events: none;
    background: #ebe9e9;
    color: #9a95a2;
}

ul.user-meta li a:hover {
	opacity:0.6;
}

ul.user-meta li a i {
    float: left;
    width: 100%;
}

ul.user-meta li a i.fa-flag {
    margin-top: 1px;
}

.job-show section.visits b.label-title {
    margin-bottom: 20px;
}

.job-show section.visits .row ul {
    clear: both;
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 0px;
    margin: -3px 0 30px 0;
}

.job-show section.visits .row ul:last-of-type {
    margin: 0px;
}

.job-show section.visits .row ul li {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 13px;
}

.job-show section.visits .row ul.job-breakdown {
    margin: 0px;
}

.job-show section.visits .row ul.job-breakdown li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 45px;
}

.job-show section.visits .row ul.job-breakdown li a {
    position: absolute;
    right: 0px;
    top: -1px;
}

.job-show section.visits .row ul.job-breakdown li a.edit {
    right: 42px;
}

.job-show section.visits .row ul.job-breakdown li a.covid-link {
    right: 110px;
}

.job-show section.visits .row ul.job-breakdown li a.general-link {
    right: 53px;
}

.job-show section.visits .row ul.job-breakdown li i {
    position: absolute;
    left: 0px;
    top: 1px;
}


.job-show section h3 ul.user-meta {
    position: absolute;
    right: 38px;
    top: -1px;
}

table#engineersJobs a.btn {
    float: right;
    width: auto;
    min-width: 170px;
    border-radius: 50px;
}

.job-start .status-top {
    width: 100%;
}

.job-start .status-top form {
    width: 48%;
}

.job-start .status-top a {
    min-width: 0px;
    padding: 0px 0px;
    width: auto;
    float: left;
    padding: 0px 20px;
    min-width: 170px;
    margin: 0 15px 40px 0px;
}

.job-start .status-top a:last-of-type {
    float: right;
    margin-top: -86px;
    margin-right: 0px;
}

.job-start h3 {
    width: 100% !important;
    padding-right: 170px;
    position: relative;
}

.job-start h3 span.status-job,
.job-overview h3 span.status-job {
    position: absolute;
    right: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 0.8;
    top: 3px;
}

.job-start .job-resource-list {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.job-start .job-resource-list > div:first-of-type {
	padding-right:20px;
}

.job-start .job-resource-list > div:last-of-type {
	padding-last:20px;
}

.job-start .job-resource-list .resource-list-inner {
    float: left;
    width: 100%;
    display: block;
    /* margin-top: 20px; */
    margin-bottom: 20px;
    height: 365px;
    max-height: 365px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 45px;
}

.job-start .job-resource-list .resource-list-inner .form-group {
    padding-right: 50px;
	margin-bottom:25px;
}

.job-start .job-resource-list .resource-list-inner hr {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    background: #cfcdcd;
    height: 1px;
    border: none;
    margin: 10px 0 35px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment,
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details,
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details .meta,
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details .description,
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details ul.options,
.modal .modal-dialog .modal-content .modal-body .resources-list,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details .meta,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details .description,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details  ul.options {
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 35px 0;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment h4 {
    margin-bottom: 25px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment:last-of-type,
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details,
.modal .modal-dialog .modal-content .modal-body .resources-list,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment:last-of-type  {
	margin:0 00 0;
}

.modal .modal-dialog .modal-content .modal-body .resources-list h3 {
    margin-bottom: 25px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details .meta,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details .meta {
    margin-bottom: 20px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details .meta span,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details .meta span{
    float: left;
    width: 48%;
    display: block;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details .meta span:last-of-type,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details .meta span:last-of-type {
	float:right;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details .meta strong,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details .meta strong {
    float: left;
    width: 100%;
    color: #545158;
    line-height: 0.8;
    margin-bottom: 9px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details .description,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details .description {
    margin: -9px 0 15px 0;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details .description p,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details .description p {
    margin-bottom: 12px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details .description p:last-of-type,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details .description p:last-of-type {
	margin:0px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details ul.options,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details ul.options,
.modal.risk-assessments .pow-assessment dl.assessment-details dd ul {
    margin: -9px 0 -9px 0;
    padding: 0px;
    list-style-type: none;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details ul.options li,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details ul.options li,
.modal.risk-assessments .pow-assessment dl.assessment-details dd ul li {
    position: relative;
    padding: 0 0 0 25px;
    line-height: 30px;
    margin: 0 0 3px 0;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details ul.options li:before,
.modal .modal-dialog .modal-content .modal-body .resources-list .pow-assessment .assessment-details ul.options li:before,
.modal.risk-assessments .pow-assessment dl.assessment-details dd ul li:before{
    content: "";
    position: absolute;
    left: 0px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #545158;
    top: 12px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details {
    margin-bottom: 30px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details:last-of-type {
	margin-bottom:0px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dt,
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dd,
.modal.risk-assessments .pow-assessment dl.assessment-details dt ,
.modal.risk-assessments .pow-assessment dl.assessment-details dd {
    float: left;
    display: block;
    width: 33.333333333%;
}

.modal.risk-assessments .pow-assessment dl.assessment-details dt ,
.modal.risk-assessments .pow-assessment dl.assessment-details dd {
	width:50%;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dt:nth-of-type(2),
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dd:nth-of-type(2),
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dt:nth-of-type(3),
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dd:nth-of-type(3)   {
	float: left;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dt:nth-of-type(2),
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dt:nth-of-type(3),
.modal.risk-assessments .pow-assessment dl.assessment-details dt:nth-of-type(2) {
    margin-top: -23px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dd:nth-of-type(2),
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dd:nth-of-type(3),
.modal.risk-assessments .pow-assessment dl.assessment-details dd:nth-of-type(2) {
    clear: none;
}


.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dt:nth-of-type(4),
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dd:nth-of-type(4),
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dt:nth-of-type(5),
.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dd:nth-of-type(5),
.modal.risk-assessments .pow-assessment dl.assessment-details dt:nth-of-type(3) ,
.modal.risk-assessments .pow-assessment dl.assessment-details dd:nth-of-type(3),
.modal.risk-assessments .pow-assessment dl.assessment-details dt:nth-of-type(4) ,
.modal.risk-assessments .pow-assessment dl.assessment-details dd:nth-of-type(4),
.modal.risk-assessments .pow-assessment dl.assessment-details dt:nth-of-type(5) ,
.modal.risk-assessments .pow-assessment dl.assessment-details dd:nth-of-type(5)  {
	width: 100%;
}


.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dt,
.modal.risk-assessments .pow-assessment dl.assessment-details dt {
    line-height: 0.8;
    text-transform: uppercase;
    color: #312d37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dd,
.modal.risk-assessments .pow-assessment dl.assessment-details dd {
    clear: both;
    line-height: 26px;
    margin-bottom: 20px;
    margin-top: -6px;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment .assessment-details dd ul,
.modal.risk-assessments .pow-assessment dl.assessment-details dd ul {
    margin-top: 0px !important;
}

.job-start .job-resource-list .resource-list-inner .pow-assessment dl.assessment-details small,
.modal.risk-assessments .pow-assessment dl.assessment-details small {
    margin-top: 5px;
    text-align: right;
}

.job-start .job-resource-list .resource-list-inner .form-group a {
    position: absolute;
    right: 0px;
    top: 6px;
    font-size: 14px;
}

.job-start .job-resource-list .resource-list-inner .form-group label {
    padding-left: 50px;
}

.job-start .job-resource-list .resource-list-inner .form-group label .checkbox {
    left: 0px;
}

.job-start .job-resource-list .resource-list-inner .form-group:last-of-type {
	margin:0 0 0 0;
}

form .form-group .input-group .input-group-btn .btn i.fa-plus {
    margin: -1px 0 0 2px;
}

.main-container .panel-container ul.nav-tabs.job-step {
    overflow: hidden;
    height: 46px;
    padding: 0px;
    margin-bottom: 40px;
}

.main-container .panel-container ul.nav-tabs.job-step li a {
    height: 46px;
    border-radius: 0px;
    padding: 18px 40px;
}

.main-container .panel-container ul.nav-tabs.job-step li a.active,.main-container .panel-container ul.nav-tabs.job-step li a.passed {
	background: #7cb644 !important;
}

.has-tooltip {
	position:relative;
	opacity:1;
}

.has-tooltip:hover {
	opacity:1 !important;
}

.has-tooltip:after {
    content: "";
    background: #535057;
    font-size: 12px;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 50px;
    opacity: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
    top: -50px;
}

.has-tooltip:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #535057;
    top: -22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	opacity:0;
}

.has-tooltip:hover:before,
.has-tooltip:hover:after {
	opacity:1;
}

.has-tooltip.edit:after {
	content:"Edit Times";
}

.has-tooltip.info:after {
	content:"Note Added";
}

.has-tooltip.warning:after {
	content:"Close Call Noted";
}

.has-tooltip.query:after {
    content:"Technical Queries";
}

.has-tooltip.danger:after {
	content:"Accident Logged";
}

.has-tooltip.danger.medication:after {
	content:"Taking Medication";
}

.main-container .panel-container.job-overview h3 {
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 50px;
    font-weight: 600;
}

.job-overview .form-group label {
    padding-left: 0px;
    margin-bottom: 15px;
}

.job-overview .form-group span,
.job-overview .form-group p {
    clear: both;
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    margin: -8px 0 0 0;
}

.job-overview .form-group span.havs-warning-message {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 600;
}

.main-container .panel-container h3.with-button {
    width: 100%;
    height: 45px;
    position: relative;
    padding-top: 15px;
}

.main-container .panel-container h3.with-button a {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
}

.main-container .panel-container .subcontractors-inner {
    margin: -8px 0 30px 0;
    float: left;
    width: 100%;
    display: block;
}

.main-container .panel-container .subcontractors-inner .resources-list {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.main-container .panel-container .subcontractors-inner .resources-list p {
    margin-top: -13px;
}

.main-container .panel-container .subcontractors-inner h3 {
    width: 100%;
    display: block;
}

.main-container .panel-container .subcontractors-inner .requirements-subcontractor {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 30px;
}

.main-container .panel-container .subcontractors-inner .requirements-subcontractor .form-group.no-label {
    padding-top: 23px;
}

.main-container .panel-container .subcontractors-inner .requirements-subcontractor .form-group .btn {
	width:100%;
}

.main-container .panel-container h3.with-button a i {
    margin: 14px 0 0 0;
}

/* styling 19/11/2019 */

/* styling 28/11/2019 */

.tab-content {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.nav-pills {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding-right: 15px;
}

.nav-pills a.nav-link {
    float: left;
    width: 100%;
    border-radius: 50px;
    height: 34px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 15px;
    line-height: 14px;
    margin-bottom: 9px;
}

.nav-pills a.nav-link:last-of-type {
	margin-bottom:0px;
}

.staff-list-inner,
.permit-list-inner {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

form .staff-list-inner .form-group,
form .permit-list-inner .form-group {
    height: 45px;
}


form .staff-list-inner .form-group label,
form .permit-list-inner .form-group label {
    height: 100%;
    position: relative;
    border-radius: 50px;
    border: 1px solid #312d43;
    padding: 0 156px 0 56px;
}

.work-register-list .form-row,
.work-permits-list .form-row{
    margin: 20px 0 0 0px;
    clear: both;
    float: left;
    width: 100%;
}

form .staff-list-inner .form-group label .remove,
form .permit-list-inner .form-group label .remove {
    position: absolute;
    left: -2px;
    top: -1px;
    height: 45px;
    min-width: 0px;
    width: 45px;
    padding: 15px 0;
}

form .staff-list-inner .form-group label .btn-primary,
form .staff-list-inner .form-group label .btn-danger {
    position: absolute;
    right: -1px;
    top: -1px;
    min-width: 0px;
    padding: 0px 40px;
}

form .staff-list-inner .form-group label span.checkbox,
form .permit-list-inner .form-group label span.checkbox {
    display: none;
}

form .staff-list-inner .form-group label span.name,
form .permit-list-inner .form-group label span.name {
    float: left;
    width: auto;
    display: block;
    margin: 13px 0 0 0;
}

form .staff-list-inner .form-group label span.name small {
    float: right;
    width: auto;
    margin-top: 1px;
    color: #545158 !important;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}


form .staff-list-inner .form-group label .havs-button {
    float: right;
    margin: 14px 10px 0 0;
    font-weight: 800;
    font-size: 13px;
}

form .staff-list-inner .form-group label input:checked ~ .btn-primary {
    background: #7cb644;
}

form .staff-list-inner .form-group label input:checked ~ .btn-primary:hover {
    background: #639830;
}

form .staff-list-inner .form-group label input:checked ~ .btn-danger {
    background: #e5002d;
}

form .staff-list-inner .form-group label input:checked ~ .btn-danger:hover {
    background: #e5002d;
}

form .permit-list-inner .form-group label b {
    position: absolute;
    top: 14px;
    font-size: 14px;
    right: 24px;
}

.signature-register_container,
.signature-register_container .signature-pad,
.signature-register_container .signature-pad .signature-pad--body,
.ssow-questionaire .form-render_container,
.ssow-questionaire .form-render_container .rendered-form,
.issue-list {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.signature-register_container .signature-pad .signature-pad--body {
	margin-bottom:10px;
}

.signature-register_container .signature-pad .signature-pad--body canvas {
    height: 200px;
    border-radius: 15px;
}

.main-container .panel-container.job-start {
    position: relative;
}

.job-start .job-panel-overlay {
    /*position: absolute;*/
    /*border-radius: 40px;*/
    /*background: rgba(255, 255, 255, 0.8);*/
    /*top: 0px;*/
    /*left: 0px;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*z-index: 50;*/
}

.job-start .job-panel-overlay h3 {
    font-size: 26px;
    line-height: 20px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.job-start .job-panel-overlay .vhboth {
    /*float: left;*/
    /*width: 630px;*/
    /*display: block;*/
    /*height: auto;*/
}

.job-start .job-panel-overlay ul {
    float: left;
    width: 100%;
    padding: 0px;
    list-style-type: none;
    height: auto;
    display: block;
    margin: 0px;
	   margin-bottom: 0px;
}

.job-start .job-panel-overlay ul li {
    float: left;
    padding: 0 15px;
    display: block;
    width: 25%;
	margin-bottom:20px;
}


.job-start .job-panel-overlay ul li:nth-of-type(8) {
    float: right;
}

.job-start .job-panel-overlay ul li.short {
    width: 16.6666665%;
}

.job-start .job-panel-overlay ul li a {
    float: left;
    width: 100%;
    min-width: 0px;
    font-size: 14px;
}

.ssow-questionaire {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    margin-top: 20px;
}

.ssow-questionaire nav {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.ssow-questionaire nav .nav-tabs {
    border: none;
    width: 100%;
    flex-wrap: nowrap;
    /*margin-top: -20px;*/
}

.ssow-questionaire nav .nav-tabs a {
    float: left;
    width: 100%;
    display: block;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    padding: 20px 10px 20px;
    position: relative;
    border: none;
    border-bottom: 1px solid #ebeaea;
    color: rgba(49, 45, 55, 0.52);
    line-height: 1.4;
    border-radius: 0px;
}

.ssow-questionaire nav .nav-tabs a:after {
    content: "";
    width: 0px;
    opacity: 0;
    position: absolute;
    bottom: -1px;
    left: 0px;
    height: 3px;
    background: #312d37;
}

.ssow-questionaire nav .nav-tabs a:hover {
    color: rgba(49, 45, 55, 1);
}

.ssow-questionaire nav .nav-tabs a.active {
    color: rgba(49, 45, 55, 1);
    background: none;
    border-bottom: 1px solid #ebeaea;
}

.ssow-questionaire nav .nav-tabs a.active:after {
	width:100%;
	opacity:1;
}


.ssow-questionaire .form-render_container .form-group {
    margin: 0 0 20px 0;
}

.ssow-questionaire .form-render_container .form-group label {
}

.ssow-questionaire .form-render_container .form-group input {
}

.ssow-questionaire .form-render_container .form-group select {
    padding: 0 25px;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 50px;
    height: 45px;
}

.ssow-questionaire .form-render_container .form-group select:hover {
	cursor:pointer;
}

.ssow-questionaire .form-render_container .form-group.fb-radio-group,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group {
    margin: 5px 0 23px 0;
}

#questionnaireStep .ssow-questionaire .form-render_container .form-group.fb-radio-group, #questionnaireStep .ssow-questionaire .form-render_container .form-group.fb-checkbox-group {
    border-bottom: 1px solid #e0dede;
    padding-bottom: 26px;
}

.ssow-questionaire .form-render_container .form-group.fb-radio-group > label,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group > label {
    padding: 0px;
    margin: 0px;
    color: #6d6973;
    font-weight: 300;
    font-size: 15px;
    text-transform: none;
    line-height: 16px;
    height: 30px;
    padding-top: 7px;
    font-family: 'Roboto', sans-serif;
    float: left;
    width: auto;
    max-width: 50%;
}

#questionnaireStep .ssow-questionaire .form-render_container .form-group.fb-radio-group > label, #questionnaireStep .ssow-questionaire .form-render_container .form-group.fb-checkbox-group > label {
    max-width: 100%;
    width: 100%;
    padding-top: 0px;
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 13px;
    color: #312d37;
}

.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group {
    float: right;
    width: auto;
    max-width: 50%;
    display: flex;
    flex-wrap: nowrap;
}

#questionnaireStep .ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group, #questionnaireStep .ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group {
    width: 100%;
    max-width: 100%;
}

.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox {
    float: left;
    width: auto;
    margin-left: 20px;
}

.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio:first-of-type,
.ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox:first-of-type {
    margin: 0px;
}

.ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio label {
}

.ssow-questionaire .form-render_container .form-group input[type="radio"],
.ssow-questionaire .form-render_container .form-group input[type="checkbox"] {
    margin: 0px;
    display: none;
}

.ssow-questionaire .form-render_container .form-group:last-of-type {
    margin-bottom: 0px;
}

#questionnaireStep .ssow-questionaire .form-render_container .form-group:last-of-type {
    padding-bottom: 0px;
    border: none;
}

.ssow-questionaire .form-render_container .rendered-form h1 {
    float: left;
    width: 100%;
    line-height: 0.8;
}

.ssow-questionaire .form-render_container .form-group textarea {
    height: 200px;
    border-radius: 15px;
    padding: 14px 20px;
    white-space: normal;
    resize: none;
    line-height: 1.5 !important;
}

.ssow-questionaire .form-render_container .form-group.fb-file input {
    margin: 0px;
    padding: 8px 25px;
    border-radius: 50px;
}

form .issue-list .form-group textarea {
    height: 160px;
}

/* modal ssow form */

.modal .ssow-questionaire {
    margin: 0px;
}

.modal .ssow-questionaire h5 {
    float: left;
    width: 100%;
    display: block;
    font-size: 20px;
    line-height: 16px;
    padding: 0;
    color: #312d37;
    position: relative;
    z-index: 3;
    margin-bottom: 23px;
}

.modal .ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group,
.modal .ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group {
    clear: both;
    float: left;
    margin: 10px 0 0 0;
    max-width: 100%;
}

.modal .ssow-questionaire .form-render_container .form-group.fb-radio-group .radio-group .fb-radio,
.modal .ssow-questionaire .form-render_container .form-group.fb-checkbox-group .checkbox-group .fb-checkbox {
    margin-left: 0px;
    margin-right: 20px;
}

.modal .ssow-questionaire .form-render_container {
	margin-bottom:30px;
}

.modal .ssow-questionaire .form-render_container:last-of-type {
	margin-bottom:none;
}

.modal .ssow-questionaire .form-render_container .form-group.fb-radio-group > label,
.modal .ssow-questionaire .form-render_container .form-group.fb-checkbox-group > label {
    padding: 0px 0 0 10px;
    height: auto;
    margin-bottom: 8px;
    max-width: 100%;
}
.modal .ssow-questionaire .form-render_container .rendered-form h1 {
    float: left;
    width: 100%;
    line-height: 0.8;
    font-size: 20px;
    margin-bottom: 20px;
}

form .form-group .form-control:disabled, form .form-group .form-control:disabled .form-control[readonly] {
    background: #eaeaea;
}

.job-start .status-top button {
    min-width: 0px;
    width: 100%;
}

.signature-register_container form.signature-register_form {
    margin: -9px 0 0 0;
}

.signature-register_container form.signature-register_form p.text-left {
    margin-bottom: 20px;
}

.signature-register_container form.signature-register_form .signature-pad {
    margin: -3px 0 0 0;
}

.signature-register_container form.signature-register_form .signature-pad strong {
	float: left;
    width: 100%;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    color: #6d6973;
    line-height: 13px;
    margin-bottom: 11px;
    padding: 0px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    padding-left: 10px;
}

.signature-register_container form.signature-register_form .signature-pad .checkbox {
    padding-top: 10px;
}

.signature-register_container form.signature-register_form .signature-pad .checkbox label {
    height: auto;
    line-height: 1.5;
    padding-top: 4px;
}

.signature-register_container form.signature-register_form .signature-pad .signature-pad--footer,
.signature-register_container form.signature-register_form .signature-pad .signature-pad--footer .signature-pad--actions,
.signature-register_container form.signature-register_form .signature-pad .signature-pad--footer .signature-pad--actions > div {
	clear:both;
	float:left;
	width:100%;
	display:block;
	margin:0 0 0 0;
}

.modal-body .resource-preview {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.modal-body .resource-preview img {
    float: left;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.modal-body .resource-preview object {
    float: left;
    width: 100%;
    height: 450px;
    display: block;
}

.modal-body .resource-preview embed {
    float: left;
    width: 100%;
    min-height: 450px;
    display: block;
}

.ssow-questionaire .tab-navigation {
    float: right;
    width: 100%;
    display: block;
    margin-top: 40px;
}

.ssow-questionaire .tab-navigation a.btn-link {
    float: right;
    position: relative;
    font-size: 13px;
    padding-right: 24px;
}

.ssow-questionaire .tab-navigation a.btn-link:after {
	content:"\f178";
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	font-size:15px;
}

.job-panel-total .tab-pane .no-close {
    margin-top: 30px;
}

.modal .modal-dialog .modal-content .modal-body .list-group {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.modal .modal-dialog .modal-content .modal-body .list-group-item {
    clear: both;
    float: left;
    width: 100%;
    border: none;
    border-bottom: 1px solid #cfcdcd;
    background: none;
    padding: 0px 0 22px;
    margin-bottom: 30px;
    position: relative;
}

.modal .modal-dialog .modal-content .modal-body .list-group-item:last-of-type {
    margin: 0px 0 -11px 0;
    padding: 0px;
    border: none;
}

.modal .modal-dialog .modal-content .modal-body .list-group-item p {
    float: left;
    width: 48%;
    display: block;
    line-height: 26px;
    margin-bottom: 7px !important;
}

.modal .modal-dialog .modal-content .modal-body .list-group-item p:nth-of-type(even) {
	float:right;
}

.modal .modal-dialog .modal-content .modal-body .list-group-item p:nth-of-type(1),
.modal .modal-dialog .modal-content .modal-body .list-group-item p:nth-of-type(2) {
	width:100%;
}

.modal .modal-dialog .modal-content .modal-body .list-group-item p:nth-of-type(1) strong, .modal .modal-dialog .modal-content .modal-body .list-group-item p:nth-of-type(2) strong {
    float: left;
    width: 100%;
    display: block;
}

.modal .modal-dialog .modal-content .modal-body .list-group-item p strong {
    color: #312d37;
}

.modal .modal-dialog .modal-content .modal-body .list-group small.float-right {
    position: absolute;
    top: -8px;
    right: 0px;
    background: #312d37;
    color: #ffffff;
    padding: 7px 15px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 11px;
}

ul.roles-list {
    float: left;
    padding: 0px;
    list-style-type: none;
    display: block;
    margin: 0px;
}

ul.roles-list li {
    float: left;
    margin-right: 6px;
    margin-bottom: 3px;
}

ul.roles-list li:after {
    content: ",";
    font-family: 'Roboto', sans-serif;
}

.main-container .panel-container table.table tbody tr td ul.roles-list {
    margin-top: 10px;
    margin-bottom: 7px;
    max-width: 200px;
}

.form-list-align {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    margin-top: 5px;
}

.form-list-align .checkbox {
    width: 50%;
}

.panel-alert {
    width: auto;
    margin: 0px 0 30px 0;
    pointer-events: none;
    padding-right: 25px;
}

.panel-alert:after {
	display:none;
}

.commercial-blocks .approval-buttons {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    margin-top: 30px;
}

.commercial-blocks .approval-buttons a.btn,
.commercial-blocks .approval-buttons .btn-success {
    width: 100%;
    margin-bottom: 15px;
}

.commercial-blocks .approval-buttons a.btn-link {
    line-height: normal;
    height: auto;
    margin-top: 18px;
    margin-bottom: 18px;
}

.modal .modal-dialog .modal-header .modal-print {
    float: right;
    margin: -45px 24px 24px 0;
    clear: both;
}

.questionnaire-content.div-to-print,
.questionnaire-content.div-to-print .row {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.questionnaire-content.div-to-print .row {
    margin: 0px;
}

.questionnaire-content.div-to-print .row > div {
	padding:0px;
}

.questionnaire-content.div-to-print .row > div.col-sm-4 {
    width: 40%;
    max-width: 40%;
}

.questionnaire-content.div-to-print .row > div.col-sm-8 {
    width: 60%;
    max-width: 60%;
    margin: 6px 0 0 0;
}

.questionnaire-content.div-to-print .row > div.col-sm-8 .question {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 21px;
    line-height: 1.5;
}


.main-container .panel-container .commercial-blocks table.table tbody tr td a.btn:not(.no-icon) {
    padding: 16px 0 0 1px;
    height: 45px;
    width: 45px;
}

.main-container .panel-container .commercial-blocks table.table table tbody tr:first-of-type td a.btn {
    margin-top: 30px;
}

.main-container .panel-container .commercial-blocks table.table tbody tr td a.btn .fa-plus {
    margin-top: -1px;
}

.commercial-blocks .approval-buttons button.btn {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.2;
    min-height: 45px;
    height: auto;
    padding: 11px 20px 13px;
}

.commercial-blocks .approval-buttons button.btn.half {
    float: left;
    width: 48%;
    min-width: auto;
}

.commercial-blocks .approval-buttons button.btn.half.right {
    float: right;
}

.commercial-blocks .approval-buttons span.approval-buttons_heading {
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 800;
    margin-bottom: 10px;
    color: #6e6876;
    font-size: 14px;
    margin-top: 18px;
}

.commercial-blocks .approval-buttons span.approval-buttons_heading:last-of-type {
    margin-top: 5px;
}

span.nearest-ae_container {
    clear: both;
    float: left;
    width: 100%;
    border: 1px solid #cecece;
    margin-bottom: 35px;
    padding: 30px;
}

span.nearest-ae_container .jumbotron {
    float: left;
    width: 100%;
    display: block;
    padding: 0px;
    margin: 0px;
    background: none;
    position: relative;
}

span.nearest-ae_container .jumbotron .container {
    padding: 0px;
}

span.nearest-ae_container .jumbotron p.lead {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 0.8;
    margin-bottom: 20px;
}

span.nearest-ae_container .jumbotron h1.hospital-name {
    clear: both;
    float: left;
    width: 100%;
    font-size: 30px;
    line-height: 0.8;
    margin-bottom: 30px;
}

span.nearest-ae_container .jumbotron address {
    clear: both;
    float: left;
    line-height: 26px;
    margin: -7px 0 -7px 0;
    width: 50%;
}

span.nearest-ae_container a.gmaps-link {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 16px 20px;
}

.main-container .panel-container table.selectable tbody tr td {
    cursor: pointer;
}

.main-container .panel-container table.table tbody tr.selected td {
    background: #e6e5e5;
}

.log-close-call form .form-group {
    margin-bottom: 25px;
}

.log-close-call .modal-body form .form-group.checkbox-row label:last-of-type, .log-close-call .modal-body form .form-group.radio-row label:last-of-type {
    margin-bottom: 30px;
}

.job-show section h3 form {
    float: right;
    width: auto;
    margin: -7px 0 0 0;
}

.job-show section h3 form button.btn-danger {
    min-width: 0px;
    width: 30px;
    height: 30px;
    padding: 0px;
    font-size: 13px;
}

.job-show section h3 form button.btn-danger i {
    float: left;
    width: 100%;
    margin-top: -1px;
}

.modal .modal-dialog .row .row .radio-row, .modal .modal-dialog .row .row .checkbox-row {
    padding: 0 5px;
}

#tab5 .dataTables_wrapper .dt-buttons {
    margin: 0px;
	float:right;
}

#havItemsTab .dataTables_wrapper .dt-buttons {
    margin: 0px;
	float:right;
}

#tab5 .dataTables_wrapper thead tr.top th {
    border: none !important;
    padding-top: 40px;
    padding-left: 8px !important;
    padding-bottom: 26px;
    font-size: 18px;
    font-weight: 100;
    color: #312d37;
}

#tab5 .dataTables_wrapper thead:first-of-type tr.top th {
    padding-top: 0px;
}

.notes.job-visit-notes {
    position: relative;
}

.job-visit-notes ul.buttons {
    position: absolute;
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    right: 0px;
    top: -4px;
}

#workPermitsStep .job-resource-list .btn-primary {
    margin-right: 15px;
}

#workPermitsStep .job-resource-list .table {
    margin-top: 40px !important;
}

form .form-group .questionnaire-error-text {
    clear: both;
    float: left;
    width: auto;
    display: block;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 0.9;
    margin-top: 15px;
    color: #ffffff !important;
    background: #d7203a;
    padding: 8px 15px;
    border-radius: 50px;
}

.ssow-questionaire nav .nav-tabs a.text-danger {
    background: #e5002d !important;
    color: #ffffff !important;
}

form .form-group .download-attachment {
    width: 100%;
    margin-top: 15px;
}

a.alert.end-day {
    padding: 11px 30px 8px 60px;
}

a.alert.end-day h4.alert-heading {
    color: #ffffff;
    margin: 6px 0 3px 0;
}

a.alert.end-day p {
    color: #ffffff;
    margin: 0pc;
}

a.alert.end-day:hover {
	opacity:1;
}

a.alert.end-day:before {
    top: 25px;
    left: 24px;
    font-size: 18px;
    color: #ffffff;
}

a.alert.end-day:after {
	display:none;
}

.main-container .panel-container a.report-tab {
    float: left;
    width: 100%;
    display: block;
    border: none;
    border-radius: 50px;
    position: relative;
    padding: 9px 100px 0px 58px;
    min-height: 42px;
    height: auto;
    margin-bottom: 30px;
}

.main-container .panel-container a.report-tab:hover {
	border-color:#535057;
}

.main-container .panel-container a.report-tab i {
    position: absolute;
    left: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #312d37;
    color: #312d37;
    line-height: 0.8;
    padding: 13px 0;
    top: 0px;
}

.main-container .panel-container a.report-tab span.btn {
    min-width: 0px;
    height: auto;
    position: absolute;
    right: 0px;
    padding: 10px 18px;
    font-weight: 600;
    font-size: 13px;
    top: 5px;
}

.main-container .panel-container a.report-tab h3 {
    margin: 0px;
    font-size: 18px;
    line-height: 1.2;
}

.main-container .panel-container a.report-tab:hover i {
	border-color:#d8213b;
	color:#d8213b;
}

.clear-form {
    clear: both;
    float: left;
    width: 100%;
}

.clear-form .row {
    display: block;
    clear: both;
    float: left;
    margin: 0px -15px !important;
}

.modal .modal-dialog .modal-content .modal-body table.table-permit-to-dig .form-check-inline {
    margin: 0px;
}

.modal .modal-dialog .modal-content .modal-body table.table-permit-to-dig .form-check-inline label {
    padding: 0px 0 40px 0;
    width: 30px;
    text-align: center;
    margin: 0 3px;
}

.modal .modal-dialog .modal-content .modal-body table.table-permit-to-dig .form-group {
    margin: 0px;
}

.modal .modal-dialog .modal-content .modal-body table.table-permit-to-dig .form-check-inline label .radio {
    left: 0px;
    bottom: 0px;
    top: initial;
}

#commercials-total-costs form label {
    padding: 0px;
    width: auto;
}

.hot-works-questionaire {
    clear: both;
    float: left;
    width: 100%;
    display: block;
}

.hot-works-questionaire .form-check-inline {
    width: auto;
    display: block;
    margin: 0pc;
    float: left;
}

.hot-works-questionaire .form-check-inline:last-of-type {
    float: right;
}

.job-start .job-resource-list .resource-list-inner.risk-assessment-bottom {
    margin-top: 35px;
    height: auto;
    min-height: 0px;
    max-height: 272px;
}

.job-start .job-resource-list .resource-list-inner.risk-assessment-bottom .form-group {
    padding: 0px;
}

form .form-group.lner-site-upload .form-group label {
    padding-right: 65px;
}

form .form-group.lner-site-upload .form-group a.btn-link {
    height: auto;
    line-height: 1;
    position: absolute;
    right: -0px;
    top: 8px;
    font-size: 14px;
    min-width: 0px;
}

#initialPhotoStep img {
    float: left;
    margin-bottom: 40px;
    width: auto;
    max-width: none;
    height: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#initialPhotoStep form .form-group .image-preview {
    height: 400px;
    width: 400px;
}


.modal-open .modal.log-close-call form .form-group .selectize-control .selectize-dropdown .selectize-dropdown-content {
    max-height: 130px;
}

#questionnaireStep .form-group span {
    float: left;
}

#questionnaireStep .form-group span.question {
    font-size: 16px;
    line-height: 1.6;
}

#questionnaireStep .form-group.comments-group {
    margin: -1px 0 30px 0;
}

#questionnaireStep .tab-content .row:last-of-type .form-group.comments-group {
    margin-bottom: 10px;
}

.office-timer .panel-container {
    position: relative;
}


.office-timer .timer_countup_outer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.76);
    z-index: 10;
    padding: 30px;
    border-radius: 15px;
}

.office-timer .timer_countup_outer .countup-container {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.office-timer .timer_countup_outer .vhboth {
    float: left;
    width: 600px;
    display: block;
    text-align: center;
}

.office-timer .timer_countup_outer span.icon {
    float: left;
    width: 40px;
    height: 40px;
    display: block;
    background: #403d46;
    border-radius: 50%;
    color: #ffffff;
    line-height: 0.8;
    font-size: 16px;
    padding: 11px 0;
    margin-bottom: 25px;
}

.office-timer .timer_countup_outer h4 {
    margin-bottom: 20px;
}

.office-timer .timer_countup_outer span.countup {
    float: left;
    width: 100%;
    font-size: 34px;
    line-height: 0.7;
    color: #e5002d;
    margin-bottom: 34px;
}

.modal .modal-dialog .modal-content button.close {
    position: absolute;
    z-index: 10;
    right: -9px;
    width: 30px;
    height: 30px;
    color: #d7203a;
    outline: none;
    border: none;
    opacity: 1;
    top: -9px;
    font-size: 29px;
    font-weight: 400;
}

.modal .modal-dialog .modal-content button.close:hover {
	opacity:0.6;
}

.main-container .panel-container.resources ul.nav.nav-tabs li a {
    padding: 12px 17px;
}

.modal-body .job-panel-total .tab-pane {
    min-height: 0px;
}

.modal-body .job-panel-total #tab_Details .col-xl-3 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}

.modal.risk-assessments .pow-assessment h4 {
    display: none;
    margin: 0px !important;
}

.notes.job-visit-notes legend {
    font-family: 'Saira Semi Condensed', sans-serif;
    margin-bottom: 30px;
    margin-top: 30px;
}

.main-container .panel-container .notes.job-visit-notes table {
    margin: 0px !important;
}

.job-show #tab6 .notes.job-visit-notes {
    border: none;
    margin: 0px 0 40px;
    padding: 0px;
}

.main-container .panel-container .payment-table {
    float: left;
    width: 100%;
    height: auto;
}

.main-container .panel-container .payment-table table tbody tr td {
    position: relative;
}

.main-container .panel-container .payment-table table tbody tr td table {
    margin: 0px;
    padding: 0px !important;
    margin-bottom: 13px;
}

.main-container .panel-container .payment-table table tbody tr td table:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    display: block;
    left: 0px;
    top: -1px;
    background: #ffffff;
}

.main-container .panel-container .payment-table table tbody tr td table thead tr th {
    height: auto;
    padding: 15px 19px;
    border-color: #e0dcdc;
    color: #6d6973;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.2;
    vertical-align: middle;
    font-weight: 300;
}

.main-container .panel-container .payment-table table tbody tr td table thead tr th:first-of-type {
    border-left: 1px solid #cfcdcd;
	padding-left:15px !important;
}

.main-container .panel-container .payment-table table tbody tr td table thead tr th:last-of-type {
    border-right: 1px solid #cfcdcd;
}



.main-container .panel-container .payment-table table tbody tr td table thead:first-of-type tr th,
.main-container .panel-container .payment-table table tbody tr td table thead.heading-row tr th {
    background: #e0dcdc;
    color: #6d6973 !important;
    font-family: 'Roboto', sans-serif !important;
    padding: 13px 19px !important;
    font-size: 13px !important;
    border: 1px solid #e0dcdc !important;
	font-weight:600;
}

.main-container .panel-container .payment-table table tbody tr td table thead:first-of-type tr th:first-of-type,
.main-container .panel-container .payment-table table tbody tr td table thead.heading-row tr th:first-of-type {
    padding-left: 19px !important;
}


.main-container .panel-container .payment-table table tbody tr td table tbody tr td {
    height: auto;
    padding: 15px 19px;
    border-color: #e0dcdc;
}

.tooltip {
	padding-bottom:15px;
    opacity: unset;
}

.tooltip .arrow {
	bottom:10px;
}

.tooltip .arrow:before {
	border-top-color:#312d37;
}

.tooltip.danger-uploaded .arrow:before {
	border-top-color:#e5002d;
}

.tooltip .tooltip-inner {
	background:#312d37;
	 font-family: 'Roboto', sans-serif;
	border-radius:10px;
	padding:15px;
	max-width:none;
	min-width:200px;
	float:left;
	font-size:13px;
}

.tooltip.danger-uploaded .tooltip-inner {
    background: #e5002d;
    color: #fff;
}

.tooltip .tooltip-inner ul {
	float:left;
	width:auto;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:-3px;
	margin-right:-3px;
}

.tooltip .tooltip-inner ul li {
	float:left;
	width:auto;
	white-space:nowrap;
	display:block;
	margin-bottom:5px;
	clear:both;
}

.tooltip .tooltip-inner ul li.header {
	font-weight:600;
}

.tooltip .tooltip-inner ul li span {
	float:left;
	width:auto;
	display:block;
	padding:0 3px;
	text-aling:left;
	min-width:60px;
}

.tooltip .tooltip-inner ul li span:first-of-type {
	min-width:112px;
}


.tooltip .tooltip-inner ul li span:last-of-type {
	margin:none;
}

.modal .modal-dialog .modal-content .modal-body h3 .float-right {
    margin-right: 25px;
}


.modal-body section {
    float: left;
    width: 100%;
    display: block;
    height: auto;
	margin-bottom:30px;
}

.modal-body section:last-of-type {
	margin-bottom:0px;
}

.modal-body .resource-preview a {
    clear: both;
    float: left;
    width: auto;
    height: auto;
    display: block;
    border: 1px solid #cfcdcd;
    padding: 30px;
    margin-top: 34px;
    margin-bottom: 30px;
    max-width: 540px;
    max-height: 540px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.modal-body .resource-preview a:hover {
	border-color:#312d37;
}

.modal-body .resource-preview .text-center {
    clear: both;
    float: left;
    width: 100%;
    margin: -3px 0 -3px 0;
}

.modal-body .resource-preview .text-center small {
    font-size: 15px;
    font-weight: 300;
}

.modal-body .resource-preview .pdf-viewer_container {
    padding-top: 30px;
}

.two-buttons .dataTables_wrapper .dt-buttons:first-of-type {
    float: right;
    margin: -80px 0 0 0;
}

.two-buttons.no-filters .dataTables_wrapper .dt-buttons:first-of-type {
    margin: -55px 0 30px 0;
}

.two-buttons .dataTables_wrapper .dt-buttons:first-of-type button {
    min-width: 160px;
}

.btn.delete-attachment {
    color: transparent !important;
    position: relative;
}

.btn.delete-attachment:before {
    content: "\f014";
    width: 100%;
    color: #ffffff;
    float: left;
    font-size: 19px;
}

.modal.new-item .modal-dialog .row .row {
    margin-right: -15px;
    margin-left: -15px;
}

.ppe-request {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.main-container .panel-container .ppe-request h3 {
    line-height: 1.4;
    margin: -7px 0 5px 0;
    font-size: 20px;
    font-weight: 600;
}

.ppe-request a.gallery {
    float: left;
    width: 100%;
    height: 340px;
    display: block;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #cfcdcd;
    margin-bottom: 30px;
    margin-top: 10px;
}

.ppe-request a.gallery:hover {
	border-color:#1e2421;
}

.ppe-request a.gallery img {
    float: left;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


.panel-container.ppe-new-request canvas {
    float: left;
    width: 100%;
    display: block;
    height: 550px;
    border: 1px solid #cccccc;
}

.modal.update-contact .modal-dialog .row.row-clear,
.modal.new-hospital .modal-dialog .row .row,
.modal.update-hospital .modal-dialog .row .row {
    margin-left: -15px;
    margin-right: -15px;
}

.modal.update-item .modal-dialog .row .row {
    margin: 0 -8px;
}

.panel-container .row-clear {
    margin: 0px;
}

.resources-outer .tab-pane ul.nav-tabs {
    margin-top: -46px;
}

.main-container .panel-container table.dataTable tbody tr td a.btn .fa-plus {
    margin-top: 2px;
}

/*.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tbody tr,*/
/*.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tbody tr,*/
/*.main-container .panel-container .commercial-blocks table#otherCommercialsTable tbody tr,*/
/*.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tbody tr   {*/
/*    padding-left: 104px;*/
/*}*/

.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tbody tr .order-uid,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tbody tr .order-uid,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tbody tr .order-uid,
.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tbody tr .order-uid  {
    position: absolute;
    left: 0px;
    top: 3px;
    margin: 0px;
    font-family: 'Saira Semi Condensed', sans-serif;
    background: #312d37;
    font-weight: 600;
    color: #ffffff;
    font-size: 18px;
    line-height: 0.8;
    padding: 10px 15px;
}

.custom-switch {
    float: left;
    display: block;
    position: relative;
    height: 30px;
    padding: 0px;
}

.custom-switch label {
    position: relative;
    margin: 0px;
    padding: 7px 0 0 64px;
	font-size: 16px;
}

.custom-switch label:hover {
    cursor: pointer;
}

.custom-switch label:before {
    left: 0px !important;
    top: 0px !important;
    height: 30px !important;
    width: 50px !important;
    border-radius: 50px !important;
    border: none;
    background: #eaeaea !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.custom-switch label:after {
    top: 6px!important;
    left: 7px!important;
    background: #312d43!important;
    border-radius: 50%!important;
    width: 17px!important;
    height: 17px!important;
    opacity: 1;
    transform: translateX(0px) !important;
}

.custom-switch label:hover:after {
	opacity:0.6;
}

.custom-switch input:checked ~ label:before {
	background:#312d43!important;
}

.custom-switch input:checked ~ label:after {
	background:#ffffff!important;
	opacity:1 !important;
	transform: translateX(18px) !important;
}

.edit-work-permits .modal-body .col-xs-12 {
    padding: 0px;
}

.modal.edit-work-permits .modal-body table.table {
    margin-top: 15px !important;
    margin-bottom: 0px;
}

.edit-work-permits .modal-body a.btn {
    margin-right: 10px;
    margin-bottom: 15px;
    height: 40px;
    font-size: 14px;
    padding: 13px 21px;
    line-height: 1;
    min-width: 0px;
}

/* filepond */

.filepond--root {
    float: left;
    width: 100%;
    display: block;
    background: none;
    margin: 0px 0 0 -11px;
    font-family: "Roboto", sans-serif;
    min-height: 46px;
    height: auto !important;
    contain: content;
}

.filepond--root .filepond--drop-label {
    position: relative;
    float: left;
    width: 100%;
    min-height: 00px;
    display: block;
    transform: none !important;
    height: auto;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.filepond--root .filepond--drop-label label {
    float: left;
    display: block;
    text-align: left;
    width: auto;
    color: #ffffff !important;
    border-radius: 50px;
    background: #545158;
    height: 46px;
    padding: 16px 27px;
    line-height: 1;
    margin-left: 15px;
    font-weight: 300;
    font-size: 15px;
}

.filepond--root .filepond--drop-label label:before {
    content: "\f093";
    float: left;
    font-size: 18px;
    margin: -2px 14px 0 -2px;
}

.filepond--root .filepond--drop-label label span,
.filepond--root .filepond--drop-label label a,
.main-container .panel-container table.table tbody tr td .filepond--root .filepond--drop-label label a {
	font-weight:300 !important;
	color:#ffffff !important;
    text-decoration: none !important;
}

.filepond--root .filepond--drop-label label:hover {
    background: #d8213b;
	cursor:pointer;
	color:#ffffff;
}


.commercial-po-upload .filepond--root .filepond--drop-label {
    display: none !important;
}

.commercial-po-upload .filepond--list.filepond--list .filepond--item {
    margin-top: 0px !important;
}

.filepond--root .filepond--panel-root {
    background: none;
}

.filepond--root .filepond--list-scroller {
    margin: 0px;
}

.filepond--list.filepond--list .filepond--item {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    margin: 20px 0 0 0 !important;
    clear: both;
    transform: none !important;
}

.filepond--list-scroller {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    display: block;
    transform: none !important;
}

.filepond--list.filepond--list {
    clear: both;
    float: left;
    width: 100%;
    position: relative !important;
}

form .form-group.ssow-upload-field .filepond--list.filepond--list .filepond--item {
    margin: 0px !important;
}

form .form-group.ssow-upload-field .filepond--list-scroller {
    position: absolute !important;
}

.filepond--wrapper {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

/* filepond */

#commercials-labour table#labourCommercialsTable .selectize-control .selectize-input {
    padding: 0 22px;
    font-size: 14px;
}

#commercials-labour table#labourCommercialsTable .selectize-control {
    width: 150px;
}

#commercials-labour table#labourCommercialsTable .selectize-control .selectize-input input {
    margin: 0px !important;
    font-size: 14px;
}

#commercials-labour table#labourCommercialsTable span.total-text {
    max-width: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#commercials-labour table#labourCommercialsTable button.save-button {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    min-width: 0px;
    height: 38px;
    padding: 0px 25px;
    clear: both;
    margin-top: 20px;
}

#commercials-labour table#labourCommercialsTable .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
    padding: 9px 20px;
    min-height: 0px;
    font-size: 14px;
    height: auto;
}

#commercials-labour table#labourCommercialsTable .selectize-control .selectize-dropdown .selectize-dropdown-content {
    padding-bottom: 20px;
}

#jobWorkAuditResults .card, .modal-body .card {
    margin-bottom: 30px;
    margin-top: 0px !important;
    border: 1px solid #cfcdcd;
    border-radius: 0px;
}

.modal-body .card-deck {
    flex-flow: column;
}

.modal-body .card.mt-3 {
    margin: 0px !important;
}

#jobWorkAuditResults .card:hover,
.modal-body .card:hover {
	border-color:#312d37;
}

#jobWorkAuditResults .card .card-body,
.modal-body .card .card-body {
    flex: 0px;
    padding: 25px;
    min-height: auto;
}

#jobWorkAuditResults .card .card-body h5,
.modal-body .card .card-body h5 {
    color: #312d37;
    font-size: 18px;
    margin: -4px 0 12px 0;
}

#jobWorkAuditResults .card .card-body .col-md-12,
.modal-body .card .card-body .col-md-12  {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    align-items: center;
}


#jobWorkAuditResults .card .card-body .row,
.modal-body .card .card-body .row {
    flex-wrap: wrap;
    display: flex;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: -14px;
}

#jobWorkAuditResults .card .card-body .audit-badges,
.modal-body .card .card-body .audit-badges  {
    display: flex;
    flex-wrap: nowrap;
}

#jobWorkAuditResults .card .card-body .audit-badges .badge,
#jobWorkAuditResults .card .card-body h5 .badge,
.modal-body .card .card-body .audit-badges .badge,
.modal-body .card .card-body h5 .badge {
    margin-left: 8px;
    font-size: 13px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    padding: 5px 10px;
}

#jobWorkAuditResults .card .card-body h5 .pull-right,
.modal-body .card .card-body h5 .pull-right {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}


#jobWorkAuditResults .card .card-body h5 strong,
.modal-body .card .card-body h5 strong {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: -1px 10px 0 0 !important;
    font-weight: 400;
    line-height: 1;
}

a.btn.back-to-job {
    margin-bottom: 40px;
    min-width: 0px;
    padding: 1px 25px;
}

a.btn.back-to-job i {
    margin-right: 5px;
}

.havs-table .btn i.fa {
    margin-top: 0px;
    font-size: 15px;
    margin-right: 4px;
}

.main-container .panel-container table.table thead tr th small {
    font-size: 12px;
    font-weight: 700;
}

table.havs-table .selectize-control {
    max-width: 220px;
    min-width: 220px;
}

.job-overview table.havs-table .form-group label {
	display:none;
}

.job-overview table.havs-table .form-group {
	margin:0px;
}

.main-container .panel-container table.havs-table thead tr th {
	text-align:left;
}

.main-container .panel-container table.havs-table thead tr th small {
	width:100%;
	text-align:center;
}

table.havs-table .selectize-control.single .selectize-input input {
    min-width: 100px;
}

table.table.havs-table {
    margin: 0px;
}

table.table.havs-table tfoot .form-group {
    margin-top: 30px;
}

a.btn.back-to-job.bottom {
    margin-bottom: 0px;
    margin-top: 30px;
}

.signature-pad .form-group {
    margin-bottom: 30px;
}

.signature-pad .form-group canvas {
    border-color: transparent !important;
    height: 200px;
    width: 540px;
    border-radius: 15px;
}

.signature-pad .form-group .validation-message {
    position: relative;
    clear: both;
    float: left;
    margin-top: 17px;
    top: 0px;
    font-size: 12px;
}

.signature-pad .form-group:hover canvas {
    border-color: #312d43 !important;
}

section.resources ul.recourse-meta li.buttons .validation-message {
    float: right;
    clear: both;
    font-size: 12px;
    font-weight: 600;
    max-width: 150px;
}

.modal-content fieldset .questionnaire-content .row {
    /*display: flex; - breaks WIF preview in admin. LW */
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

.audit-overview .questionnaire-content.audit  .row   {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

.modal-content fieldset .questionnaire-content .row .col-xl-8,
.audit-overview .questionnaire-content.audit  .row  .col-xl-8 {
    width: auto;
    max-width: 100%;
    flex-shrink: 1;
    margin: 0px;
}

.modal-content fieldset .questionnaire-content .row .col-xl-4,
.audit-overview .questionnaire-content.audit  .row .col-xl-4 {
    width: auto;
    max-width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.modal-content fieldset .questionnaire-content .row .col-xl-4 .form-check,
.audit-overview .questionnaire-content.audit  .row .col-xl-4 .form-check {
    float: left;
    width: auto;
    display: block;
    margin-right: 0px;
    margin-left: 10px;
}

.modal-content fieldset nav {
    overflow: hidden;
    margin-bottom: 35px;
}

.modal-content fieldset nav .nav-tabs {
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 0px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
}

.modal-content fieldset nav .nav-tabs::-webkit-scrollbar {
    height: 8px;
}

.modal-content fieldset nav .nav-tabs::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #eaeaea;
}

.modal-content fieldset nav .nav-tabs::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #312d43;
	cursor:pointer;
}

.modal-content fieldset nav .nav-tabs::-webkit-scrollbar-thumb:hover {
    background: #d8213b;
}

.modal-content fieldset nav .nav-tabs a.nav-item {
    padding: 20px 15px 20px;
    white-space: break-spaces;
    min-width: 160px;
}

.wif-actions fieldset {
    margin-top: 30px;
}

.wif-actions fieldset table {
    margin: 0px 0 20px 0 !important;
}

.wif-actions fieldset td fieldset {
    margin: 0px;
    float: right;
}

.wif-actions fieldset td .float-left {
    margin: 11px 0 0 !important;
    width: auto;
    display: inline-block;
}

.wif-actions fieldset td .form-group {
    margin: 0px;
}

.wif-actions fieldset td {
    padding-top: 15px !important;
    height: auto !important;
    padding-bottom: 15px !important;
    min-height: 64px;
}

.wif-actions table.table td .director-comment-log {
    position: absolute;
    right: -300px;
    width: 250px;
    background-color: white;
    padding: 0px;
    height: auto;
    max-height: 460px;
    top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

.wif-actions table.table tbody tr td[colspan="3"] {
    position: relative;
}

.wif-actions .panel-container table.table tbody tr.thead {
    height: auto;
    min-height: auto;
    border: 1px solid #ebebeb;
    background: #545158;
}

.wif-actions .panel-container table.table tbody tr.thead th {
}

.wif-actions .panel-container table.table tbody tr.thead.top th {
    width: auto;
    height: auto;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 15px;
    font-family: 'Saira Semi Condensed', sans-serif;
    padding: 25px 0;
}

.wif-actions .panel-container table.table tbody tr.thead.bottom th {
    border-bottom: 1px solid #cfcdcd !important;
    padding-bottom: 15px;
    height: auto;
    min-height: auto;
    font-size: 13px;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight: 700;
    text-align: left;
}

.wif-actions .panel-container table.table tbody tr.thead {
	position:relative;
}

.wif-actions .table {
    border: none;
}

.wif-actions  table .btn-success {
    padding: 9px 0 !important;
}

.wif-actions  table .btn-danger {
	padding:10px 0 !important;
}

.wif-actions .col-xl-12 .form-group {
    margin: 0px;
}


/* big edits to commercial tables */



.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable {
	float:left;
	width:100%;
	display:block;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable table,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable table,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable table,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable table {
    float:left;
    width:100%;
    display:block;
    padding: 25px;
    border: 1px solid #ebebeb;
    background: #eaeaea;
    border-radius: 20px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable table .form-control,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable table .form-control,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable table .form-control,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable table .form-control {
    background: #ffffff;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable .form-group .filepond--root .filepond--drop-label label,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable .form-group .filepond--root .filepond--drop-label label,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable .form-group .filepond--root .filepond--drop-label label,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable .form-group .filepond--root .filepond--drop-label label {
    width: 100%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable thead,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable thead,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable thead,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable thead {
    display: none;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tbody,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tbody,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tbody,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tbody {
    float: left;
    width: 100%;
    display: block;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr {
	margin: 0px;
    display: block;
    float: left;
    position: relative;
    padding-right: 55px;
    margin-bottom: 30px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody >  tr,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody >  tr,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody >  tr {
    border-bottom: 1px solid #cecece;
    padding-bottom: 15px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tbody tr:last-of-type,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tbody tr:last-of-type,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tbody tr:last-of-type,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tbody tr:last-of-type {
	margin-bottom:0px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td {
    padding: 0 15px 15px 0;
    float: left;
    width: 33.33333333%;
    min-height: 92px;
    height: auto;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(7),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(7),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(7),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(7) {
    width: 100%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(8),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(8),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(8),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(8) {
    width: 100%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(9),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(9),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(9),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(9) {
    width: 70%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(10),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(10),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(10) {
    width: 30%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable table > tbody > tr > td:nth-of-type(1),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable table > tbody > tr > td:nth-of-type(1),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable table > tbody > tr > td:nth-of-type(1),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable table > tbody > tr > td:nth-of-type(1) {
    width: 50%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable table > tbody > tr > td:nth-of-type(2),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable table > tbody > tr > td:nth-of-type(2),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable table > tbody > tr > td:nth-of-type(2),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable table > tbody > tr > td:nth-of-type(2) {
    width: 25%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable table > tbody > tr > td:nth-of-type(3),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable table > tbody > tr > td:nth-of-type(3),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable table > tbody > tr > td:nth-of-type(3),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable table > tbody > tr > td:nth-of-type(3) {
    width: 25%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td .form-group,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td .form-group,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td .form-group,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td .form-group {
    width: 100%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td .form-group .custom-file,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td .form-group .custom-file,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td .form-group .custom-file,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td .form-group .custom-file{
    float: right;
    width: 88%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td form,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td form,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td form,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td form {
    float: left;
    width: 100%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td form label:after,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td form label:after,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td form label:after,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td form label:after  {
    padding: 15px 40px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tfoot,
.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tfoot tr,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tfoot,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tfoot tr,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tfoot,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tfoot tr,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tfoot,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tfoot tr {
    float: left;
    width: 100%;
    display: block;
}


.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tfoot td,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tfoot td,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tfoot td,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tfoot td {
    border: none;
    float: left;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tfoot tr td:nth-of-type(2),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tfoot tr td:nth-of-type(2),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tfoot td:nth-of-type(2),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tfoot td:nth-of-type(2) {
    float: right;
    padding-right: 0px;
}


.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td:before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td:before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td:before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td:before {
    color: #6d6973;
    font-weight: 800;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding-bottom: 15px;
    border: none;
    text-align: left;
    float: left;
    width: 100%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td:nth-of-type(11),
.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td:nth-of-type(12),
.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td:nth-of-type(13),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td:nth-of-type(11),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td:nth-of-type(12),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td:nth-of-type(13),
 .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td:nth-of-type(11),
  .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td:nth-of-type(12),
   .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td:nth-of-type(13),
     .main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td:nth-of-type(11),
     .main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td:nth-of-type(12),
     .main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td:nth-of-type(13) {
    width: auto;
    padding: 0px;
    height: auto;
    position: absolute;
    bottom: 2px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td:nth-of-type(11),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td:nth-of-type(11),
 .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td:nth-of-type(11),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td:nth-of-type(11) {
    right: 0px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td:nth-of-type(12),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td:nth-of-type(12),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td:nth-of-type(12),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td:nth-of-type(12) {
	right: 50px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td:nth-of-type(13),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td:nth-of-type(13),
 .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td:nth-of-type(13),
 .main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td:nth-of-type(13) {
    right: 100px;
}


/* plant order custom title */

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(1):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(1):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(1):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(1):before {
	content:"Order no.";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(2):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(2):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(2):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(2):before  {
	content:"Date";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(3):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(3):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(3):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(3):before  {
	content:"Supplier";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(4):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(4):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(4):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(4):before  {
	content:"Requested By";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(5):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(5):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(5):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(5):before  {
	content:"Invoice Number";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(6):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(6):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(6):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(6):before  {
	content:"Invoice Cost";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(7):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(7):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(7):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(7):before  {
	content:"Delivery";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(8):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(8):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(8):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(8):before  {
	content:"Line Items";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(9):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(9):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(9):before  {
	content:"Purchase Order";
}

.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(9):before {
	content:"Subcontractor Order";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(11):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(11):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(11):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(11):before  {
	content:"Invoice";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(1):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(1):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(1):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(1):before  {
	content:"Item Description";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(2):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(2):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(2):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(2):before  {
	content:"Quantity";
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(3):before,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(3):before,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(3):before,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable table > tbody > tr:nth-of-type(1) > td:nth-of-type(3):before  {
	content:"Unit Cost";
}


/* Strip margins off tables */

.modal .modal-dialog .modal-content .modal-body .job-visit-modal_register table,
.modal .modal-dialog .row .row {
    margin: 0px;
}

/* Strip margins off tables */

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  float:left;
}


body, #app, .container-fluid, .container, .row, .col-xs-12, .col-xs-0, h1, h2, h3, h4, h5, h6, header .mega-menu, ul.meta li a:before, ul.meta li a i, form .form-group .btn-group button:before, .mCustomScrollbar,  .mCustomScrollbar .mCustomScrollBox, .mCustomScrollbar .mCustomScrollBox .mCSB_container, .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools, .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools *, .cta-button *, .cta-button *:before, table thead tr th.sorting:before, table thead tr th.sorting_asc:before, table thead tr th.sorting_desc:before, .calender-view .fc .fc-toolbar .fc-center button:before, .ui-widget, .ui-widget .ui-widget-header a *, .ui-widget, .ui-widget .ui-widget-header a:before, .ui-timepicker-container, .ui-widget, .calender-view .fc .fc-view-container .fc-view table .fc-widget-content .fc-row table td a.fc-day-grid-event *, .main-container .panel-container table.table tbody  tr td a.btn *, .main-container .panel-container table.table tbody  tr td a.btn *:before, .main-container .panel-container table.table tbody  tr td a.btn *:after, .main-container .panel-container table.table thead tr th.sorting_asc:after, .main-container .panel-container table.table thead tr th.sorting_desc:after, .main-container .panel-container table.table thead tr th.sorting:after, .main-container .panel-container table.table tbody  tr td form .btn *, .calendar-event-popup, .fc-popover, footer, .login-form-container, .login-form-container .login-form-inner, form, header .main-nav, header .top-nav, .row > *, .main-container .panel-container,  html, table, .btn.btn-icon *,
.signature-register_container .signature-pad .signature-pad--body canvas,.job-start .job-panel-overlay, .ssow-questionaire .tab-navigation a.btn-link:after, .main-container .panel-container a.report-tab i:before,
.dg-main-content,
.dg-content-cont,
.dg-container,
.fancybox-container,
.fancybox-container *,
form .form-group .image-preview .slim .slim-btn-group,
form .form-group .image-preview .slim .slim-btn-group *,
form .form-group .image-preview .slim .slim-result img,
.filepond,
.filepond *,
.filepond--root * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition:  none !important;
  -o-transition: none !important;
  transition: none !important;
}

.pull-right {
	float:right !important;
}

#assigneeStep > div > div:nth-child(2) > div > form > div > select:disabled ~ div.selectize-control {
  display: none;
}

.page-blocked-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsl(266deg 4% 33% / 47%);
    z-index: 100;
    display: none;
}

.page-blocked-overlay .page-overlay-inner {
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	padding-left:15px;
	padding-right:15px;
}

.page-blocked-overlay .overlay-inner {
    background-color: #fff;
    border-radius: 15px;
    padding: 25px;
    -webkit-box-shadow: 0px 0px 20px 0px #6b6b6b;
    -moz-box-shadow: 0px 0px 20px 0px #6b6b6b;
    box-shadow: 0px 0px 20px 0px #6b6b6b;
    float: left;
    width: 430px;
    max-width: 100%;
}

.page-blocked-overlay .overlay-inner h3 {
    margin: 0px 0 30px 0;
    text-align: center;
}

.page-blocked-overlay .overlay-inner .actions {
    display: flex;
    justify-content: space-between;
    margin-bottom: -15px;
    flex-wrap: wrap;
}

.page-blocked-overlay .overlay-inner .actions button {
	margin-bottom:15px;
	width:100%;
}

.page-blocked-overlay .overlay-inner .actions .col {
    flex: 1;
    flex-grow: 1;
    max-width: 100%;
}

.modal-content fieldset .questionnaire-content .row .col-xl-8 {
    flex-grow: 1;
    min-width: 100%;
}

.modal-content fieldset .questionnaire-content .row .col-xl-4 {
    min-width: 100%;
}

.modal-content fieldset .questionnaire-content .row .col-xl-4 .form-check {
    margin-left: 0px;
    margin-right: 20px;
}

.modal-content fieldset .questionnaire-content .row .col-xl-4 .form-check span.radio {
    left: 0px;
}

.modal-content fieldset .questionnaire-content .row .col-xl-4 label {
    width: auto;
    padding-left: 43px;
}

.wif-sidebar {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    padding-right: 300px;
}

.wif-actions table.table td .director-comment-log h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.wif-actions table.table td .director-comment-log ul.list-unstyled {
    clear: both;
    float: left;
    width: 100%;
    margin: 0px;
    display: block;
}

.wif-actions table.table td .director-comment-log ul.list-unstyled li {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(83 80 87 / 30%);
}

.wif-actions table.table td .director-comment-log ul.list-unstyled li:last-of-type {
    margin-bottom: none;
    padding-bottom: none;
    border-bottom: none;
}

.wif-actions table.table td .director-comment-log ul.list-unstyled li .director-note,
.wif-actions table.table td .director-comment-log ul.list-unstyled li .state,
.wif-actions table.table td .director-comment-log ul.list-unstyled li .state dl,
.wif-actions table.table td .director-comment-log ul.list-unstyled li .state dl dt,
.wif-actions table.table td .director-comment-log ul.list-unstyled li .state dl dd {
    float: left;
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 11px;
}

.wif-actions table.table td .director-comment-log ul.list-unstyled li .state {
	margin:0px;
}

.wif-actions table.table td .director-comment-log ul.list-unstyled li .state dl {
	margin:0px;
	margin-bottom:-11px;
}

.wif-actions table.table td .director-comment-log ul.list-unstyled li .state dl dt {
    margin: 0px;
    padding: 0px;
    min-width: 100%;
    font-size: 13px;
    color: #545158;
    margin-bottom: 5px;
}

.wif-actions table.table td .director-comment-log ul.list-unstyled li .state dl dd {
    margin: 0px;
    padding: 0px;
    min-width: 100%;
    line-height: 24px;
    margin-top: -2px;
    margin-bottom: 11px;
}

.wif-actions table.table td .director-comment-log ul.list-unstyled li .director-note b {
    float: left;
    width: 100%;
    display: block;
    font-size: 13px;
    color: #545158;
    margin-bottom: 5px;
}

.legacy-order-no {
    color: red;
    float: right;
    position: absolute;
    top: 0;
    font-size: 12px;
    font-weight: bold;
}


/* new styling handback */

.checkbox-fix label span.checkbox {
    left: 0px !important;
}

form .form-group.checkbox.checkbox-fix label {
    padding-left: 45px;
}

.main-container .panel-container #tabHandBack h3 {
    margin-bottom: 20px;
}

.mb-20 {
	margin-bottom:20px;
}

.mb-30 {
	margin-bottom:30px;
}

.pdf-preview hr {
    background: #6d6973;
    width: 100%;
    height: 1px;
    border: none;
    opacity: 0.6;
    margin-top: 40px;
    margin-bottom: 40px;
}

.main-container .panel-container #tabHandBack .pdf-preview h3 {
}

.pdf-preview .btn-group {
    float: right;
    margin-bottom: 30px;
}

.pdf-preview .btn-group .btn {
    float: right;
    margin-left: 15px;
    border-radius: 50px !important;
}

.pdf-preview .btn-icon {
    padding: 13px 0;
}

.pdf-preview .btn-icon i {
    margin-left: -1px;
}

.pdf-preview .pdf-preview-inner {
    background: #f3f1f1;
    border-radius: 15px;
    padding: 30px 30px;
}

.pdf-preview .pdf-preview-inner .p-title {
    color: #312d37;
    font-size: 15px !important;
    padding: 0 15px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.pdf-preview .pdf-preview-inner table.image-list.after-image-list {
    display: block !important;
}

.pdf-preview .pdf-preview-inner table.image-list.after-image-list tbody, .pdf-preview .pdf-preview-inner table.image-list.after-image-list tbody tr {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.pdf-preview .pdf-preview-inner table.image-list.after-image-list tbody tr {
    display: flex;
    flex-wrap: wrap;
}

.pdf-preview .pdf-preview-inner table.image-list.after-image-list tbody td {
    margin-bottom: 30px;
    padding: 0 15px;
    flex: 1;
    max-width: 33.33333333%;
    min-width: 33.33333%;
    border: none !important;
}

.pdf-preview .pdf-preview-inner table.image-list.after-image-list tbody td .image-block {
    margin: 0px !important;
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

.pdf-preview .pdf-preview-inner table.image-list.after-image-list tbody td .image-block img {
    min-width: 100% !important;
    max-width: 100% !important;
    height: 220px;
    object-fit: cover;
    overflow: hidden;
}

.pdf-preview .pdf-preview-inner > .row:last-of-type > table:last-of-type td {
    margin: 0px !important;
}

.main-container .panel-container #tabHandBack .pdf-preview h3 {
    margin-top: 16px;
}

.pdf-preview .pdf-preview-inner a.logo-main {
    float: left;
    width: auto;
    display: block;
}

.pdf-preview .pdf-preview-inner a.logo-main img {
    margin: 0px !important;
}

.pdf-preview .pdf-preview-inner .col {
    max-width: 50%;
}

.pdf-preview .pdf-preview-inner h1 {
    float: right;
    font-size: 22px;
}

.pdf-preview .pdf-preview-inner h3 {
    margin-top: 40px !important;
    float: left;
    width: 100%;
    display: block;
    font-weight: 600;
    margin-bottom: 25px !important;
}

.pdf-preview .pdf-preview-inner table.borderless {
    margin-bottom: 0px;
}

.pdf-preview .pdf-preview-inner table.borderless td b {
    color: #312d37;
}

.pdf-preview .pdf-preview-inner table.borderless td {
    text-align: left;
    padding: 0 15px;
    padding-bottom: 10px;
    vertical-align: top;
    font-weight: 400;
    width: 25%;
}

.pdf-preview .pdf-preview-inner .image-block {
    float: left;
    width: 100%;
    display: block;
    background: #ffffff;
    padding: 10px;
    max-width: calc(33.33333333% - 15px);
    margin-right: 15px;
    margin-bottom: 13px;
}

.pdf-preview .pdf-preview-inner .image-block img {
    float: left !important;
    width: 100% !important;
    display: block;
}

.pdf-preview .pdf-preview-inner table.borderless td {
    text-align: left;
    padding: 0 15px;
    padding-bottom: 10px;
    vertical-align: top;
    font-weight: 400;
}

.pdf-preview .pdf-preview-inner table.borderless td.image-list table tr td {
    float: left;
    width: auto;
    display: block;
}

.pdf-preview .pdf-preview-inner table.borderless td.padding-bottom {
    padding-bottom: 24px;
}

.pdf-preview .pdf-preview-inner .image-block small {
    clear: both;
    float: left;
    font-size: 12px;
    font-weight: 700;
    display: block;
    margin-top: 12px;
}

.pdf-preview .pdf-preview-inner table.form {
    margin-bottom: 0px;
    margin-top: 20px !important;
    width: calc(100% - 30px);
    margin-left: 15px;
}

.pdf-preview .pdf-preview-inner table.form th {
    color: #312d37;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    padding: 0px 10px 10px;
}

.pdf-preview .pdf-preview-inner table.form td {
    border-bottom: 1px solid #999999;
    padding: 10px;
}

.pdf-preview .pdf-preview-inner table.form td .form-group {
    margin: 0px;
}

.pdf-preview .pdf-preview-inner table.form td .form-group input {
    background: none;
    border: none;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #6d6973;
    font-size: 15px;
    padding-left: 0px;
    padding-right: 0px;
    appearance: none;
    -webkit-appearance: none;
    pointer-events: none;
    cursor: default;
}

#tabHandBack table .form-group {
    margin: 0px;
}

.job-show section.resources ul.recourse-meta li .checkbox-row,
.panel-container section.resources ul.recourse-meta li .checkbox-row,
.modal-body section.resources ul.recourse-meta li .checkbox-row {
    margin-top: 7px !important;
}

.job-show section.resources ul.recourse-meta li .checkbox-row label,
.panel-container section.resources ul.recourse-meta li .checkbox-row label,
.modal-body section.resources ul.recourse-meta li .checkbox-row label {
    width: 100%;
    margin-bottom: 0px;
    padding-left: 45px;
}

.job-show section.resources ul.recourse-meta li .checkbox-row label .checkbox,
.panel-container section.resources ul.recourse-meta li .checkbox-row label .checkbox,
.modal-body section.resources ul.recourse-meta li .checkbox-row label .checkbox {
    margin: 0px;
    width: 30px;
    left: 0px;
}

.add-job-resource .modal-content .checkbox-row {
    padding: 0 6px;
}

.add-job-resource .modal-content form > .col-xs-12 {
    padding: 0px;
    clear: both;
    float: left;
    width: 100%;
}

.add-job-resource .modal-content form .filepond input {
    margin: 0;
    padding: 0;
    width: calc(100% - 2em);
    height: 0;
}

.add-job-resource .modal-content form .filepond .filepond--list-scroller {
    margin-top: -66px;
}

.job-show section.visits .col-xs-12:last-of-type .checkbox-row label {
    width: 100%;
    margin-left: -10px;
}

.handback-repeater .col-3 {
    min-width: 50%;
}

.handback-repeater .signature-register_container strong {
    display: none;
}

.handback-repeater {
    margin: 0px;
}

.handback-repeater > .col-12 {
    padding: 0px;
}

.handback-repeater > .col-12:last-of-type .form-group {
    border-bottom: 1px solid #6d6973;
    margin-bottom: 40px;
    padding-bottom: 40px;
    margin-top: -5px;
}

.handback-repeater > .col-12 > .row {
    margin-bottom: 25px;
    float: left;
}

.image-list-inner {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}


/* DAMS styling */
.asset-management .main-container .panel-container h3 {
    text-align: center;
    width: 100%;
    font-size: 28px;
    margin-top: 5px;
}

.asset-management .main-container .panel-container h3 small {
    clear: both;
    display: table;
    background: #e5002d;
    margin: 0 auto;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 0.8;
    padding: 6px 7px;
    margin-top: 17px;
}

.dams-warnings-container {
    float: left;
    width: 100%;
    display: block;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0 15px;
}
.main-container .panel-container .dams-warnings-container ul h4 {
    min-width: 100%;
    max-width: 100%;
    flex: 1;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 500;
    margin: 2px 0 20px 0;
}

.dams-warnings-container ul {
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    float: left;
    width: calc(100% + 30px);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
    list-style-type: none;
}

.dams-warnings-container ul li {
    min-width: 33.33333%;
    max-width: 33.33333%;
    flex: 0 0 33.33333%;
    padding: 0 15px;
    margin-bottom: 18px !important;
}
.dams-warnings-container ul li span {
    float: left;
    width: 100%;
    display: block;
    padding-right: 0;
    position: relative;
}

.dams-warnings-container ul li span.asset-name {
}

.dams-warnings-container ul li span.asset-name:before {
    content: "\f0c1";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    color: #ffffff;
    background: #545158;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 0.8;
    padding: 8px 0;
    padding-right: 1px;
    opacity:0;
}

.dams-warnings-container ul h4:before {
    content: "";
    position: absolute;
    left: 15px;
    width: 34px;
    height: 34px;
    background: #1b1b1b;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    line-height: 0.8;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -12px;
}

.main-container .panel-container .dams-warnings-container ul h4 {
    min-width: 100%;
    max-width: 100%;
    flex: 1;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 500;
    margin: 2px 0 33px 0;
    padding-left: 62px;
    position: relative;
}

.dams-warnings-container ul.assets-overdue h4:before {
    content: "\f273";
    padding-left: 2px;
    padding-bottom: 2px;
    background: #e5002d;
}

.dams-warnings-container ul.assets-warranty-expiring h4:before {
    content: "\f12a";
    background: #ffd400;
    color: #1b1b1b;
}

.dams-warnings-container ul.assets-maintenance-due h4:before {
    content: "\f073";
    background: #c8c7ca;
    color: #1b1b1b;
}

.dams-warnings-container ul li .asset-expiry, .dams-warnings-container ul li .asset-category {
}

.dams-warnings-container ul li .asset-expiry strong, .dams-warnings-container ul li .asset-category strong {
}

.dams-warnings-container ul li span a {
    font-weight: 700;
    text-decoration: underline !important;
    color: #545158;
}

.dams-warnings-container ul li span a:hover {
    text-decoration: underline;
    color: #d8213b;
}

.dams-warnings-container ul li .asset-expiry, .dams-warnings-container ul li .asset-category {
    clear: both;
    font-size: 12px;
    font-weight: 500;
    color: #6d6973;
    margin-top: 9px;
    font-style: italic;
}

.dams-warnings-container ul li .asset-expiry strong, .dams-warnings-container ul li .asset-category strong {
    display: inline-block;
    padding-right: 6px;
}

.dams-warnings-container ul.assets-due-soon h4:before {
    content: "\f252";
    color: #ffffff;
    background: #ff8d00;
    padding-left: 1px;
}

.selectize-control .selectize-dropdown .selectize-dropdown-content .optgroup {
    float: left;
    width: 100%;
    padding: 10px;
    padding-top: 0px;
}


.selectize-control .selectize-dropdown .selectize-dropdown-content .optgroup .optgroup-header {
    float: left;
    width: 100%;
    display: block;
    background: #f1f1f1;
    border-radius: 10px 10px 0px 0px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
    color: #6d6973;
    padding: 6px 11px;
    padding-top: 9px;
    padding-bottom: 3px;
}

.selectize-control .selectize-dropdown .selectize-dropdown-content .optgroup .option:last-of-type {
    border-radius: 0 0 10px 10px;
}

.selectize-control .selectize-dropdown .selectize-dropdown-content .optgroup .option {
    padding: 6px 11px !important;
    min-height: 0px !important;
    background: #f1f1f1;
    font-size: 14px !important;
    color: #6d6973 !important;
    height: auto !important;
}

.selectize-control .selectize-dropdown .selectize-dropdown-content .optgroup .option:hover {
    opacity: 1!important;
    color:#e5002d !important;
}

.selectize-control .selectize-dropdown .selectize-dropdown-content .optgroup .option.active {
    font-weight: 400 !important;
    color: #e5002d !important;
}

.modal.create-asset .col-md-3 {
    min-width: 50%;
}

.modal.create-asset .col-md-3 .form-group.no-label {
    padding-top: 0px;
}

.show-asset #tabResources {
    padding-left: 15px;
    padding-right: 15px;
}

.show-asset .job-show section.resources ul.recourse-meta,
.asset-detected.modal section.resources ul.recourse-meta{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-content: start;
    align-items: start;
}

.show-asset .job-show section.resources ul.recourse-meta li.buttons,
.asset-detected.modal section.resources ul.recourse-meta li.buttons {
    padding-right: 0px;
}

.show-asset .job-show section.resources ul.recourse-meta li, .asset-detected.modal section.resources ul.recourse-meta li {
    flex: 1;
    padding-right: 10px;
    margin-bottom: 15px !important;
    margin-top: 0px !important;
}

.asset-detected.modal section.resources ul.recourse-meta li.buttons {
    min-width: auto;
}

.asset-detected.modal section.resources ul.recourse-meta li {
    min-width: 50%;
}

.asset-detected.modal section.resources ul.recourse-meta {
    padding-right: 70px;
}

.show-asset .job-show section.resources ul.recourse-meta li b.label-title,
.asset-detected.modal section.resources ul.recourse-meta li b.label-title {
    margin-bottom: 10px;
}

.show-asset .job-show section.resources,
.asset-detected.modal section.resources{
    margin-bottom: 30px;
}

.modal.add-asset-resource form > .col-xs-12 {
    padding: 0px;
}

.filepond--root input.filepond--browser,
.asset-detected.modal input.filepond--browser  {
    display: none;
}

input.filepond--browser {
    display: none !important;
}

.modal.add-asset-resource .filepond--root,
.asset-detected.modal .filepond--root {
    margin-left: 0px !important;
}

.modal.add-asset-resource  .filepond--list.filepond--list,
.asset-detected.modal  .filepond--list.filepond--list {
    left: 0px;
    right: 0px;
}

.modal.add-asset-resource .filepond--root .filepond--drop-label label,
.asset-detected.modal .filepond--root .filepond--drop-label label   {
    margin: 0px;
}

.show-asset #tabQrCode,
.show-asset div#tabConditions {
    padding-left: 15px;
    padding-right: 15px;
}

.show-asset #tabQrCode a {
    background: #ebebeb;
    float: left;
    width: auto;
    display: block;
    padding: 10px;
    border-radius: 15px;
}

.show-asset #tabQrCode a img {
    border-radius: 15px;
}

.show-asset .job-show section.condition-log,
.asset-detected.modal section.condition-log  {
    padding-left: 0px !important;
}

.show-asset .job-show section.condition-log ul.recourse-meta,
.asset-detected.modal  section.condition-log ul.recourse-meta {
    padding-right: 0px;
}

.show-asset .job-show section.condition-log,
.asset-detected.modal section.condition-log {
    border-bottom: 1px solid rgb(109 105 115 / 25%);
    padding-bottom:20px;
}

.show-asset .job-show section.condition-log:last-of-type,
.asset-detected.modal section.condition-log:last-of-type{
    border-bottom: none;
    margin-bottom: 0px;
}

.show-asset .job-show section.condition-log .photos-list,
.asset-detected.modal section.condition-log .photos-list{
    display: flex;
    clear: both;
    float: left;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    flex-wrap: wrap;
    margin-top: 10px;
}

.show-asset .job-show section.condition-log .photos-list b.label-title,
.asset-detected.modal section.condition-log .photos-list b.label-title {
    padding: 0 10px;
}


.show-asset .job-show section.condition-log ul.recourse-meta li {
    max-width: 25%;
}

.asset-detected.modal section.condition-log ul.recourse-meta li {
    min-width:50%;
    max-width:50%;
}

.show-asset .job-show section.condition-log ul.recourse-meta li.notes,
.asset-detected.modal section.condition-log ul.recourse-meta li.notes {
    max-width: 100%;
}

.show-asset .job-show section.condition-log .photos-list .photo-inner,
.asset-detected.modal section.condition-log .photos-list .photo-inner  {
    max-width: 120px;
    padding: 0 10px 10px;
    flex: 1;
}

.show-asset .job-show section.condition-log .photos-list .photo-inner a,
.asset-detected.modal section.condition-log .photos-list .photo-inner a{
    float: left;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    overflow: hidden;
    border: 1px solid rgb(109 105 115 / 28%);
    border-radius: 9px;
}

.show-asset .job-show section.condition-log .photos-list .photo-inner a:hover,
.asset-detected.modal section.condition-log .photos-list .photo-inner a:hover {
    border: 1px solid rgb(109 105 115 / 100%);
}

.show-asset .job-show section.condition-log .photos-list .photo-inner a img,
.asset-detected.modal section.condition-log .photos-list .photo-inner a img{
    padding: 0px;
    border: none;
}

.fancybox-content {
    background: #ffffff !important;
}

.asset-detected.modal #tab_resources .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.modal.asset-detected .modal-dialog {
    max-width: 750px;
}

.modal.asset-detected #tab_general .form-group label {
    margin-bottom: 1px;
}

.modal.asset-detected #tab_general .row {
    margin-left: -15px;
    margin-right: -15px;
}

.main-container .panel-container ul.job-tracker li .label input {
    display: none;
    width: 0px;
    height: 0px;
    visibility: hidden;
}

.pdf-preview .pdf-preview-inner table.borderless td.image-list table {
    margin: 0px !important;
}

.pdf-preview .pdf-preview-inner table.borderless td.image-list table tr {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.modal .modal-dialog .modal-content .modal-body .list-group-item p.mb-1 ~ small.float-right {
    position: relative;
    float: left !important;
    top: 0px;
    margin-top: 4px;
    margin-bottom: 5px;
}



.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable .form-group .filepond--root .filepond--drop-label label,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable .form-group .filepond--root .filepond--drop-label label,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable .form-group .filepond--root .filepond--drop-label label,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable .form-group .filepond--root .filepond--drop-label label {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable .form-group .filepond--root .filepond--drop-label label a,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable .form-group .filepond--root .filepond--drop-label label a,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable .form-group .filepond--root .filepond--drop-label label a,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable .form-group .filepond--root .filepond--drop-label label a   {
    margin: 0 4px;
}



.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(11),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(11),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(11),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(11) {
    position: relative;
    padding-right: 15px;
}


.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td .form-group .filepond--root.filepond--hopper,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td .form-group .filepond--root.filepond--hopper,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td .form-group .filepond--root.filepond--hopper,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td .form-group .filepond--root.filepond--hopper   {
    margin-left: 0px;
}



.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable tr td:nth-of-type(12),
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable tr td:nth-of-type(12),
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable tr td:nth-of-type(12),
.main-container .panel-container .commercial-blocks table#otherCommercialsTable tr td:nth-of-type(12) {
    right: 0px;
    bottom: 14px;
    height: 45px;
    min-height: 45px;
}

.modal .randomize label .radio {
    left: 0px !important;
}

.modal .randomize label {
    padding-left: 46px !important;
    margin-right: 7px !important;
}

/* MEWP styling */
#plantQuestionnaireStep {
    float: left;
    width: 100%;
}

#plantQuestionnaireStep .ssow-questionaire {
    position: relative;
    margin-top: -6px;
}

#plantQuestionnaireStep .ssow-questionaire nav {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}



#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane > .row {
    margin-top: 5px;
    float: left;
    margin-bottom: 8px;
}

#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane > div {
    clear: both;
    float: left;
    width: 100%;
    display: block;
}

#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane h3 {
    margin-bottom: 25px;
}

#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane h4 {
    margin-top: 10px;
    margin-bottom: 24px;
}

#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane .randomize .form-check-inline {
    margin-right: 0px;
    margin-left: 20px;
    min-width: 88px;
}

#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane .form-group.col-xl-8 {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    align-content: center;
    min-height: 30px;
    margin-bottom: 15px;
}

#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane .form-group.col-xl-8 span.question {
    order: 2;
}

#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane .form-group .questionnaire-error-text {
    margin: 0px;
    order: 1;
    font-size: 0px;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane .form-group .questionnaire-error-text:before {
    content: "\f071";
    font-size: 12px;
    font-weight: 100;
    display: block;
    line-height: 1;
}

.mewp-modal {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.mewp-modal .alert {
    margin-top: 35px;
    margin-bottom: 24px;
}

.mewp-modal .alert:after {
    display:none;
}

.modal .modal-dialog .modal-content .modal-body .mewp-modal table {
    margin-bottom: 22px;
}



#plantQuestionnaireStep .ssow-questionaire .nav-tabs a.text-danger {
    background: none !important;
    color: #e5002d !important;
}

#plantQuestionnaireStep .ssow-questionaire .nav-tabs a.text-danger:after {
	background:#e5002d;
}

#plantQuestionnaireStep .ssow-questionaire .tab-content .tab-pane > .row {
    margin-top: 0px;
    float: left;
    margin-bottom: 20px;
    width: calc(100% + 30px);
}

#plantQuestionnaireStep .ssow-questionaire .nav-tabs a {
    width: auto;
    text-transform: capitalize;
    padding: 4px 13px 19px;
    border-bottom: 0px;
}

#plantQuestionnaireStep .ssow-questionaire .nav-tabs {
    max-width: 100%;
    justify-content: start;
    min-width: 100%;
    border-bottom: 3px solid #ebeaea;
}

#plantQuestionnaireStep .ssow-questionaire .nav-tabs a:after {
    bottom: -2px;
}

.reject-plant-questionnaire {
	margin-right:10px;
}

#questionnaireStep .ssow-questionaire nav .nav-tabs a {
    flex: 1;
    padding-top: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#questionnaireStep .ssow-questionaire {
	margin-top:0px;
}



/* new features styling */
.signature-pad {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.signature-pad strong {
}

.signature-pad p {
    line-height: 25px !important;
    float: left;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 12px !important;
    float: left;
    display: block;
}

.signature-pad .signature-pad--body {
    float: left;
    width: auto;
    height: auto;
    display: block;
}

.signature-pad .signature-pad--body canvas {
    background: #eaeaea;
    border-radius: 15px;
    float: left;
}

.signature-pad .signature-pad--body canvas {
    background: #eaeaea;
}

.permit-authorisation {
    margin-top: 30px;
}

.permit-authorisation h5 {
}

.permit-authorisation table {
    margin: 0 0 0px !important;
    float: left;
    display: block !important;
}

.permit-authorisation thead {
	display:none;
}

.permit-authorisation table tbody tr {
}

.permit-authorisation table tbody tr td {
    border: none !important;
    float: left;
    width: 100%;
    height: auto !important;
    padding: 0px !important;
}

.permit-authorisation table tbody tr td:first-of-type {
    float: left;
    width: 100%;
    font-size: 14px !important;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 13px;
    margin-bottom: 11px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    padding-left: 10px !important;
}

.permit-authorisation table tbody tr td:last-of-type {
    margin-bottom: 20px !important;
}

.permit-authorisation table tbody tr td .signature-pad strong {
    display: none;
}

.permit-authorisation table tbody tr td {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.permit-authorisation table tbody tr td .form-check-inline {
    float: left;
    width: 100%;
    display: block;
    padding: 0 10px;
}

.permit-authorisation table tbody tr td .form-check-inline label {
    display: flex;
    width: 100% !important;
    padding: 0px 0 0 40px !important;
    justify-content: start;
    align-content: center;
    align-items: center;
}

.permit-authorisation table tbody tr td .form-check-inline span.radio {
    left: 0px;
}

form .form-group.checkbox.single label {
    padding-top: 0px;
    line-height: 1.6;
    padding-left: 50px;
    margin-top: -6px;
}

form .form-group.checkbox.single label span.checkbox {
    left: 0px;
    top: 5px;
}

.modal.work-permits .resources-list table.table {
    margin-bottom: 0px;
}

.modal.work-permits .resources-list table.table br {
    display: none;
}

.modal.work-permits .resources-list table.table a {
    float: left;
    width: auto;
    display: block;
    margin-left: 20px;
}

.signature-register_container form.signature-register_form ul {
    padding-left: 16px;
}

.job-start .job-panel-overlay ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: start;
    align-items: stretch;
}


.template-inventory-assets-scan .modal-body > .col-xs-12 {
    padding: 0px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    border: none;
    appearance: none;
    webkit-appearence: none;
    font-weight: 500;
    color: #372d37;
    line-height: 15px;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px;
    height: auto;
    overflow: visible !important;
    width: auto;
}

.template-inventory-assets-scan .modal-body form > .row > div:last-of-type {
    float: right;
}

.template-inventory-assets-scan .modal-body form > .row > div:last-of-type .form-group {
	margin:0px;
}

.template-inventory-assets-scan .modal-body form > .row > div:last-of-type .form-group label {
	display:none;
}

.template-inventory-assets-scan .form-group.checkbox.flex-styling label span.checkbox {
    left: 0px;
}

.template-inventory-assets-scan .form-group.checkbox.flex-styling label {
    padding-left: 43px;
    padding-top: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.3;
}

/* fixing  commerical tab section */
.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(9), .main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(9), .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(9), .main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(9), .main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10), .main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(10), .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(10), .main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(10), .main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(11), .main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(11), .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(11), .main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(11) {
    width: 100%;
min-height: 0px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(9) p.text-danger, .main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(9) p.text-danger, .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(9) p.text-danger, .main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(9) p.text-danger, .main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10) p.text-danger, .main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(10) p.text-danger, .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(10) p.text-danger, .main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(10) p.text-danger, .main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(11) p.text-danger, .main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(11) p.text-danger, .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(11) p.text-danger, .main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(11) p.text-danger {
	margin:0px;
}


.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10) .row, .main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(10) .row, .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(10) .row, .main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(10) .row,
.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(11) form .filepond--hopper, .main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(11)  form .filepond--hopper, .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(11)  form .filepond--hopper, .main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(11)  form .filepond--hopper {
    display: flex;
    flex-wrap: wrap;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div, .main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div, .main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div, .main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div {
    flex: 1;
    max-width: 100%;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:first-of-type,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:first-of-type,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:first-of-type,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:first-of-type,
.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:last-of-type,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:last-of-type,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:last-of-type,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:last-of-type {
	flex:0;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10) a.btn.has-tooltip:before,
.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10) a.btn.has-tooltip:after {
	display:none;
}

.main-container .panel-container .commercial-blocks table tbody tr td span.rate-text {
    float: right;
    margin-top: 11px;
}

.main-container .panel-container .commercial-blocks .filepond--list {
    left: 0px;
    right: 0px;
}

.main-container .panel-container .commercial-blocks a.btn.has-tooltip:before,
.main-container .panel-container .commercial-blocks a.btn.has-tooltip:after {
	display:none;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(11) form .filepond--hopper .filepond--drop-label,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(11)  form .filepond--hopper .filepond--drop-label,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(11)  form .filepond--hopper .filepond--drop-label,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(11)  form .filepond--hopper .filepond--drop-label {
    flex: 0;
    white-space: nowrap;
    min-width: 220px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(11) form .filepond--hopper .filepond--list-scroller,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(11)  form .filepond--hopper .filepond--list-scroller,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(11)  form .filepond--hopper .filepond--list-scroller,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(11)  form .filepond--hopper .filepond--list-scroller {
flex: 1;
    padding-left: 30px;
    margin-top: -20px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:first-of-type a.btn,
.main-container .panel-container .commercial-blocks table#materialsCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:first-of-type a.btn,
.main-container .panel-container .commercial-blocks table#subcontractorsCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:first-of-type a.btn,
.main-container .panel-container .commercial-blocks table#otherCommercialsTable > tbody > tr > td:nth-of-type(10) .row > div:first-of-type a.btn {
	min-width:220px;
}

.form-group-mobile {
	margin:0px !important;
}

#burger-menu,
header a.show-workflow {
	display:none;
}

.havs-buttons {
	margin:30px 0 0 !important;
}

.close-workflow {
	display:none;
}

.ppm-job-management .tab-pane .panel-container {
    padding: 0px;
}

.staff_register_contractors_list .form-group.radio label .radio {
    left: 0px;
}

.staff_register_contractors_list .form-group.radio label {
    padding-left: 42px;
}

.form-row.register_contractors_list {
	margin-top:0px;
}

.staff_register_contractors_list .selectize-control .selectize-input input {
    width: auto !important;
}

.what3words-container {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.what3words-container a.what3words {
	background:#f5f5f5;
	clear:both;
	float:100%;
	height:auto;
	display:block;
}

.what3words-container a.what3words,
.job-start .job-panel-overlay ul.flex-buttons-overlay li.what-3-words-flex a.what3words {
    background: #ffffff;
    clear: both;
    float: left;
    height: auto;
    display: block;
    width: 100%;
    font-family: 'Saira Semi Condensed';
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding: 10px 15px;
    border-radius: 7px;
    border: 1px solid;
}


.what3words-container a.what3words:hover,
.job-start .job-panel-overlay ul.flex-buttons-overlay li.what-3-words-flex a.what3words:hover {
color:#d8213b;
}

.doc-type-delete {
    position: absolute;
    left: 0px;
	top:0px;
}

.doc-type-delete form {
    clear: both;
    float: left;
    margin-top: 15px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable .form-group.checkbox input[type="checkbox"] {
    display: none !important;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable .form-group.checkbox label span.checkbox {
    margin-top: 0px;
    left: 0px;
}

.main-container .panel-container .commercial-blocks table#plantOrdersCommercialsTable .form-group.checkbox label {
    padding-left: 45px;
}

.template-engineers-library .main-container .panel-container ul.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 30px;
    min-height: 46px;
    max-width: 100%;
}
.resources-outer .tab-pane ul.nav-tabs {
    margin-top: -7px;
}

.template-engineers-library .main-container .panel-container ul.nav-tabs li a {
	white-space:nowrap;
}

.modal-body ul.nav {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 30px;
    min-height: 46px;
    max-width: 100%;
}

.modal-body ul.nav li a {
    white-space: nowrap;
}

.main-container .panel-container ul.nav-tabs li a, .modal-body ul.nav li a {
    height: 34px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #7d7781 !important;
    background: none !important;
    padding: 12px 19px;
}

.modal-body ul.nav::-webkit-scrollbar,
.main-container .panel-container ul.nav-tabs::-webkit-scrollbar {
    height: 5px;
}
.modal-body ul.nav::-webkit-scrollbar-thumb,
.main-container .panel-container ul.nav-tabs::-webkit-scrollbar-thumb {
    background: #666666;
    border-radius: 5px;
}
.modal-body ul.nav::-webkit-scrollbar-track,
.main-container .panel-container ul.nav-tabs::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle on hover */
.modal-body ul.nav::-webkit-scrollbar-thumb:hover,
.main-container .panel-container ul.nav-tabs::-webkit-scrollbar-thumb:hover {
  background: #312d37;
}


.job-start .job-panel-overlay ul.flex-buttons-overlay {
    gap: 15px;
}

.job-start .job-panel-overlay ul.flex-buttons-overlay li {
    padding: 0px;
    flex: 1;
    min-width: 20%;
    max-width: 20%;
    margin: 0px;
}

.job-start .job-panel-overlay ul.flex-buttons-overlay li.what-3-words-flex {
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.job-start .job-panel-overlay ul.flex-buttons-overlay li.what-3-words-flex a.what3words {
    white-space: nowrap;
    width: auto;
    color: #312d37;
    margin-top: 20px;
    padding: 12px 20px;
}

.modal-body section.resources ul.recourse-meta li.buttons {
    flex-direction: row;
	gap:5px;
}

.modal-body section.resources ul.recourse-meta li.buttons a.btn {
    width: 34px;
    height: 34px;
    font-size: 14px;
    padding-top: 11px;
    padding-left: 1px;
}

.modal-body section.resources ul.recourse-meta {
    padding-right: 80px;
}

.modal .modal-dialog .modal-content .modal-body nav {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    border-bottom: 1px solid #312d37;
}

.modal .modal-dialog .modal-content .modal-body nav .nav-tabs {
    border: none;
    gap: 5px;
}

.modal .modal-dialog .modal-content .modal-body nav .nav-tabs a.nav-item {
    background: none;
    border: 1px solid #cccccc;
    color: #343434;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    border-bottom: 0px;
    margin-bottom: -1px;
    border-radius: 0px;
    padding: 12px 15px;
}

.modal .modal-dialog .modal-content .modal-body nav .nav-tabs a.nav-item:hover {
	border-color:#d7203a;
	color:#d7203a;
}

.modal .modal-dialog .modal-content .modal-body nav .nav-tabs a.nav-item.active {
	background:#ffffff;
	border-color:#312d37;
	color:#312d37;
	pointer-events:none;

}

.modal.plant-questionnaire .modal-body .tab-pane .form-group {
    padding: 0px;
}


.modal.plant-questionnaire .modal-body .tab-pane .radio-row {
    padding: 0px;
    display: flex;
    gap: 15px;
    justify-content: end;
}

.modal.plant-questionnaire .modal-body .tab-pane .radio-row .form-check {
    margin: 0px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.modal.plant-questionnaire .modal-body .tab-pane .radio-row:after {
	display:none;
}

.modal.plant-questionnaire .modal-body .tab-pane .radio-row .form-check label .radio {
    position: relative;
    left: 0px;
    top: 0px;
}

.modal.plant-questionnaire .modal-body .tab-pane .radio-row .form-check {
    margin: 0px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.modal.plant-questionnaire .modal-body .tab-pane .radio-row .form-check label {
    width: auto;
    padding: 0px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    margin: 0px;
    padding: 0px !important;
}

.modal.plant-questionnaire .modal-body .tab-content .col-xs-12 {
    padding: 0px;
}

.modal.plant-questionnaire .modal-body .tab-content .col-xl-12 .form-group {
    margin: 0px;
    width: 100%;
    margin-top: 30px;
}

.modal.plant-questionnaire .modal-body .tab-content .form-group button {
	float:right !important;
}

.modal.plant-questionnaire .modal-body .tab-content h4 {
    margin-bottom: 15px;
}

.modal.plant-questionnaire .modal-body .tab-content .ssow-questions h3 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.modal.plant-questionnaire .modal-body .tab-content .ssow-questions .form-check-inline {
    min-width: 80px;
}

.modal.plant-questionnaire .modal-body .tab-content .ssow-questions {
    display: flex;
    flex-direction: column;
    clear: both;
    float: left;
    width: 100%;
    gap: 10px;
}

.modal.plant-questionnaire .modal-body .tab-content .ssow-questions .form-group {
    margin: 0px;
    margin-top: 5px;
}

.modal.plant-questionnaire .modal-body .tab-content h4 {
    margin-bottom: 2px;
    margin-top: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.main-container .panel-container table.live-inventory td:last-of-type a.btn {
    float: right;
    margin-top: 2px;
}

.main-container .panel-container table.live-inventory td:last-of-type p {
    float: left;
    margin: 0px;
    width: auto;
    line-height: 1;
    margin-top: 12px;
}

#subcalibrationCerts ul.recourse-meta li.buttons {
    flex-direction: row;
    gap: 5px;
}

#subcalibrationCerts ul.recourse-meta {
    padding-right: 145px;
}

.modal-open .daterangepicker {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.visits ul.user-meta li a {
    margin-right: 0px;
}

.ui-dialog {
    z-index: 2000 !important;
}

.fit-to-work-wrapper.ui-dialog.ui-widget {
    top: 60px !important;
}

.fit-to-work-wrapper {
    left: 50% !important;
    transform: translateX(-50%);
    width: 620px !important;
    top: 68px !important;
    padding: 40px !important;
}

.fit-to-work-wrapper.ui-dialog .ui-dialog-titlebar span {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}

.fit-to-work-wrapper.ui-dialog .ui-dialog-content p {
    font-size: 18px;
    font-weight: 500;
}

.fit-to-work-wrapper.ui-dialog .ui-dialog-content {
    margin-bottom: 15px;
}

.fit-to-work-wrapper.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

.fit-to-work-wrapper.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    width: auto;
    flex: 1;
    max-width: 200px;
    height: 50px;
    font-weight: 600;
}

.resource-list-inner.coshh_list.coshh_content .form-group {
    position: relative;
}

.resource-list-inner.coshh_list.coshh_content .form-group .btn-link {
    position: absolute;
    right: 10px;
    top: 6px;
}

.resource-list-inner.coshh_list.coshh_content .form-group label {
    padding-right: 60px;
}

.permit-authorisation h5 {
    margin-bottom: 17px;
}

.modal-body .permit-authorisation table tbody tr td:first-of-type {
    padding-left: 0px !important;
}

.modal-body .permit-authorisation .form-group input.is-invalid, .modal-body .permit-authorisation .form-group.is-invalid .selectize-input {
	margin:0px;
}

.modal.work-permits .resources-list table.table[data-refresh="work_permits_table"] td a {
    margin-left: 10px;
}


.modal.work-permits .resources-list table.table[data-refresh="work_permits_table"] td:last-of-type {
    white-space: nowrap;
    min-width: 212px;
}

.modal.work-permits .resources-list table.table[data-refresh="work_permits_table"] td label {
    width: 100%;
    margin: 0px;
    padding-left: 40px;
}

.modal.work-permits .resources-list table.table[data-refresh="work_permits_table"] td label .checkbox {
    left: 0px;
    top: 7px;
}


.job-show section.resources ul.recourse-meta li.buttons, .panel-container .tab-pane section.resources ul.recourse-meta li.buttons {
    position: relative;
    flex: 0;
    flex-direction: row !important;
    min-width: 156px;
    margin-left: auto !important;
}

.job-show section.resources ul.recourse-meta li.buttons, .panel-container .tab-pane section.resources ul.recourse-meta {
       padding-right:0px;
}

.btn.btn-small {
    font-size: 12px;
    font-weight: 600;
    height: auto;
    width: auto;
    min-width: auto;
    min-height: auto;
    line-height: 1;
    padding: 12px 20px;
}

.btn.btn-small i {
    line-height: 1;
    float: left;
    margin: 0px 8px 0 0;
    font-size: 10px;
}

.eot-news-top {
    margin-top: -30px;
    margin-bottom: 0px;
}

.eot-news-detail {
    flex-direction: column;
    gap: 25px;
    margin-top: -5px;
}

.eot-news-content > *:first-child {
	margin-top:0px;
}

.eot-news-content > *:last-child {
	margin-bottom:0px;
}

.eot-news-details-title {
    display: flex;
    flex-direction: column;
    margin-bottom: -10px;
    gap: 10px;
}

.eot-news-details-title h3 {
    margin-bottom: 0px !important;
    line-height: 1.2 !important;
}

.eot-news-detail .eot-news-meta {
    display: flex;
    gap: 15px;
}

.eot-news-detail .eot-news-meta small {
    font-weight: 700;
    font-size: 12px;
    opacity: 0.7;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 7px;
}

.eot-news-images .row {
    row-gap: 20px;
    display: flex;
}

.eot-news-details-title span.badge {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    padding: 7px 10px 6px;
    font-weight: 500;
    background-color: #d6ffe7;
    color: #2f7e50;
}

.eot-news-acknowledgement,
.eot-news-questions {
    clear: both;
    margin-top: 25px;
}


.eot-news-acknowledgement .card, .eot-news-questions .card {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    border-radius: 12px;
    padding: 20px;
    gap: 25px;
}

.eot-news-acknowledgement .card .card-header,
.eot-news-questions .card .card-header {
    border: none;
    padding: 0px;
    background: none;
}

.eot-news-acknowledgement .card-body,
.eot-news-questions .card-body {
    padding: 0px;
}

.eot-news-acknowledgement .total-signature-form {
    flex-direction: column;
    gap: 15px;
}

.eot-news-acknowledgement .total-signature-form .signature-pad {
    flex-direction: column;
    gap: 10px;
}

.eot-news-acknowledgement .total-signature-form .signature-pad canvas {
    width: 100%;
}

.eot-news-questions {
    padding-top: 30px;
	margin-top:30px;
    position: relative;
}

.eot-news-questions:before {
    content: "";
    left: -30px;
    top: 0px;
    position: absolute;
    width: calc(100% + 60px);
    height: 1px;
    background: #dddddd;
}

.eot-news-questions textarea#question {
    background: #ffffff;
    border-color: #cccccc;
}

.eot-news-questions textarea#question:hover,
.eot-news-questions textarea#question:focus {
	border-color:#3b3b3b;
}

.eot-news-questions .questions-list {
    margin-top: 20px;
    margin-bottom: 30px;
    gap: 15px;
}

.eot-news-questions .questions-list .questions-list-inner {
    flex-direction: column;
	gap: 2px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
}

.eot-news-questions .questions-list .questions-list-inner:last-of-type {
	border-bottom:none;
	padding-bottom:0px;
}

.eot-news-questions .questions-list .questions-list-inner strong {
    font-size: 12px;
    font-weight: 800;
    opacity: 0.6;
    line-height: 1;
}