.root {
  background-image: var(--spacer-url);
  background-size: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.floatstop, .clearfix {
  clear: both;
}
.position-stop {
  position: relative;
}
.position-left {
  position: absolute;
  top: 0;
  left: 0;
}
.position-right {
  position: absolute;
  top: 0;
  right: 0;
}
.alert {
  position: fixed;
  right: 1%;
  top: 81px;
  width: calc(98% - var(--menu-width));
  z-index: 7;
  border: none !important;
  border-radius: 0rem 0rem 0.15rem 0.15rem !important;
}
.login-banner, .reset-banner {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.login-banner, .login-mfa-banner, .reset-banner, .error-banner, .status-banner {
  background-image: var(--login-banner-url);
  background-size: cover;
  background-position: center center;
  display: block;
}
.reset-banner {
  background-image: var(--login-reset-banner-url);
}
.login-card .login-main .theme-form input {
  background-color: var(--theme-grey-tint-superlight);
}
.page-wrapper .page-body-wrapper {
  background-color: var(--theme-background);
}
.page-wrapper .page-header .header-wrapper {
  background-image: var(--header-banner-url) !important;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: var(--header-banner-background-color);
  min-height: 81px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  width: var(--menu-width);
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
  width: auto;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
  width: var(--menu-width);
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.page-body {
  margin-left: var(--menu-width);
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.page-body-wrapper-inner.close_icon div.page-body {
  margin-left: 86px;
  transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-header, .page-wrapper.compact-wrapper .page-header.close_icon {
  margin-left: var(--menu-width);
  width: calc(100% - var(--menu-width));
}
.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: var(--menu-width);
}
.login-card .logo {
  background-image: var(--login-logo-url) !important;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: var(--theme-white) !important;
  width: 370px;
  max-height: 200px;
  margin: 0px auto;
  overflow: hidden;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
  box-shadow: none !important;
  min-height: 81px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper .logo {
  background-image: var(--header-logo-url) !important;
  background-size: 85% auto;
  background-position: center 70%;
 /*background-size: auto 80%;
  background-position: center center;
 */
  background-repeat: no-repeat;
  background-color: var(--theme-white) !important;
  min-height: 81px;
}
.simplebar-mask {
  top: 100px;
}
.breadcrumb.breadcrumb-in-title li {
  font-size: 24px !important;
}
.breadcrumb.breadcrumb-in-title li svg, .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
  width: 25px;
  height: 25px;
}
.page-wrapper .page-body-wrapper .page-title {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--theme-grey-tint-midlight);
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a.active, .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a:hover {
  color: var(--theme-highlight);
}
.compliance_null {
  color: var(--theme-compliance-null);
}
.compliance_pass {
  color: var(--theme-compliance-green);
}
.compliance_fail {
  color: var(--theme-compliance-red);
}
.compliance_warn {
  color: var(--theme-compliance-orange);
}
.compliance_highlight {
  color: var(--theme-compliance-highlight);
}
.toggle-sidebar {
  position: absolute;
  right: 6px;
  top: 3px;
  cursor: pointer;
  color: var(--theme-highlight);
}
.toggle-sidebar svg {
  width: 15px;
  height: 15px;
}
.border-none {
  border: none !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
  transition: color 1s ease;
}
.card, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link, .page-wrapper .sidebar-main-title > div {
  border-radius: 0.25rem;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  margin-top: 3px;
  vertical-align: top;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-submenu li a, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-submenu li a.active, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li a, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li span, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li svg, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li span, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li svg, .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: var(--theme-deafult) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
  margin-bottom: 2px !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link.active, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: var(--theme-highlight) !important;
  color: var(--theme-white) !important;
  stroke: var(--theme-white);
  transition: all 0.5s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li.sidebar-list:hover > a:hover, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
  background-color: var(--theme-highlight) !important;
  color: var(--theme-white) !important;
  stroke: var(--theme-white);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link.active i, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link.active svg, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link.active span, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link.active i, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link.active svg, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link.active span, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link:not(.active):hover i, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link:not(.active):hover svg, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link:not(.active):hover span, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active i, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link.active i, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link.active svg, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link.active span, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover i, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
  color: var(--theme-white) !important;
  stroke: var(--theme-white) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-submenu li:hover > a .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
  color: var(--theme-highlight);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper li.sidebar-separator, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-separator, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li.sidebar-separator {
  background-color: var(--theme-white);
  height: 1px !important;
  padding: 0px !important;
  margin: 0px !important;
  overflow: hidden;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper li.sidebar-separator hr, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-separator hr, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li.sidebar-separator hr {
  width: auto;
  height: 1px !important;
  margin: 0px 10px 0px 18px !important;
  padding: 0px !important;
  color: var(--theme-highlight);
}
.sidebar-wrapper.close_icon .sidebar-separator {
  display: none !important;
}
.scrtabs-tab-container, .scrtabs-tabs-fixed-container {
  height: 40px;
}
.nav-tabs {
  border-bottom: solid 1px var(--theme-white) !important;
  border-bottom-color: var(--theme-white);
}
.nav-item {
  border-right: solid 1px var(--theme-white) !important;
  cursor: pointer;
}
.nav-link {
  color: var(--theme-text-default) !important;
  background-color: var(--theme-grey-tint-midlight);
  cursor: pointer;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: var(--theme-white) !important;
  border-color: var(--theme-default) !important;
  border-bottom: solid 1px var(--theme-default) !important;
  background-color: var(--theme-default) !important;
}
.nav-primary .nav-link.active, .nav-primary .show > .nav-link, .nav-pills.nav-primary .nav-link.active, .nav-pills.nav-primary .show > .nav-link, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--theme-white) !important;
  border-color: var(--theme-default) !important;
  border-bottom: solid 1px var(--theme-default) !important;
  background-color: var(--theme-default) !important;
}
.nav-secondary .nav-link.active, .nav-secondary .show > .nav-link, .nav-pills.nav-secondary .nav-link.active, .nav-pills.nav-secondary .show > .nav-link {
  color: var(--theme-white) !important;
  border-color: var(--theme-secondary) !important;
  border-bottom: solid 1px var(--theme-secondary) !important;
  background-color: var(--theme-secondary) !important;
}
.nav-primary .nav-link:hover, .nav-primary .nav-link.active:hover, .nav-primary .show > .nav-link:hover, .nav-pills.nav-primary .nav-link:hover, .nav-pills.nav-primary .nav-link.active:hover, .nav-pills.nav-primary .show > .nav-link:hover, .nav-secondary .nav-link:hover, .nav-secondary .nav-link.active:hover, .nav-secondary .show > .nav-link:hover, .nav-pills.nav-secondary .nav-link:hover, .nav-pills.nav-secondary .nav-link.active:hover, .nav-pills.nav-secondary .show > .nav-link:hover, .nav .nav-link:hover {
  color: var(--theme-white) !important;
  border-color: var(--theme-highlight) !important;
  border-bottom: solid 1px var(--theme-highlight) !important;
  background-color: var(--theme-highlight) !important;
}
.tab-pane .card, .tab-pane .card .card-header:first-child {
  border-radius: 0rem 0.25rem 0.25rem 0.25rem !important;
}
.nav.flex-column.nav-pills {
  min-height: 100%;
  border-left: 1px solid var(--theme-grey-tint-midlight) !important;
  border-bottom: 1px solid var(--theme-grey-tint-midlight) !important;
  border-radius: 0 0 0 2rem;
  padding-bottom: 3rem;
}
.flex-column > .nav-item {
  border-right: none !important;
}
.flex-column > .nav-item > .nav-link {
  border-bottom: solid 1px var(--theme-white) !important;
  border-radius: 0rem 0.25rem 0.25rem 0rem !important;
}
.card .card-header, .card .card-header-nested {
  border-bottom: 1px solid var(--theme-grey-tint-midlight);
}
.card .card-header-nested {
  padding: 15px 0px 30px 0px;
}
.tab-pane .card h6, .tab-pane .card-nested h6 {
  margin: 1.5rem 0 0 0;
  padding: 0 0 1.5rem 0;
  border-bottom: 1px solid var(--theme-grey-tint-midlight);
  float: left;
  clear: both;
  width: 100%;
  display: block;
}
.tab-pane .card-body-nested-border-bottom {
  border-bottom: 1px solid var(--theme-grey-tint-midlight);
}
.tab-pane-dashboard h5, .tab-pane-dashboard h6, .dashboard-heading {
  margin: 0 0 1rem 0;
  padding: 0 0 0.375rem 0;
  border-bottom: 1px solid var(--theme-grey-tint-midlight);
  clear: both;
  width: 100%;
  display: block;
}
.card-body-nested-knob h6 {
  margin: 0 0 1rem 0 !important;
  padding: 0 0 0 0 !important;
  border-bottom: none !important;
  float: none !important;
}
.card-body-nested-knob input.knob {
  color: var(--theme-default) !important;
}
.card-body-clean-bottom {
  padding-bottom: 0rem !important;
}
.card-body-clean-bottom h5 {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  border-bottom: none !important;
  clear: right !important;
  width: auto !important;
  display: inline-block !important;
}
.card-body-clean-bottom .nav {
  margin-top: 1.7rem;
}
.card-header-subtitle {
  font-size: 14px !important;
  font-weight: 500 !important;
}
.card-body-clean-bottom-divider {
  margin: 0 0 1.5rem 0;
  padding: 0 0 0 0;
  float: left;
  clear: both;
  width: 100%;
  display: block;
  border-bottom: 1px solid var(--theme-grey-tint-midlight);
}
.iframeContentWrapper {
  border: 1px solid var(--theme-grey-tint-midlight);
}
.iframeContentWrapper iframe {
  width: 100%;
  min-height: 800px;
}
.dropdown-title h5 {
  font-size: 14px !important;
}
.btn {
  /* padding: 0.375rem 0.75rem !important; */
}
.btn i, .btn .fa, .btn .far, .nav i {
  /* margin-right: 0.375rem; */
  /* font-weight: normal !important; */
}
.btn-outline-compliance {
  display: block;
  color: var(--theme-white) !important;
}
.btn-pending {
  background-color: var(--theme-compliance-orange) !important;
  border-color: var(--theme-compliance-orange) !important;
  color: var(--theme-white) !important;
}
.btn-default {
  background-color: var(--theme-white) !important;
  color: var(--theme-text-default) !important;
  border-color: var(--theme-white) !important;
  border-radius: 0.2rem;
  width: auto;
}
.btn-outline {
  background-color: transparent !important;
  color: var(--theme-text-default) !important;
  border-color: var(--theme-grey) !important;
  border-radius: 0.2rem;
  width: auto;
}
.btn-link {
  background-color: transparent !important;
  color: var(--theme-text-default) !important;
  border: none !important;
  border-bottom: dashed 1px var(--theme-text-highlight) !important;
  border-radius: 0px !important;
  padding: 0.375rem 0rem 0.175rem 0rem !important;
  text-decoration: none !important;
  width: auto;
}
.btn-inline {
  margin: 0rem 0rem 0rem 0.75rem !important;
}
.btn-default:hover, .btn-outline:hover, .btn-primary:hover, .btn-secondary:hover, .btn-pending:hover, .dropdown .dropdown-toggle:hover, .btn-icon-circle:hover, .btn-icon-circle-lg:hover, .btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-default:focus, .btn-outline:focus, .btn-primary:focus, .btn-secondary:focus, .btn-pending:focus, .dropdown .dropdown-toggle:focus, .btn-icon-circle:focus, .btn-icon-circle-lg:focus, .btn-success:focus, .btn-danger:focus, .btn-warning:focus, .btn-default:active, .btn-outline:active, .btn-primary:active, .btn-secondary:active, .btn-pending:active, .dropdown .dropdown-toggle:active, .btn-icon-circle:active, .btn-icon-circle-lg:active, .btn-success:active, .btn-danger:active, .btn-warning:active, .btn-default.active, .btn-outline.active, .btn-primary.active, .btn-secondary.active, .btn-pending.active, .dropdown .dropdown-toggle.active, .btn-icon-circle.active, .btn-icon-circle-lg.active, .btn-success.active, .btn-danger.active, .btn-warning.active {
  background-color: var(--theme-highlight) !important;
  border-color: var(--theme-highlight) !important;
  color: var(--theme-white) !important;
}
.btn-default:disabled, .btn-outline:disabled, .btn-primary:disabled, .btn-secondary:disabled, .btn-pending:disabled, .dropdown .dropdown-toggle:disabled, .btn-icon-circle:disabled, .btn-icon-circle-lg:disabled, .btn-success:disabled, .btn-danger:disabled, .btn-warning:disabled, .btn-default.disabled, .btn-outline.disabled, .btn-primary.disabled, .btn-secondary.disabled, .btn-pending.disabled, .dropdown .dropdown-toggle.disabled, .btn-icon-circle.disabled, .btn-icon-circle-lg.disabled, .btn-success.disabled, .btn-danger.disabled, .btn-warning.disabled {
  background-color: var(--theme-grey-tint-offlight) !important;
  border-color: var(--theme-grey-tint-offlight) !important;
  color: var(--theme-text-default) !important;
  cursor: not-allowed;
}
.btn-primary:hover i, .btn-secondary:hover i, .btn-pending:hover i, .btn-icon-circle:hover i, .btn-icon-circle-lg:hover i, .btn-success:hover i, .btn-danger:hover i, .btn-warning:hover i, .btn-primary:hover svg, .btn-secondary:hover svg, .btn-pending:hover svg, .btn-icon-circle:hover svg, .btn-icon-circle-lg:hover svg, .btn-success:hover svg, .btn-danger:hover svg, .btn-warning:hover svg, .btn-primary:focus i, .btn-secondary:focus i, .btn-pending:focus i, .btn-icon-circle:focus i, .btn-icon-circle-lg:focus i, .btn-success:focus i, .btn-danger:focus i, .btn-warning:focus i, .btn-primary:focus svg, .btn-secondary:focus svg, .btn-pending:focus svg, .btn-icon-circle:focus svg, .btn-icon-circle-lg:focus svg, .btn-success:focus svg, .btn-danger:focus svg, .btn-warning:focus svg, .btn-primary:active i, .btn-secondary:active i, .btn-pending:active i, .btn-icon-circle:active i, .btn-icon-circle-lg:active i, .btn-success:active i, .btn-danger:active i, .btn-warning:active i, .btn-primary:active svg, .btn-secondary:active svg, .btn-pending:active svg, .btn-icon-circle:active svg, .btn-icon-circle-lg:active svg, .btn-success:active svg, .btn-danger:active svg, .btn-warning:active svg, .btn-primary.active i, .btn-secondary.active i, .btn-pending.active i, .btn-icon-circle.active i, .btn-icon-circle-lg.active i, .btn-success.active i, .btn-danger.active i, .btn-warning.active i, .btn-primary.active svg, .btn-secondary.active svg, .btn-pending.active svg, .btn-icon-circle.active svg, .btn-icon-circle-lg.active svg, .btn-success.active svg, .btn-danger.active svg, .btn-warning.active svg, .btn-primary:disabled i, .btn-secondary:disabled i, .btn-pending:disabled i, .btn-icon-circle:disabled i, .btn-icon-circle-lg:disabled i, .btn-success:disabled i, .btn-danger:disabled i, .btn-warning:disabled i, .btn-primary:disabled svg, .btn-secondary:disabled svg, .btn-pending:disabled svg, .btn-icon-circle:disabled svg, .btn-icon-circle-lg:disabled svg, .btn-success:disabled svg, .btn-danger:disabled svg, .btn-warning:disabled svg, .btn-primary.disabled i, .btn-secondary.disabled i, .btn-pending.disabled i, .btn-icon-circle.disabled i, .btn-icon-circle-lg.disabled i, .btn-success.disabled i, .btn-danger.disabled i, .btn-warning.disabled i, .btn-primary.disabled svg, .btn-secondary.disabled svg, .btn-pending.disabled svg, .btn-icon-circle.disabled svg, .btn-icon-circle-lg.disabled svg, .btn-success.disabled svg, .btn-danger.disabled svg, .btn-warning.disabled svg {
  color: var(--theme-text-default) !important;
}
.btn-default:hover i, .btn-outline:hover i, .btn-default:hover svg, .btn-outline:hover svg, .btn-default:focus i, .btn-outline:focus i, .btn-default:focus svg, .btn-outline:focus svg, .btn-default:active i, .btn-outline:active i, .btn-default:active svg, .btn-outline:active svg, .btn-default:disabled i, .btn-outline:disabled i, .btn-default:disabled svg, .btn-outline:disabled svg, .btn-default.disabled i, .btn-outline.disabled i, .btn-default.disabled svg, .btn-outline.disabled svg {
  color: var(--theme-text-white) !important;
}
.btn-link:hover, .btn-link:focus, .btn-link:active {
  color: var(--theme-text-highlight) !important;
  border-bottom: dashed 1px var(--theme-text-white) !important;
}
.btn-link:hover i, .btn-link:hover svg, .btn-link:focus i, .btn-link:focus svg, .btn-link:active i, .btn-link:active svg {
  color: var(--theme-text-highlight) !important;
}
.btn-group .btn i, .btn-icon i, .btn-icon-circle i, .btn-icon-circle-lg i, i.calendar-icon {
  margin-right: 0 !important;
}
.btn-icon {
  border-color: none !important;
  border: none !important;
}
.btn-icon-circle {
  border-radius: 5rem !important;
  width: 24px;
  height: 24px;
  padding: 1px 0px 0px 0px !important;
  text-align: center !important;
}
.btn-icon-circle-lg {
  border-radius: 5rem !important;
  width: 36px;
  height: 35px;
  padding: 6px 0px 0px 0px !important;
  text-align: center !important;
}
.btn-anchor {
  border-color: none !important;
  border: none !important;
  padding: 0px !important;
}
.dropdown-menu {
  font-size: 14px;
  min-width: 15rem;
  color: var(--theme-text-default) !important;
}
.dropdown-menu > li > a {
  color: var(--theme-text-default) !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus, .dropdown-menu > li > a.active, .dropdown-menu > li > div.dropdown-item.form-check:hover, .dropdown-menu > li > div.dropdown-item.form-check:active, .dropdown-menu > li > div.dropdown-item.form-check:focus, .dropdown-menu > li > div.dropdown-item.form-check.active {
  background-color: var(--theme-highlight) !important;
  color: var(--theme-white) !important;
}
.dropdown-menu > li > a > i {
  margin-right: 0.375rem !important;
}
.dropdown-menu > li > input {
  margin-left: 12px !important;
  margin-right: 0.275rem !important;
}
.dropdown-menu > li > .dropdown-item.form-check {
  margin-bottom: 0rem;
}
.dropdown-menu > li > .dropdown-item.form-check .form-check-input {
  float: none !important;
  margin-left: 0em !important;
  margin-right: 0.5em !important;
  cursor: pointer;
}
.dropdown-menu > li > .dropdown-item.form-check .form-check-label {
  float: none !important;
  margin-left: 0em !important;
  margin-bottom: 0em !important;
  width: calc(100% - 1.5rem);
  cursor: pointer;
}
.dropdown .dropdown-toggle {
  background-color: var(--theme-white) !important;
  color: var(--theme-text-default) !important;
  border-radius: 0.2rem;
  width: auto;
 /*padding-right: 1.8rem !important;
 */
}
.dropdown .dropdown-toggle:after {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
 /*border: none;
  content: "\f0d7";
  font-family: 'Font Awesome 5 Pro';
 */
  font-weight: bold;
  font-size: 18px;
}
.form-control-select, .form-control-select-inline {
  position: relative;
}
.form-control-select-inline {
  display: inline-block;
}
.form-control-select:before, .form-control-select-inline:before, .form-control-select:after, .form-control-select-inline:after {
 /*border: none;
  font-family: "Font Awesome 5 Pro";
  content: "\f0c9";
 */
  font-weight: bold;
  font-size: 18px;
  color: #ccc;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  pointer-events: none;
}
.form-control-select:after, .form-control-select-inline:after {
  color: #666;
  top: calc(50% - 1px);
}
.form-control-select-focus:before, .form-control-select-focus:after {
  content: "\f0d7";
}
.form-control-select-focus:after {
  color: var(--theme-highlight) !important;
}
.form-control:disabled, .form-control[readonly] {
  background-color: var(--theme-grey-tint-lightist);
  cursor: not-allowed;
}
.form-control-inline {
  display: inline-block;
  width: auto;
}
thead, tbody, tfoot, tr, td, th {
  border-color: var(--theme-grey-tint-midlight);
}
.form-check-input-lg {
  width: 1.5em;
  height: 1.5em;
}
.form-check-input:checked {
  background-color: var(--theme-highlight);
  border-color: var(--theme-highlight);
}
.form-check-icon {
  float: left;
  display: inline-block;
  margin: 0rem;
  padding: 0rem;
  margin-left: -0.75em;
}
.form-check-input-icon {
  margin-left: 0.5em !important;
  margin-right: 0.5em !important;
}
.form-custom-1 .col-md-9 {
  border-bottom: 1px solid var(--theme-grey-tint-midlight);
  margin-top: 0rem;
  margin-bottom: 0.55rem;
  padding-top: 0rem;
  padding-bottom: 0.55rem;
}
.form-custom-1 label, label.custom-form-label, label.custom-form-label-sm {
  text-align: right !important;
  vertical-align: middle;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  padding-right: 1.5rem;
  background-color: var(--theme-grey-tint-midlight) !important;
  font-weight: bold;
  margin-bottom: 0rem !important;
}
.form-custom-1 label.form-label-sm, label.custom-form-label-sm {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  margin-bottom: 0.5rem !important;
}
.table.table-header tfoot th .form-custom-1 label, .table.table-header tfoot th label.custom-form-label, .table.table-header tfoot th label.custom-form-label-sm {
  background: none !important;
  padding-right: 0rem !important;
}
.form-custom-1 input, .form-custom-1 select, .form-custom-1 textarea, .form-custom-1 .form-control {
  border: none;
  background-color: var(--theme-grey-tint-lightist);
}
.input-group .input-group-text {
  border: none !important;
  background-color: var(--theme-grey-tint-midlight);
}
.form-custom-1 .input-group .input-group-text, .form-custom-1 .input-group .input-group-button, .form-custom-1 .input-group .form-control, .form-custom-1 .input-group .form-control-withborder {
  border: none !important;
}
.form-custom-1 .input-group .form-control-withborder {
  border: 1px solid #ced4da;
}
.form-custom-1 input[type='checkbox']:not(:checked), .form-custom-1 input[type='radio']:not(:checked) {
  background-color: var(--theme-grey-tint-midlight);
}
.form-custom-1 input[type='checkbox']:checked, .form-custom-1 input[type='radio']:checked {
  background-color: var(--theme-highlight) !important;
}
.form-custom-1 input[type='text']:focus, .form-custom-1 input[type='password']:focus, .form-custom-1 input[type='email']:focus, .form-custom-1 input[type='number']:focus, .form-custom-1 input[type='telephone']:focus, .form-custom-1 select:focus, .form-custom-1 textarea:focus {
  background-color: #edfbfd;
}
.form-custom-1 .form-control:disabled, .form-custom-1 .form-control[readonly] {
  background-color: var(--theme-grey-tint-lightist);
}
.table th.dt-body-center, .table td.dt-body-center {
  text-align: center !important;
}
table.dataTable input[type='radio'] {
  border: 1px solid var(--theme-grey-tint-lighter);
  height: 1em !important;
  float: none !important;
}
.table-header thead th, .table-headered thead th {
  background-color: var(--theme-grey-tint-midlight);
  vertical-align: middle;
}
.table-header tfoot th, .table-headered tfoot th {
  background-color: var(--theme-grey-tint-lightist) !important;
  vertical-align: middle;
}
.table-form.table-header tbody th {
  text-align: right !important;
  vertical-align: middle;
  padding-right: 1.5rem;
  background-color: var(--theme-grey-tint-midlight) !important;
  background-image: none !important;
}
.table-form.table-header tbody td input, .table-form.table-header tbody td select, .table-form.table-header tbody td textarea {
  border: none !important;
  background-color: var(--theme-grey-tint-lightist);
}
.table-form.table-header tbody td input[type='checkbox']:not(:checked), .table-form.table-header tbody td input[type='radio']:not(:checked) {
  background-color: var(--theme-grey-tint-midlight);
}
.table-form.table-header tbody td input[type='checkbox']:checked, .table-form.table-header tbody td input[type='radio']:checked {
  background-color: var(--theme-highlight) !important;
}
.table-form.table-header tbody td input[type='text']:focus, .table-form.table-header tbody td input[type='password']:focus, .table-form.table-header tbody td input[type='email']:focus, .table-form.table-header tbody td input[type='number']:focus, .table-form.table-header tbody td input[type='telephone']:focus, .table-form.table-header tbody td select:focus, .table-form.table-header tbody td textarea:focus {
  background-color: #edfbfd;
}
.table-form.table-header tbody td .form-control:disabled, .table-form.table-header tbody td .form-control[readonly] {
  background-color: var(--theme-grey-tint-lightist);
}
.table-header, .table-spaced {
  margin: 0 0 0 0;
}
.table-centered th, .table-centered td {
  text-align: center;
}
.table-clickable tbody tr td {
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
.table-clickable tbody tr:hover td {
  background-color: var(--theme-highlight) !important;
  border-color: var(--theme-highlight) !important;
  color: var(--theme-white) !important;
}
.table-clickable tbody tr:hover td a, .table-clickable tbody tr:hover td span, .table-clickable tbody tr:hover td .btn, .table-clickable tbody tr:hover td i, .table-clickable tbody tr:hover td button, .table-clickable tbody tr:hover td input, .table-clickable tbody tr:hover td svg {
  color: var(--theme-white) !important;
  stroke: var(--theme-white) !important;
  border-color: var(--theme-white) !important;
  background-color: var(--theme-highlight) !important;
}
.table-clickable tbody tr:hover td .btn-icon {
  border: solid 1px var(--theme-white) !important;
  padding: calc(0.375rem - 1px) calc(0.75rem - 1px) !important;
}
.table-clickable tbody tr td .btn {
  -webkit-transition: none !important;
  transition: none !important;
}
.table td.dataTables_loading, .table th.dataTables_loading, .table td.dataTables_empty {
  text-align: center;
  font-size: 14px;
}
.table td.dataTables_loading, .table th.dataTables_loading {
  background-color: var(--theme-grey-tint-midlight) !important;
}
.table th.sorting {
  position: relative;
  cursor: pointer;
}
.table th.sorting::after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light);
  content: "\f0dc";
}
.table th.sorting svg {
  color: var(--theme-grey-tint-midlight);
  position: absolute;
  right: 10px;
  vertical-align: text-top;
  margin-top: 3px;
}
.table th.sorting.sorting_asc, .table th.sorting.sorting_desc {
  background-color: var(--theme-grey-tint-lightist);
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.table th.sorting.sorting_asc::after {
  font: var(--fa-font-light);
  content: "\f0de";
}
.table th.sorting.sorting_asc svg {
  color: var(--theme-default);
}
.table th.sorting.sorting_desc::after {
  font: var(--fa-font-light);
  content: "\f0dd";
}
.table th.sorting.sorting_desc svg {
  color: var(--theme-default);
}
.table th.sorting::after, .table th.sorting.sorting_asc::after, .table th.sorting.sorting_desc::after, .dataTables_scrollBody .table th.sorting::after, .dataTables_scrollBody .table th.sorting.sorting_asc::after, .dataTables_scrollBody .table th.sorting.sorting_desc::after, .dataTables_scrollBody .table th.sorting svg, .dataTables_scrollBody .table th.sorting.sorting_asc svg, .dataTables_scrollBody .table th.sorting.sorting_desc svg {
  display: none;
}
.table td.pointer {
  text-align: center;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: var(--theme-grey-tint-midlight);
}
.table, .table thead, .table tbody, .table tfoot, .table thead tr, .table tbody tr, .table tfoot tr, .table thead tr th, .table tbody tr th, .table tfoot tr th, .table thead tr td, .table tbody tr td, .table tfoot tr td {
  border: none !important;
}
/*.table tbody {
  border-left: 1px solid var(--theme-grey-tint-midlight);
  border-right: 1px solid var(--theme-grey-tint-midlight);
}
.table thead th {
  border-bottom: 1px solid var(--theme-grey-tint-midlight);
}
.table > :not(:first-child) {
  border-top: 1px solid var(--theme-grey-tint-midlight);
}
*/
.table thead tr, .table tbody tr, .table tfoot tr {
  border-bottom: 1px solid var(--theme-grey-tint-midlight) !important;
}
.dataTables_info {
  clear: both;
  float: left;
  /* margin-top: 1.5rem; */
}
.dataTables_length {
  float: left;
  margin-top: 1.2rem;
}
.dataTables_length select {
  display: inline-block;
  width: auto;
}
.dataTables_paginate {
  float: right;
  margin-top: 1rem;
}
.pagination .page-link {
  font-size: 1em;
  color: var(--theme-text-default);
}
.pagination .page-link:hover {
  background-color: var(--theme-highlight) !important;
  border-color: var(--theme-highlight) !important;
  color: var(--theme-text-white) !important;
}
.page-link.active, .active > .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: var(--theme-text-white) !important;
}
.page-link.disabled, .disabled > .page-link {
  background-color: var(--theme-grey-tint-midlight) !important;
  border-color: var(--theme-grey-tint-midlight) !important;
}
.photos-jsx-image-thumbnail {
  width: 100px;
  height: 100px;
  object-fit: contain;
  object-position: center;
  background-color: #fff;
  border: 1px, solid, darkgray;
}
.photos-jsx-image-modal .modal-body-content > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background-color: #cdcdcd;
  max-height: calc(100vh - 150px);
}
.gallery-with-description figure {
  position: relative;
}
.gallery-photo-controls {
  position: absolute;
  right: 28px;
  top: 16px;
}
.gallery-photo-controls-upload {
  position: absolute;
  right: 20%;
  top: 25%;
  width: 60%;
  background-color: var(--theme-grey-tint-midlight) !important;
  border-radius: 0.35rem !important;
  padding: 0.25rem !important;
}
.gallery-photo-controls-upload .form-control {
  margin: 0 !important;
  border: none !important;
}
.grid-list li {
  padding: 0.25rem 0rem;
}
.grid-list-inline {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--theme-grey-tint-midlight) !important;
}
.grid-list-inline li {
  display: inline-block;
  padding: 0rem;
  margin: 0rem 0.5rem 0rem 0rem;
}
.grid-list-inline li label {
  margin-bottom: 0rem;
}
.compliance_treewrapper {
  padding: 0rem 0rem 2rem 0rem !important;
  border: 1px solid var(--theme-white) !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0px 0px 0px 2rem;
}
.compliancetree {
  border: none !important;
  border-bottom: 1px solid var(--theme-white) !important;
  border-radius: 0rem;
}
.compliancetree-group-item {
  border: 1px solid var(--theme-white) !important;
  border-radius: 0rem 0.25rem 0.25rem 0rem !important;
}
.compliancetree-label i {
  margin-right: 0.5rem !important;
}
.compliancetree-tab {
  background-color: var(--theme-default);
  color: var(--theme-white);
}
.compliancetree-section {
  background-color: var(--theme-grey-tint-midlight);
}
.compliancetree-question {
  background-color: var(--theme-grey-tint-superlight);
}
.compliancetree .compliancetree-group-item:hover, .compliancetree .compliancetree-group-item:focus, .compliancetree .compliancetree-group-item:active, .compliancetree .compliancetree-group-item.active {
  background-color: var(--theme-highlight) !important;
  color: var(--theme-white) !important;
  border-color: var(--theme-white) !important;
}
/* .compliance_questionwrapper {
  padding: 0rem 0rem 0rem 3rem !important;
  border: none !important;
  border-bottom: 1px solid var(--theme-grey-tint-midlight) !important;
  border-radius: 0px 0px 0px 0px;
}
.compliance_questionwrapper .table.mb-3 {
  margin-bottom: 2rem !important;
} */
/* .compliance_thumbnail, .compliance_thumbnail img {
  border-radius: 0.25rem;
} */
.flot-chart-container {
  height: 250px;
}
.flot-chart-container-sm {
  height: 350px !important;
}
.flot-chart-container-md {
  height: 450px !important;
}
.flot-chart-container-lg {
  height: 550px !important;
}
.flot-chart-container-xl {
  height: 650px !important;
}
.flot-chart-container-zoomed {
  height: 500px !important;
}
.legendLayer .background {
  fill: rgba(255, 255, 255, 0.85);
  stroke: rgba(0, 0, 0, 0.5);
  stroke-width: 1;
}
.chart-click {
  cursor: pointer;
}
.modal-title {
  width: calc(100% - 30px);
  display: inline-block;
}
.tui-full-calendar-section-title, .tui-full-calendar-section-start-date, .tui-full-calendar-section-date-dash, .tui-full-calendar-section-end-date, .tui-full-calendar-popup-section-item.tui-full-calendar-section-allday {
  width: auto !important;
}
.tui-full-calendar-section-title input {
  width: 345px !important;
}
.tui-full-calendar-confirm {
  border-radius: 0.25rem !important;
  background-color: var(--theme-highlight) !important;
}
.calendarContainer .container {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
}
.categories .learning-header {
  padding-left: 0px !important;
  margin-left: 0px !important;
}
.categories ul li {
  background-color: var(--theme-grey-tint-superlight) !important;
  border-bottom: solid 1px var(--theme-text-white) !important;
}
.categories ul li:hover {
  background-color: var(--theme-highlight) !important;
}
.categories ul li:hover a, .categories ul li:hover span {
  color: var(--theme-text-white) !important;
}
.blog-details {
  padding: 20px 20px 20px 0px;
}
.blog-details-noimage {
  padding-left: 20px;
}
.blog-downloads {
  padding: 0px 20px 20px 30px;
}
.blog-downloads li {
  margin-bottom: 10px;
}
.blog-downloads, .blog-downloads h6, .blog-downloads li, .blog-downloads a {
  color: var(--theme-text-grey);
  font-size: 13px;
}
.blog-downloads a {
  display: block;
}
.blog-downloads a:hover {
  color: var(--theme-highlight) !important;
}
.loader-float-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background-color: var(--theme-grey-tint-midlight-50);
  z-index: 999;
  padding: 1rem;
}
.vScrollNotes {
  width: auto;
  height: 750px;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: -20px;
  padding-right: 20px;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 60% !important;
 }
}
.modal.fade.photos-jsx-image-modal .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, 100%) rotate(180deg);
  -ms-transform: translate(0, 100%) rotate(180deg);
  -o-transform: translate(0, 100%) rotate(180deg);
  transform: translate(0, 100%) rotate(180deg);
}
.modal.show.photos-jsx-image-modal .modal-dialog {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
/*Helper Classes*/
.width-100pc {
  width: 100%;
}
.margin-none, .margin-00 {
  margin: 0rem !important;
}
.margin-top-00 {
  margin-top: 0rem !important;
}
.margin-top-02 {
  margin-top: 0.25rem !important;
}
.margin-top-05 {
  margin-top: 0.5rem !important;
}
.margin-top-07 {
  margin-top: 0.75rem !important;
}
.margin-top-10 {
  margin-top: 1rem !important;
}
.margin-top-15 {
  margin-top: 1.5rem !important;
}
.margin-top-20 {
  margin-top: 2rem !important;
}
.margin-top-25 {
  margin-top: 2.5rem !important;
}
.margin-top-30 {
  margin-top: 3rem !important;
}
.margin-top-35 {
  margin-top: 3.5rem !important;
}
.margin-top-40 {
  margin-top: 4rem !important;
}
.margin-top-45 {
  margin-top: 4.5rem !important;
}
.margin-top-50 {
  margin-top: 5rem !important;
}
.margin-top-02-neg {
  margin-top: -0.25rem !important;
}
.margin-top-05-neg {
  margin-top: -0.5rem !important;
}
.margin-top-07-neg {
  margin-top: -0.75rem !important;
}
.margin-top-10-neg {
  margin-top: -1rem !important;
}
.margin-top-15-neg {
  margin-top: -1.5rem !important;
}
.margin-top-20-neg {
  margin-top: -2rem !important;
}
.margin-top-25-neg {
  margin-top: -2.5rem !important;
}
.margin-top-30-neg {
  margin-top: -3rem !important;
}
.margin-top-35-neg {
  margin-top: -3.5rem !important;
}
.margin-top-40-neg {
  margin-top: -4rem !important;
}
.margin-top-45-neg {
  margin-top: -4.5rem !important;
}
.margin-top-50-neg {
  margin-top: -5rem !important;
}
.margin-left-00 {
  margin-left: 0rem !important;
}
.margin-left-02 {
  margin-left: 0.25rem !important;
}
.margin-left-05 {
  margin-left: 0.5rem !important;
}
.margin-left-07 {
  margin-left: 0.75rem !important;
}
.margin-left-10 {
  margin-left: 1rem !important;
}
.margin-left-15 {
  margin-left: 1.5rem !important;
}
.margin-right-00 {
  margin-right: 0rem !important;
}
.margin-right-25 {
  margin-right: 0.25rem !important;
}
.margin-right-05 {
  margin-right: 0.5rem !important;
}
.margin-right-07 {
  margin-right: 0.75rem !important;
}
.margin-right-10 {
  margin-right: 1rem !important;
}
.margin-right-15 {
  margin-right: 1.5rem !important;
}
.margin-bottom-00 {
  margin-bottom: 0rem !important;
}
.margin-bottom-02 {
  margin-bottom: 0.25rem !important;
}
.margin-bottom-05 {
  margin-bottom: 0.5rem !important;
}
.margin-bottom-07 {
  margin-bottom: 0.75rem !important;
}
.margin-bottom-10 {
  margin-bottom: 1rem !important;
}
.margin-bottom-15 {
  margin-bottom: 1.5rem !important;
}
.margin-bottom-20 {
  margin-bottom: 2rem !important;
}
.padding-none, .padding-00 {
  padding: 0rem !important;
}
.padding-00 {
  padding: 0rem !important;
}
.padding-02 {
  padding: 0.25rem !important;
}
.padding-05 {
  padding: 0.5rem !important;
}
.padding-07 {
  padding: 0.75rem !important;
}
.padding-10 {
  padding: 1rem !important;
}
.padding-15 {
  padding: 1.5rem !important;
}
.padding-20 {
  padding: 2rem !important;
}
.padding-25 {
  padding: 2.5rem !important;
}
.padding-top-00 {
  padding-top: 0rem !important;
}
.padding-top-02 {
  padding-top: 0.25rem !important;
}
.padding-top-05 {
  padding-top: 0.5rem !important;
}
.padding-top-07 {
  padding-top: 0.75rem !important;
}
.padding-top-10 {
  padding-top: 1rem !important;
}
.padding-top-15 {
  padding-top: 1.5rem !important;
}
.padding-left-00 {
  padding-left: 0rem !important;
}
.padding-left-02 {
  padding-left: 0.25rem !important;
}
.padding-left-05 {
  padding-left: 0.5rem !important;
}
.padding-left-07 {
  padding-left: 0.75rem !important;
}
.padding-left-10 {
  padding-left: 1rem !important;
}
.padding-left-15 {
  padding-left: 1.5rem !important;
}
.padding-right-00 {
  padding-right: 0rem !important;
}
.padding-right-02 {
  padding-right: 0.25rem !important;
}
.padding-right-05 {
  padding-right: 0.5rem !important;
}
.padding-right-07 {
  padding-right: 0.75rem !important;
}
.padding-right-10 {
  padding-right: 1rem !important;
}
.padding-right-15 {
  padding-right: 1.5rem !important;
}
.padding-bottom-00 {
  padding-bottom: 0rem !important;
}
.padding-bottom-02 {
  padding-bottom: 0.25rem !important;
}
.padding-bottom-05 {
  padding-bottom: 0.5rem !important;
}
.padding-bottom-07 {
  padding-bottom: 0.75rem !important;
}
.padding-bottom-10 {
  padding-bottom: 1rem !important;
}
.padding-bottom-15 {
  padding-bottom: 1.5rem !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.fa-100x {
  font-size: 1em;
}
.fa-105x {
  font-size: 1.05em;
}
.fa-110x {
  font-size: 1.1em;
}
.fa-115x {
  font-size: 1.15em;
}
.fa-120x {
  font-size: 1.2em;
}
.fa-125x {
  font-size: 1.25em;
}
.fa-130x {
  font-size: 1.3em;
}
.fa-135x {
  font-size: 1.35em;
}
.fa-140x {
  font-size: 1.4em;
}
.fa-145x {
  font-size: 1.45em;
}
.fa-150x {
  font-size: 1.5em;
}
.fa-175x {
  font-size: 1.75em;
}
.simple-border {
  border: solid 1px var(--theme-grey) !important;
}
.display-inline-block {
  display: inline-block !important;
}
.title {
  text-transform: capitalize;
}
/*Custom Bootstrap xxxl Grid for Full HD min-width > 1900*/
@media (min-width: 1900px) {
  .col-xxxl {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
 }
  .row-cols-xxxl-auto > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
 }
  .row-cols-xxxl-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
 }
  .row-cols-xxxl-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
 }
  .row-cols-xxxl-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
 }
  .row-cols-xxxl-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
 }
  .row-cols-xxxl-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
 }
  .row-cols-xxxl-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
 }
  .col-xxxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
 }
  .col-xxxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%;
 }
  .col-xxxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
 }
  .col-xxxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
 }
  .col-xxxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
 }
  .col-xxxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%;
 }
  .col-xxxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
 }
  .col-xxxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%;
 }
  .col-xxxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%;
 }
  .col-xxxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
 }
  .col-xxxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%;
 }
  .col-xxxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%;
 }
  .col-xxxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
 }
  .offset-xxxl-0 {
    margin-left: 0;
 }
  .offset-xxxl-1 {
    margin-left: 8.33333%;
 }
  .offset-xxxl-2 {
    margin-left: 16.66667%;
 }
  .offset-xxxl-3 {
    margin-left: 25%;
 }
  .offset-xxxl-4 {
    margin-left: 33.33333%;
 }
  .offset-xxxl-5 {
    margin-left: 41.66667%;
 }
  .offset-xxxl-6 {
    margin-left: 50%;
 }
  .offset-xxxl-7 {
    margin-left: 58.33333%;
 }
  .offset-xxxl-8 {
    margin-left: 66.66667%;
 }
  .offset-xxxl-9 {
    margin-left: 75%;
 }
  .offset-xxxl-10 {
    margin-left: 83.33333%;
 }
  .offset-xxxl-11 {
    margin-left: 91.66667%;
 }
  .g-xxxl-0, .gx-xxxl-0 {
    --bs-gutter-x: 0;
 }
  .g-xxxl-0, .gy-xxxl-0 {
    --bs-gutter-y: 0;
 }
  .g-xxxl-1, .gx-xxxl-1 {
    --bs-gutter-x: 0.25rem;
 }
  .g-xxxl-1, .gy-xxxl-1 {
    --bs-gutter-y: 0.25rem;
 }
  .g-xxxl-2, .gx-xxxl-2 {
    --bs-gutter-x: 0.5rem;
 }
  .g-xxxl-2, .gy-xxxl-2 {
    --bs-gutter-y: 0.5rem;
 }
  .g-xxxl-3, .gx-xxxl-3 {
    --bs-gutter-x: 1rem;
 }
  .g-xxxl-3, .gy-xxxl-3 {
    --bs-gutter-y: 1rem;
 }
  .g-xxxl-4, .gx-xxxl-4 {
    --bs-gutter-x: 1.5rem;
 }
  .g-xxxl-4, .gy-xxxl-4 {
    --bs-gutter-y: 1.5rem;
 }
  .g-xxxl-5, .gx-xxxl-5 {
    --bs-gutter-x: 3rem;
 }
  .g-xxxl-5, .gy-xxxl-5 {
    --bs-gutter-y: 3rem;
 }
 .order-xxxl-first {
  order: -1 !important;
}
.order-xxxl-last {
  -webkit-box-ordinal-group: 7 !important;
  -ms-flex-order: 6 !important;
  order: 6 !important;
}
}

.btn-flag {
  color: #fff !important;
}

.btn-flag:hover {
  opacity: 0.9 !important;
  color: #fff !important;
}

.btn-flag-light {
  color: #000 !important;
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important;
}
.btn-flag-light:hover {
  color: #000 !important;
  opacity: 0.9 !important;
}

table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
  --bs-table-accent-bg: transparent;
}
table.dataTable.table-striped > tbody > tr.odd {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
}

.overflow-x-auto-hidden::-webkit-scrollbar {
    display: none;
    overflow-x: auto;
}

.overflow-x-auto-hidden {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
    overflow-x: auto;
}


.escalation-swal-width {
    width: 40rem !important;  
}

.escalation-swal-list ul {
    list-style-type: disc; 
    padding-left: 20px;
    text-align: left;
    color: red;
}

.escalation-swal-list li {
    margin-bottom: 10px;
}
  
.import-text-danger td {
    color: #dc3545;
}

#alerts {
	z-index: 1999;
	min-width: calc(97% - 360px);
	top: 80px;
}

.btn-flag {
    color: #fff !important;
}

.btn-flag:hover {
    opacity: 0.9 !important;
    color: #fff !important;
}

.btn-flag-light {
    color: #000 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}
.btn-flag-light:hover {
    color: #000 !important;
    opacity: 0.9 !important;
}

.sticky-row {
    background-color: #FFE5B4 !important;
    font-weight: bold !important;
    color: #333 !important;
}

td.danger-lite {
	background-color: #f9dadd !important;
	color: #dc3545 !important;
}

td.warning-lite {
    background-color: #fff3cd !important;
    color: #ffc107 !important;
}   

td.success-lite {
    background-color: #d4edda !important;
    color: #28a745 !important;
}

.tabledit-cell {
	width: 5rem;
}

.bg-danger-lite {
	background-color: #f9dadd !important;
}

.bg-warning-lite {
    background-color: #fff3cd !important;
}   

.bg-success-lite {
    background-color: #d4edda !important;
}
  
th.sticky-left {
    position: sticky;
    left: 0;
    z-index: 1; 
}

.btn-narrow {
	padding: .375rem .75rem;
}

.notification-close {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  font-size: 16px;
  color: #000;
  cursor: pointer;
}



/* style overrides */
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
  width: 6rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.nav-item .nav-link {
  padding-bottom: 1rem !important;
}

.nav-item {
  border-right: 0.5px solid transparent !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li.potlabel {
  padding: 7px 25px 7px 40px;
  font-size: 14px;
  color: var(--theme-deafult); 
  display: block;
  position: relative;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-family: Roboto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li.potlabel {
  display: none !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li.potlabel {
  display: block !important;
}

.header-logo-wrapper .logo-wrapper {
  background-image: var(--header-logo-url) !important;
  background-size: 85% auto;
  background-repeat: no-repeat;
  background-color: var(--theme-white) !important;
  min-height: 30px;
}

.spinner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10;
}

.btn-icon-circle {
  display: inline-flex; 
  justify-content: center; 
  align-items: center; 
}

.select2-container .select2-selection--single {
  border-color: #ced4da;
}