:root {
  --review-questionnaire-border: black;
  --work-order-status-no-action: white;
  --work-order-status-completed: green;
  --work-order-status-not-completed: red;
  --work-order-status-scheduled: orange;
  --work-order-status-not-yet-scheduled: grey;
  --work-order-status-overbudget: purple;
  --qsi-light-gray-color: #e4e4e4;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd !important;
  color: black !important;
}

.table th, td {
  text-align: center !important;
}

table th, td {
  text-align: center !important;
}

a.cursor-pointer:hover {
  cursor: pointer;
}

.min-height-516 {
  min-height: 516px !important;
}

.min-height-350 {
  min-height: 350px !important;
}

.min-height-250 {
  min-height: 250px !important;
}

.min-height-100 {
  min-height: 100px !important;
}

.min-height-17 {
  min-height: 17px !important;
}

.filter-data-form button.theme_button {
  height: 38px !important;
}

.color-sandybrown {
  color: sandybrown;
}

.padding_5_imp {
  padding: 5px !important;
}

.padding_8 { padding: 8px; }

.padding_8_15_imp { padding: 8px 15px !important; }
.padding_5_10_imp { padding: 5px 10px !important; }
.padding_10_20_imp { padding: 10px 20px !important; }
.padding_12_30_imp { padding: 12px 30px !important; }
.padding_5_20_imp { padding: 5px 20px !important; }
.padding_10_0_imp { padding: 10px 0 !important; }

.table > tbody > tr > td {
  /*padding: 0 6px !important;*/
  padding: 6px !important;
}

.border-green {
  border: solid 2px green;
}

.border-green-1 {
  border: solid 1px green !important;
}

.questionaire-lg label {
  background: green;
  padding: 5px 20px;
  width: 212px;
}
.questionaire-lg label b {
  color: white;
}

.color-green-imp {
  color: white !important;
  background-color: green;
}

.questionaire-a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2px;
  line-height: 1;
  display: inline-block;
  text-align: center;
  /*color: #ffffff;*/
  /*border: 2px solid #323232;*/
  /*background-color: #323232;*/
  border-radius: 4px;
  position: relative;
  transition: all 0.4s
}

.button_padding_1 { padding: 10px 0 !important; }

.padding_13_10_imp {
  padding: 13px 10px !important;
}

.padding_2 {
  padding: 2px;
}

.italic_small_font {
  font-size: smaller;
  font-style: italic;
}

.smaller_font a{
  font-size: smaller;
}

.bg-red {background-color: red !important;}
.bg-yellow {background-color: yellow !important;}
.bg-service-task { background-color: #f0f1f6; }
.bg-default { background-color: #efefef !important; }
.bg-lightwhite { background-color: #fcfcfc !important; }


.border-none{ border: none !important; }

.width-250 {
  min-width: 250px;
}

.input_height_width {
  max-height: 25px;
  width: 50%;
}
.display_contents { display: contents; }
.max-width-90per{
  width: 90%;
  max-width: 90%;
}
.max-width-70per{
  width: 70%;
  max-width: 70%;
}

.page_breadcrumbs .container .row > div {
  /*margin-top: -40px !important;*/
  margin-bottom: 0 !important;
}

.page_breadcrumbs h2 {font-size: 30px; }

thead td {
  font-weight: 600;
}
@media (min-width:1200px){.container.container1{width:1300px}}

@media (min-width:1200px){.container.container2{width:1400px}}
@media (min-width:1200px){.container.container3{width:1460px}}

/*:host /deep/ .ng5-slider{*/
.ng5-slider .ng5-slider-pointer, .ng5-slider-selection{
  background-color: #449a13 !important;
}

.margin_top_17 { margin-top: 17px; }
.color-green { color: #449a13; }
.color-white { color: white; }
.color-white-imp { color: white !important; }
.color-black-imp { color: black !important; }
.bg-green { background-color: #449a13; }
.color-red { color: red !important; }
.color-blue { color: blue !important; }

.margin_10 { margin: 10px; }
.margin_7_imp { margin: 7px !important; }
.margin_5 { margin: 5px !important; }
.margin_1 { margin: 1px; }
.margin_10_20 { margin: 10px 20px !important; }
.margin_0_40 { margin: 0 40px !important; }
.margin_0_30 { margin: 0 30px !important; }
.margin_0_20 { margin: 0 20px !important; }
.margin_0_10 { margin: 0 10px !important; }
.margin_0_5 { margin: 0 5px !important; }
.margin_5_0 { margin: 5px 0 !important; }

.topmargin_3 { margin-top: 3px; }
.topmargin_30_imp { margin-top: 30px !important; }
.topmargin_10_imp { margin-top: 10px !important; }

.child-col-margin-3 [class*="col-"] {
  margin-top: 3px;
  margin-bottom: 3px;
}

.footer {
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
}

body.admin {background-color: white;}

section.ls.section_padding_top_15.section_padding_bottom_50.columns_padding_10 {
  min-height: calc(100vh - 114px) !important;
}

.table tr th, .table tr td {
  font-size: 12px;
  background: #fff;
}

.box-font-size-9 {
  font-size: 9px !important;
}

.dropdown-menu>li>a {padding: 7px 38px;}
.sidebar-opened section, .sidebar-opened .top-bar {
  margin-left: 0px;
  transition: margin 0.6s ease-in-out;
}

.sidebar-closed header.page_header { padding-left: 35px; }

.sidebar-closed section, .sidebar-closed .top-bar {
  margin-left: 0;
  transition: margin 0.6s ease-in-out;
}

.columns_padding_10.input-size [class*="col-"] {
  margin-bottom: 0;
  margin-top: 0;
}

.widget .form-group label {
  margin-top: 20px;
  font-size: 20px;
}

.columns_padding_10.spec-form-input [class*="col-"] { margin: 3px 0; }

.align-label-item-right div label { text-align: right; }
/*.align-label-item-left div label { text-align: left; }*/
.align-label-item-left div label.control-label { text-align: left; }
.form-group-margin-bottom-0 .form-group { margin-bottom: 0; }

aw-wizard .form-control { width: 70% !important; }

aw-wizard .form-control.width-100-per { width: 100% !important; }

.sidebar-opened .grid-view .grid-column {
  float: left;
  width: 33.33%;
  padding: 7px;
}

.grid-view .grid-column-1 {
  float: left;
  width: 13%;
  padding: 0 3px;
}

.sidebar-closed .grid-view .closed-grid-column {
  float: left;
  width: 33.33% !important;
  padding: 7px;
}

.grid-view .grid-column_fit-content {
  float: left;
  width: fit-content;
  padding: 7px;
}

.sidebar-closed .grid-view .grid-column {
  float: left;
  width: 25%;
  padding: 7px;
}

.grid-view .grid-50-per {
  float: bottom;
  width: 50%;
  padding: 7px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.grid-view .grid-column a {
  width: 100%;
}

.grid-view .grid-column button.width-100-per {
  width: 100%;
}

.grid-view .grid-column-1 a {
  width: 100%;
}

.grid-view .closed-grid-column a {
  width: 100%;
}
a:hover {
  cursor: context-menu;
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
  height: 7em !important;
  width: 7em !important;
}

.bold-imp { font-weight: 700 !important;}

.theme_buttons a,
.theme_button,
.wc-proceed-to-checkout .checkout-button,
.buttons a,
button,
input[type="submit"] {
  font-weight: unset !important;
 }

.theme_buttons.inverse a,
.theme_button.inverse {
  border: 1px solid #323232 !important;
}

.grid-column .theme_button {
  border: 1px solid #323232 !important;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"],
input[type="search"], input[type="tel"], input[type="number"], textarea, select,
.form-control {
  font-weight: unset !important;
}

label { font-weight: unset !important; }

.width-150 {
  width: 150px;
}

.tab-content.no-content-padding1 {
  padding: unset !important;
}

.icon_class-grid-view .icon_class-grid-column {
  float: left;
  width: 10%;
  padding: 5px;
}

button:hover {
  color: white !important;
}

.pad_10_45_imp {
  padding: 10px 45px !important;
}

.pad_10_30_imp {
  padding: 10px 30px !important;
}

.display_flex { display: flex; }
.display_unset_imp { display: unset !important; }
.display_none_imp { display: none !important; }
.display_block_imp { display: block !important; }

.pad_5_10 { padding: 5px 10px; }
.pad_2_20 { padding: 2px 20px; }

.max-width-100-per{ max-width: 100%; }

.width-250{ width: 250px !important; }
.width-50{ width: 50px !important; }

.width-100-per{ width: 100%; }
.width-90-per{ width: 90%; }
.width-75-per{ width: 75%; }
.width-70-per-imp{ width: 70% !important; }
.width-50-per{ width: 50%; }
.width-45-per{ width: 45%; }
.width-35-per{ width: 35%; }
.width-24-per{ width: 24%; }
.width-10-per-imp{ width: 10% !important; }
.width-15-per-imp{ width: 15% !important; }
.width-20-per-imp{ width: 20% !important; }

.width-30-per-imp { width: 30% !important; }
.width-33-per-imp { width: 33% !important; }
.width-25-per-imp { width: 25% !important; }
.width-21-per-imp { width: 21% !important; }
.width-12-per-imp { width: 12% !important; }

.height_60 { height: 60px; }
.height-50 { height: 50px !important; }
.height-100-per{ height: 100%; }

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #449a13 !important;
}

.mat-slide-toggle .mat-slide-toggle-bar {
  background-color: #449a13 !important;
}

aw-wizard-step .row.form-group {
  margin-bottom: 0 !important;
}

nav.mainmenu_side_wrapper { padding-bottom: 50px !important; }

.bottommargin_none_imp { margin-bottom: 0 !important; }
.topmargin_none_imp { margin-top: 0 !important; }


@media (max-width:750px){
  .admin .teaser_1.counter-background-teaser{padding:15px 5px!important;}
  .admin .teaser_1{min-height: 90px!important;max-height: 90px!important;}
  .section_padding_top_15 > [class*="container"] {
    /*padding-top: 50px;*/
}
.header_darkgrey{height:60px;}
.admin .teaser_1 h3 a{font-size: 16px!important;}
  aw-wizard-step .col-md-12 button {
    align-items: center !important;
    float: unset !important;
    margin: 5px 5% !important;
  }

  ul.steps-indicator li a div.label {
    display: none !important;
  }

  .grid-view .grid-column {
    float: unset !important;
    width: 100% !important;
    padding: 7px !important;
  }

  .grid-view .grid-50-per {
    float: unset !important;
    width: 100% !important;
    padding: 7px !important;
  }
}

.sidebar-opened .grid-view .grid-column-material {
  float: left !important;
  width: 21% !important;
  padding: 7px !important;
}

.sidebar-closed .grid-view .grid-column-material {
  float: left !important;
  width: 17% !important;
  padding: 7px !important;
}

.sidebar-opened .child-box-sizing-unset * { box-sizing: unset; }

.bg-black { background-color: black !important; }
.bg-unset { background-color: unset !important; }
.col-unset { color: unset !important; }
.col_blue_hover:hover { color: #434748 !important; cursor: pointer !important; }
button.disabled-darkgrey[disabled] {
  color: darkgray !important;
}

select.form-control:focus {
  border: 1px solid blue !important;
}

select.form-control.border-none:focus {
  border: none !important;
}

input.form-control:focus {
  /*border: 1px solid blue !important;*/
  border: 1px solid blue;
}

.focus_blue:focus {
  border: 1px solid blue;
}

input.form-control.hasError {
  /*border: 1px solid blue !important;*/
  border: 1px solid red;
}

.container-fluid:first-child .row .col-md-12 {
  margin-top: unset !important;
  margin-bottom: unset !important;
}

.required-symbol {
  font-size: xx-large;
  vertical-align: text-top;
}

.required {
  font-size: xx-large;
  vertical-align: text-top;
}

.ascent-material .mat-form-field-underline {
  display: none;
  visibility: hidden;
}

.ascent-material .mat-form-field-infix { border-top: 0 !important; }

.ascent-material .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0 !important; }

.ascent-material .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.3em !important; }

.ascent-material mat-form-field { width: 100%; }

select.form-control {background-color: #f2f2f2 !important;}

select.form-control.bg-white-imp { background-color: white !important; }

.top_30 { top: 30px !important; }
.top_40 { top: 40px !important; }
.top_25 { top: 25px !important; }
.top_20 { top: 20px !important; }
.top-13 { top: 13px; }
.top-2 { top: 2px; }

.top_38 { top: 38px !important; }
.top_8 { top: 8px !important; }


mat-form-field select {
  top: -10px !important;
  padding-top: 0 !important;
}

.border-black { border: 1px solid black; }
.border-lightgray { border: 1px solid #ddd; }
.border-bottom-lightgray {
  border: 0 solid #ddd;
  border-bottom-width: 1px;
}

mat-checkbox.mat-checkbox-checked .mat-checkbox-background { background-color: #449a13 !important; }
mat-checkbox.mat-checkbox-disabled .mat-checkbox-background { background-color: #b0b0b0 !important; }
mat-checkbox.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-background {
  background-color: unset !important;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #449a13 !important;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #449a13 !important;
}
.bottommargin_15 { margin-bottom: 15px !important; }

.first-hidden > div > .row:first-of-type { display: none; }
.top-dotted-border { border-top: 1px dotted black; }
.height-35 { height: 35px; }
.height-45-imp { height: 45px !important; }
.height-35-imp { height: 35px !important; }

.leftpadding_30_imp { padding-left: 30px !important; }
.rightpadding_30_imp { padding-right: 30px !important; }

.expansion-color-white .mat-expansion-panel-header-title {
  color: white !important;
}

.expansion-color-white .mat-expansion-panel-header {
  background-color: black !important;
  color: white !important;
}
.expansion-color-white .mat-expansion-panel-header-description, .expansion-color-white .mat-expansion-indicator::after {
  color: white !important;
}

.expansion-color-green .mat-expansion-panel-header-title {
  color: #009fcd !important;
}

.expansion-color-green .mat-expansion-panel-header {
 background-color: #ffffff !important;
    color: #01aed4 !important;
}
.expansion-color-green .mat-expansion-panel-header-description, .expansion-color-green .mat-expansion-indicator::after {
  color: #009ecc !important;
}

.flex-auto-imp { flex: auto !important;}

.qsi-input {
  
  height: 25px !important;
  background-color: white !important;
}
@media (min-width: 768px) {
  .qsi-input {width: 70px !important;}
}
.qsi-select, .qsi-select:focus {
  height: 30px !important;
  background-color: white !important;
  padding-top: 3px !important;
}

.full-width {
  display: block;
  width: 100%;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.padding-unset {
  padding: unset !important;
}

.bg-white-imp{ background-color: white !important; }
.border-green-imp{ border: 1px solid green !important; }

.cursor-pointer-imp:hover { cursor: pointer !important; }
.cursor-grab-imp:hover { cursor: grab !important; }
.padding_30_0_imp { padding: 30px 0 !important; }
.features-list li:first-child { border-top: 0 !important; }
.features-list li {
  padding: 0 !important;
  margin: 0 !important;
 }
.padding_0_30_imp { padding: 0 30px !important; }
.padding_0_15_imp { padding: 0 15px !important; }
.padding_0_10_imp { padding: 0 10px !important; }
.padding_0_5_imp { padding: 0 5px !important; }
.padding_0_2_imp { padding: 0 2px !important; }
.padding_5_0_imp { padding: 5px 0 !important; }
.padding_0_imp { padding: 0 !important; }


.uppercase-text {
  text-transform: uppercase;
}
.bg-transparent {
  background-color: transparent !important;
}

.cursor-not-allowed-imp{ cursor: not-allowed !important; }

form.ascent-material .row.form-group .col-lg-7 {
  min-height: 52px;
}

.topmargin_20per_imp { margin-top: 20% !important; }

.white-space_pre-wrap simple-snack-bar span { white-space: pre-wrap; }

.border_radius_10 { border-radius: 10px; }
.col_yellow { color: yellow; }
.opacity_1_imp{ opacity: 1 !important;}
.list-style-type_none li { list-style-type: none; }

.show_error_message {
  background-color: #D9534F !important;
  color: #FFF !important;
}

.show_warning_message {
  background-color: #F0AD4E !important;
  color: #FFF !important;
}

.show_success_message {
  background-color: #5CB85C !important;
  color: #FFF !important;
}
.margin_10_imp { margin: 10px !important; }
.margin_10_5_imp { margin: 10px 5px !important; }
.cdk-overlay-container { z-index: 1060 !important; }

.rightmargin_unset_imp {
  margin-right: unset !important;
}

.leftmargin_unset_imp {
  margin-left: unset !important;
}

.leftmargin_5_imp {
  margin-left: 5px !important;
}

.leftmargin_10_per {
  margin-left: 10% !important;
}

.leftmargin_1_per {
  margin-left: 1% !important;
}

.leftmargin_minus_15_imp {
  margin-left: -15px !important;
}

.copy_from_css {
  min-width: 1000px !important;
  max-width: max-content !important;
  max-height: 450px !important;
  overflow-y: scroll !important;
}

.questionnaire-radio-button .radio {
  margin-left: 10% !important;
  text-align: left !important;
}

.questionnaire-radio-button mat-radio-button {
  width: 28%;
}

.form-control-1 {
  background-color: #f2f2f2;
  border-radius: 5px;
  border: none;
  color: black;
  padding: 9px 20px;
  font-size: 14px !important;
}
/*.copy_from_css {
  max-width: 600px !important;
  max-height: 450px !important;
  overflow-y: scroll !important;
}*/

.width_fit_content_imp { width: fit-content !important; }
.width_max_content_imp { width: max-content !important; }
.width_max_content_imp {
  width: max-content !important;
  width: -moz-max-content !important;
}

.width_unset_imp { width: unset !important; }
.width_130_imp { width: 130px !important; }
.max_width_1000_imp { max-width: 1000px !important; }

.side_header_logo { height: 60px; }

.sidebar-opened .stick_to_bottom {
  left: calc(270px + 1%);
  position: fixed;
  bottom: 1%;
  /*bottom: 0;*/
  right: 1%;
}

.sidebar-closed .stick_to_bottom {
  right: 1%;
  position: fixed;
  bottom: 1%;
  /*bottom: 0;*/
  left: 1%;
}

.fix_mat_icon {
  position: absolute !important;
  line-height: .7 !important;
}

.fix_mat_icon_1 {
  position: absolute !important;
  line-height: 1 !important;
}

ng-multiselect-dropdown span.selected-item {
  margin: 2px !important;
}

.bottommargin_30_imp{ margin-bottom: 30px !important; }
.bottommargin_5_imp{ margin-bottom: 5px !important; }
.align-center { text-align: -webkit-center; }
.font_size_13 { font-size: 13px !important; }
.font_size_10 { font-size: 10px !important; }

.rfp_mat {
  padding: 5px 16px !important;
  background-color: black !important;
  color: white !important;
  text-align: left !important;
}

.bg-green-text {
  background-color: #449a13 !important;
  text-align: center;
  color: white;
  margin: 4px 0;
}

.width-5-per { width: 5% !important; }
.width-10-per { width: 10% !important; }
.width-13-per { width: 13% !important; }
.width-15-per { width: 15% !important; }
.table > tbody > tr > td.padding_6_imp { padding: 6px !important; }
.table > thead > tr > th.padding_6_imp { padding: 6px !important; }

.button_disabled {
  background-color: darkgray !important;
  border-color: darkgray !important;;
  cursor: not-allowed !important;;
}

.bg-orange {
  background-color: #FFD791 !important;
}

.example-tooltip-red {
  background: black !important;
  color: #00abef;
  font-size: 14px;
}


.li-max-height-50 li{
  height: 50px;
  max-height: 50px;
}
.hover-col-yellow:hover {
  color: yellow !important;
}

.max-height-450 { max-height: 450px !important; }
.max-height-340 { max-height: 340px !important; }
.max-width-250 { max-width: 250px !important; }
.max-height-250 { max-height: 250px !important; }
.max-height-200 { max-height: 200px !important; }

.height-350 { height: 350px !important; }

.scroll-y-dir { overflow-y: auto !important; }
.overflow-y-hidden { overflow-y: hidden !important; }

.admin .table-responsive .table {
  margin-bottom: 20px;
}

.table-responsive {
  padding: 1px;
}

.hover_color_unset:hover { color: unset !important; }
button:disabled { cursor: not-allowed !important; }

input, select {
  height: 38px !important;
}

input:focus, select:focus {
  height: 38px !important;
}

.vendor-compare {
  max-height: 110px !important;
  height: 110px !important;
  padding: 5px 0 10px 0;
  background-color: #e7003e;
}

.vendor-compare h5 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 !important;
}
.toppadding_25_imp { padding-top: 25px !important; }

.col-pic-6 {
  width: 260px !important;
  height: 210px !important;
  border: 1px solid #00bac6 !important;
  margin: 5px !important;
  padding: 5px !important;

  /*width: 270px !important;
  height: 220px !important;
  border: 1px solid #00bac6 !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;*/
}


.topright {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 18px;
}

.lineheight_45px {
  /*top: 10px !important;
  position: absolute;
  right: 10px;*/
  line-height: 45px !important;
}

.filter-data-form .widget_search button:hover {
  cursor: text !important;
}

.error_snackbar { overflow-y: scroll !important; }
.text-align-left-imp { text-align: left !important; }
.text-align-center-imp { text-align: center !important; }

ul.nav.nav-tabs li a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  /*padding: 10px 20px;*/
  padding: 10px 15px !important;
  font-size: 12px !important;
}
.fit_content_imp { width: fit-content !important; }
.pad-lr-20-imp {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/*.vertical-tabs .nav > li:not(.active) > a.bg-white {
  background-color: white;
}*/

.bg-lightgrey {
  background-color: #f2f2f2;
}

button.theme_button.wide_button { margin: 0 5px; }
button:disabled.theme_button {
  background: darkgray !important;
  border-color: darkgray !important;
  color: white !important;
}

/*.numberCircle {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 8px;

  background: #fff;
  border: 2px solid #666;
  color: #666;
  text-align: center;

  font: 32px Arial, sans-serif;
}*/

.flex-grow-0 { flex-grow: 0 !important; }

/* ..........  WIDTH  .......... */
.width-60 { width: 60px !important; }

/* ..........  PADDING  .......... */
.leftmargin_60 { margin-left: 60px !important; }

/* ..........  PADDING  .......... */
.padding_bottom_5 { padding-bottom: 5px; }
.padding_15_imp { padding: 15px !important; }
.padding_12 { padding: 12px; }
.pad-25-0-0-10 { padding: 25px 0 0 10px !important; }

/* ..........  BORDER  .......... */
.bottom-border-1 { border-bottom: 1px solid black; }

.border-radius-8 { border-radius: 8px !important; }
.border-radius-10 { border-radius: 10px !important; }
.border-radius-20 { border-radius: 20px !important; }


/* ..........  OTHER  .......... */
.mat-expanded .expansion-bottom-border { border-bottom: 1px solid black; }
.form-control-2 {
  display: block;
  width: 100%;
}

.form-control-3 {
  display: block;
  width: 100%;
  background-color: white;
  border-radius: 10px;
  border: 1px solid black;
}

.form-control-4 {
  display: block;
  width: 90%;
  background-color: white !important;
  border-radius: 10px;
  border: 1px solid black;
}

.grid-view .grid-column button.letter-space-normal {
  letter-spacing: normal;
}

table {
  counter-reset: tableCount;
}

.counterCell:before {
  content: counter(tableCount);
  counter-increment: tableCount;
}

.checkbox-stroke-none-imp .mat-checkbox-checkmark-path {
  stroke: none !important;
}

.align-week-checkbox label.mat-checkbox-layout{
  display: inline-flex !important;
  flex-flow: column-reverse !important;
}

mat-checkbox.align-week-checkbox label.mat-checkbox-layout .mat-checkbox-label{
  padding-left: 5px !important;
}

mat-checkbox.mat-checkbox-checked.mat-checkbox-bg-red .mat-checkbox-background {
  background-color: #449a13 !important;
/*var(--review-questionnaire-border)*/
}

mat-checkbox.mat-checkbox-checked.work-order-status-completed .mat-checkbox-background {
  background-color: var(--work-order-status-completed) !important;
}

mat-checkbox.mat-checkbox-checked.work-order-status-not-completed .mat-checkbox-background {
  background-color: var(--work-order-status-not-completed) !important;
}

mat-checkbox.mat-checkbox-checked.work-order-status-scheduled .mat-checkbox-background {
  background-color: var(--work-order-status-scheduled) !important;
}

mat-checkbox.mat-checkbox-checked.work-order-status-not-yet-scheduled .mat-checkbox-background {
  background-color: var(--work-order-status-not-yet-scheduled) !important;
}

mat-checkbox.mat-checkbox-checked.work-order-status-overbudget .mat-checkbox-background {
  background-color: var(--work-order-status-overbudget) !important;
}

mat-checkbox.mat-checkbox-checked.work-order-status-no-action .mat-checkbox-background {
  background-color: var(--work-order-status-no-action) !important;
}

.height-unset {
  height: unset !important;
}
.modal-md {
  width: 500px;
}

.button1, .button1:hover {
  background: white !important;
  /*font-weight: 600 !important;*/
  color: black !important;
  border: 2px solid #a3a3a3 !important;
  border-radius: 10px !important;
  /*padding: 10px 3px !important;*/
  /*margin: 0 5px;*/
}

.button2, .button2:hover {
  background: white;
  color: black !important;
  border: 2px solid #a3a3a3;
  border-radius: 20px;
  padding: 12px 20px;
  letter-spacing: 0.1em;
  font-weight: unset;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
  display: inline-block;
  text-align: center;
  position: relative;
  transition: all 0.4s linear 0s;
  margin: 0 5px;
}

.button3, .button3:hover {
  background: #449a13;
  color: white;
  border: #449a13;
  border-radius: 20px;
  padding: 12px 30px;
  letter-spacing: 0.1em;
  font-weight: unset;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
  display: inline-block;
  text-align: center;
  position: relative;
  transition: all 0.4s linear 0s;
  margin: 0 5px;
}

.qsi-label-min-width {
  min-width: 145px;
}

.qsi-border { border-bottom: 1px solid var(--qsi-light-gray-color) !important; }

.icon1 {
  padding: 2px 5px;
  border: 1px solid lightgray;
  background-color: #efefef;
  border-radius: 5px;
  margin: 0 3px;
}

table.qsi-notes-table thead tr th {
  background-color: #449a13 !important;
  padding: 8px;
  color: white !important;
  font-weight: unset;
  border: none !important;
}

table.table-header-green thead tr {
  height: 45px;
}

table.table-header-green thead tr th {
  background-color: #656764 !important;
  padding: 8px;
  color: white !important;
  font-weight: unset;
  /*border: none !important;*/
}

.table-rounded {
border: none !important;
}

.table-rounded thead tr th:first-child {
  border-top-left-radius: 10px;
  border-left: none;
}

.table-rounded thead tr th:last-child {
  border-top-right-radius: 10px;
  border-right: none;
}

table.qsi-report-notes-table thead > tr > th, table.qsi-report-notes-table tbody > tr > td {
  padding: 8px !important;
  text-align: left !important;
}

table.qsi-summary-table tbody tr td { text-align: left !important;}

table.qsi-summary-table thead tr th {
  text-align: left !important;
  padding: 8px;
  background: unset !important;
  color: black !important;
  font-weight: 500;
  border: 0;
  border-bottom-width: 1px !important;
}

mat-card.qsi-section {
  padding: unset;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

mat-card.qsi-section mat-card-header .mat-card-header-text { width: 100%; }

mat-card.qsi-section mat-card-header mat-card-title {
  margin: 5px 0 !important;
  color: white;
  font-weight: 300;
  font-size: 15px !important;
}

mat-card.qsi-section mat-card-header{
  background-color: #449a13;
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.section-border textarea{
  border: 2px solid #ddd !important;
  background-color: white !important;
  resize: none !important;
}

.section-font-weight span {
  font-weight: 500 !important;
}

.position-top-right-corner {
  position: absolute;
  right: 3px;
  top: 1px;
}

.mat-expansion-panel-body-padding-none .mat-expansion-panel-body {
  padding: unset;
}

.image_viewer_row {
  height: 100%;
  padding: 10px;
  display: flex;
}

.comparison-table thead tr th {
  width: 25% !important;
  display: grid;
}

.comparison-table thead tr th {
  max-height: 110px !important;
  height: 110px !important;
  padding: 25px 0 10px 0;
  background-color: #e7003e;
  color: white !important;
}

.comparison-table tbody tr td {
  background-color: #f2f2f2;
}

.box-shadow-1 {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.19);
}

/* For Box Height*/
.admin .teaser_1.counter-background-teaser {
  padding: 0px 25px;
}
.admin .teaser_1 h3{
  margin:0px;
}
.admin .teaser_1 h3 a {

 font-size: 20px;
    color: rgb(255 255 255);
    font-weight: 400;
}

.admin .teaser_1 {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
  background: white;
  color: red;
  border-radius: 7px;
  min-height: 192px;
  max-height: 192px;
  align-items: center;
  display: flex;
  justify-content: center;
}

button.btn_send_rfp {
  padding-left: 10px;
  padding-right: 10px;
}

.admin .table-1 {
  margin: 0;
}
.admin table.table-1 td {
  border: 0;
  border-bottom: 1px solid #ddd;
  text-align: unset !important;
}
.admin table.table-1 th {
  border: none;
  text-align: unset !important;
}