html {zoom: 90%!important;}

.main { padding-left: 25px!important; padding-right: 25px!important; }

body { font-family: 'Ubuntu', sans-serif; }
th { font-family: 'Ubuntu', sans-serif; }
tbody { font-family: 'Ubuntu', sans-serif; }
html,body{
background-image: url('https://lhvmtl2.com/public/image/gmo_background.png');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
height: 100%;
}
.footerheight {
    height: 35px;
}
.offcanvas-backdrop {
    width: 100%!important;
    height: 100%!important;
}
.modal-backdrop {
    width: 100%!important;
    height: 100%!important;
}
.hideextra { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.gmofficelogo {
     position: absolute;
     margin-top: -62px;
     margin-left: -30px;
 }
.focusowl {
    width: 200px!important;
    height: auto!important;
}
.card-body-no-padding{
    padding: 0px!important
}
.focusowl_logo {
    width: 80px!important;
    height: auto!important;
}

.menu3clean {
    padding: 0px!important;
}
.footertextclean {
    margin: 0px!important;
}


.dropdown-menu {
  --bs-dropdown-link-active-bg: #0D6EFD!important;
}

.nomarging {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
.form-check-input:checked {
    background-color: #0D6EFD!important;
    border-color: #0D6EFD!important;
}
.modal-header {
    padding: 10px!important;
}

  hr.rounded {
    border-top: 8px solid #333333;
    border-radius: 5px;
  }
  .red { color: #ED1B24; }
  .green{ color: #00A666; }
  .bg-verybad {--bs-bg-opacity: 1; background-color: #ED1B24!important;}
  .bg-bad {--bs-bg-opacity: 1; background-color: #F25822!important;}
  .bg-ok {--bs-bg-opacity: 1; background-color: #FEDF00!important;}
  .bg-good {--bs-bg-opacity: 1; background-color: #00A666!important;}
  .bg-verygood {--bs-bg-opacity: 1; background-color: #006CB7!important;}
  .bg-perfect {--bs-bg-opacity: 1; background-color: #612D91!important;}
  .ui.ito.table {
    border-top: 0.4em solid #db2828;
}
.ui.table {
    width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: none;
    border-radius: 0.28571429rem;
    text-align: left;
    color: rgba(13,110,253,.87);
    border-collapse: separate;
    border-spacing: 0;
}
.table thead tr {
    background-color: #f8f9fa;
}
.form-control:focus {
  border-color: #424649!important;
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,  0.25)!important;
}
.form-select:focus {
  border-color: #424649!important;
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,  0.25)!important;
}
.form-check-input:focus {
  border-color: #424649!important;
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,  0.25)!important;
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23424649'/%3e%3c/svg%3e")!important;
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,  0.25)!important;
}
.gmo_label {
  margin-bottom: 0.0rem !important;
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold;
}
.gmo_label_middle {
  margin-bottom: 0.0rem !important;
  padding-left: 10px;
  padding-top: 6px;
  font-size: 12px;
  font-weight: bold;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0D6EFD!important;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253,  0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253,  0.25);
}
.vscomp-toggle-button {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    padding: 7px 30px 7px 10px;
    position: relative;
    width: 100%;
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    display: block!important;
    width: 100%!important;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem!important;
    -moz-padding-start: calc(0.75rem - 3px)!important;
    font-size: 1rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: var(--bs-body-color)!important;
    background-color: var(--bs-form-control-bg)!important;
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none)!important;
    background-repeat: no-repeat!important;
    background-position: right 0.75rem center!important;
    background-size: 16px 12px!important;
    border: var(--bs-border-width) solid var(--bs-border-color)!important;
    border-radius: 0.375rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
    padding-left: 0.5rem!important;
    font-size: .875rem!important;
    border-radius: 0.25rem!important;
}
.vscomp-ele {
    display: inline-block;
    max-width: 100%!important;
    width: 100%;
}
.styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; }
table {
border-collapse: separate!important;
border-left: 0!important;
border-radius: 4px!important;
border-spacing: 0px!important;
font-size: 14px!important;
background: #FFFFFF!important;
margin: 1em 0em!important;
border: 1px solid rgba(34, 36, 38, 0.15)!important;
box-shadow: none!important;
border-radius: 0.28571429rem!important;
text-align: left!important;
color: rgba(0, 0, 0, 0.87)!important;
border-collapse: separate!important;
border-spacing: 0px!important;
}
thead:first-child, tbody:first-child tr:first-child td:first-child {
border-radius: 4px 0 0 0!important;
}
thead:last-child, tbody:last-child tr:last-child td:first-child {
border-radius: 0 0 0 4px!important;
}