@charset "UTF-8";
/****** UTILS ******/
/*** default values ***/
/***** custom values *****/
/***** Grid Values *****/
/** Extends **/
.b-test { border: solid 1px black; }
.b-none { border: none; }
.keeptogether, .keep { page-break-inside: avoid; }

.bg-test { background-color: coral; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.list-line-selected {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.text-bg-select {
  color: black;
  background-color: whitesmoke;
}

.bg-active {
  background-color: rgba(100, 21, 21, 0.5);
}

.bg-addnew, .bg-myevenline {
  background-color: gainsboro;
}

.bg-myoddline {
  background-color: #d6cfcf;
}

.bg-myoddline:hover, .bg-myevenline:hover {
  background-color: ghostwhite ;
}

.hreflink:hover, span .hreflinkdbl:hover, .href-link:hover, span .href-linkdbl:hover {
  cursor: pointer;
}

.bg-transparent {
  background-color: transparent;
}

.fs-6-7 {
  font-size: 1rem !important;
}

.fs-7-6 {
  font-size: 0.75rem !important;
}

.fs-7 {
  font-size: 0.75rem !important;
}

.fs-8 {
  font-size: 0.50rem !important;
}

.fs-9 {
  font-size: 0.25rem !important;
}

.mw-10 { max-width: 10%; }
.mw-20 { max-width: 20%; }
.mw-30 { max-width: 30%; }
.mw-40 { max-width: 40%; }
.mw-50 { max-width: 50%; }
.mw-60 { max-width: 60%; }
.mw-70 { max-width: 70%; }
.mw-80 { max-width: 80%; }
.mw-90 { max-width: 90%; }
.mw-100 { max-width: 100%; }

b {
  font-weight: bold;
}

liketab {
  margin-left: 1em;
}

.iframe-modal {
  height: 100%; 
  width: 90%; 
  margin: 0 auto; 
  /* overflow: hidden; */
}



.mfa-btn { font-size: 24px; }
.mfa-menubtn { font-size: 18px; }
.mfa-18 { font-size: 18px; }
.mfa-20 { font-size: 20px; }
.mfa-22 { font-size: 22px; }
.mfa-24 { font-size: 24px; }
.mfa-26 { font-size: 26px; }
.mfa-28 { font-size: 28px; }
.mfa-30 { font-size: 30px; }
.mfa-32 { font-size: 32px; }
.mfa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }
.mfa-xs {
  font-size: .75em; }
.mfa-sm {
  font-size: .875em; }
.mfa-fw {
  text-align: center;
  width: 1.25em; }

.ui-autocomplete {
  min-height: 300px;
  max-height: 300px;
  min-width: auto;
  max-width: 1000px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
  * we use height instead, but this forces the menu to always be this tall
  */
* html .ui-autocomplete {
  height: 320px;
}

.top-nav-search {
  margin-left: 0;
}

.cursor-pointer:hover {
  cursor: pointer;
}
.cursor-na:hover {
  cursor: not-allowed;
}
.cursor-zoom-in:hover {
  cursor: zoom-in;
}
.cursor-zoom-out:hover {
  cursor: zoom-out;
}

/** 
  dropdown submenu
*/

.dropdown-menu li {
  position: relative;
}

.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
  display: block;
}

.bi-150 { font-size: 1.5rem; }
.bi-175 { font-size: 1.75rem; }
.bi-200 { font-size: 2rem; }
.bi-225 { font-size: 2.25rem; }
.bi-250, .bi-btn { font-size: 2.5rem; }
.bi-bold { font-weight: 900; width: 30; height: 30; }

.minw2048 { display: none; }
.minw3840 { display: none; }

.bg-table-header {
  --bs-table-color: rgba(255, 255, 255);
  --bs-table-bg: rgba(146, 13, 13, 0.75);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

@media (max-width: 992px) {
  .fs-6-7 {
    font-size: calc(1rem * 0.80) !important;
  }
  .fs-7-6 {
    font-size: calc(0.75rem * 1.20) !important;
  }
  .fs-7 {
    font-size: calc(0.75rem * 0.80) !important;
  }
  .fs-8 {
    font-size: calc(2rem * 0.90) !important;
  }
  .fs-9 {
    font-size: calc(1.75rem * 0.90) !important;
  }
  .iframe-modal {
    width: 100%; 
  }
}




@media only screen and (max-width: 600px) {
  .login-wrapper .loginbox {
    max-width: 350px;
  }
  .login-wrapper .loginbox .login-left {
    width: 350px;
  }
  .login-wrapper .loginbox .login-right {
    width: 350px;
  }
  .login-wrapper {
    vertical-align: top;
    height: auto;
  }
  .iframe-modal {
    width: 100%; 
  }
}


@media (min-width: 2048px) and (max-width: 3839px) { 
  .minw2048 { display: inline-block; }
  /* .minw3840 { display: none; } */
  .width-4k {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .sidebar {
    left: 10%;
  }
  .iframe-modal {
    width: 72%; 
  }
}





@media (min-width: 3840px) { 
  /* .minw2048 { display: none; } */
  .minw3840 { display: inline-block; }
  .width-4k {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .sidebar {
    left: 20%;
  }
  .iframe-modal {
    width: 52%; 
  }
}



.input-group > .select2-container--bootstrap, 
.input-group > .select2-container--bootstrap-5 {
  width: auto;
  flex: 1 1 auto;
  min-width: 1% !important;
}

.input-group > .select2-container--bootstrap .select2-selection--single, 
.input-group > .select2-container--bootstrap-5 .select2-selection--single {
  height: 100%;
  line-height: inherit;
  padding: 0.5rem 1rem;
}