:root {
  --oc-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --oc-white: #fff;
  --oc-black: #000;
  --oc-green: #019A6B;
  --oc-lightgreen: #ebf9eb;
  --oc-blue-medium: #0031FF;
  --oc-red: #F44336;
  --oc-lightgray-icons: rgba(0, 0, 0, 0.5411764706);
  --oc-lightgray-text: #abb5bd;
  --oc-lightgray: #F9F9F9;
  --oc-bg-lightgray: #F9F9F9;
  --oc-bg-lightgray-navbar-mobile: rgba(214, 220, 227, 0.3607843137);
  --oc-bg-green: #019A6B;
}

.form-control {
  --oc-form-control-padding-y: 0.375rem;
  --oc-form-control-padding-x: 0.75rem;
  --oc-form-control-font-size: 1rem;
  --oc-form-control-font-weight: 400;
  --oc-form-control-line-height: 1.5;
  --oc-form-control-font-family: ;
  --oc-form-control-color: #000;
  --oc-form-control-background-color: #fff;
  --oc-form-control-border-color: #abb5bd;
  --oc-form-control-border-width: 1px;
  --oc-form-control-border-radius: 0.375rem;
  --oc-form-control-box-shadow: 0 0 0 0.25rem rgba(1, 154, 107, 0.2509803922);
  display: block;
  width: 100%;
  padding: var(--oc-form-control-padding-y) var(--oc-form-control-padding-x);
  font-family: var(--oc-form-control-font-family);
  font-size: var(--oc-form-control-font-size);
  font-weight: var(--oc-form-control-font-weight);
  line-height: var(--oc-form-control-line-height);
  color: var(--oc-form-control-color);
  background-color: var(--oc-form-control-background-color);
  background-clip: padding-box;
  appearance: none;
  border: var(--oc-form-control-border-width) solid var(--oc-form-control-border-color);
  border-radius: var(--oc-form-control-border-radius);
}
.form-control:focus {
  color: var(--oc-form-control-color);
  background-color: var(--oc-form-control-background-color);
  border-color: var(--oc-form-control-border-color);
  outline: 0;
  box-shadow: var(--oc-form-control-box-shadow);
}

.form-check {
  --oc-form-check-min-height: 1.5rem;
  --oc-form-check-padding-left: 1.5rem;
  --oc-form-check-margin-bottom: 0.125rem;
  display: block;
  min-height: var(--oc-form-check-min-height);
  padding-left: var(--oc-form-check-padding-left);
  margin-bottom: var(--oc-form-check-margin-bottom);
}

.form-check-input:checked {
  --oc-form-check-background-color: #019A6B;
  --oc-form-check-border-color: #019A6B;
  --oc-form-check-box-shadow: 0 0 0 0.25rem rgba(1, 154, 107, 0.2509803922);
  background-color: var(--oc-form-check-background-color);
  border-color: var(--oc-form-check-border-color);
}
.form-check-input:focus {
  box-shadow: var(--oc-form-check-box-shadow);
}

.form-select {
  --oc-form-select-padding-y: 0.375rem;
  --oc-form-select-padding-x: 0.75rem;
  --oc-form-select-padding-right: 1.125rem;
  --oc-form-select-font-size: 1rem;
  --oc-form-select-font-weight: 400;
  --oc-form-select-line-height: 1.5;
  --oc-form-select-color: #000;
  --oc-form-select-background-color: #fff;
  --oc-form-select-border-color: #abb5bd;
  --oc-form-select-border-width: 1px;
  --oc-form-select-border-radius: 0.375rem;
  display: block;
  width: 100%;
  padding: var(--oc-form-select-padding-y) var(--oc-form-select-padding-right) var(--oc-form-select-padding-y) var(--oc-form-select-padding-x);
  font-size: var(--oc-form-select-font-size);
  font-weight: var(--oc-form-select-font-weight);
  line-height: var(--oc-form-select-line-height);
  color: var(--oc-form-select-color);
  background-color: var(--oc-form-select-background-color);
  background-repeat: no-repeat;
  border: var(--oc-form-select-border-width) solid var(--oc-form-select-border-color);
  border-radius: var(--oc-form-select-border-radius);
}
.form-select:focus {
  --oc-form-select-border-color: #abb5bd;
  --oc-form-select-box-shadow: 0 0 0 0.25rem rgba(1, 154, 107, 0.2509803922);
  border-color: var(--oc-form-select-border-color);
  outline: 0;
  box-shadow: var(--oc-form-select-box-shadow);
}

.customer-button {
  --oc-button-padding-x: 15px;
  --oc-button-padding-y: 0px;
  --oc-button-font-size: 1rem;
  --oc-button-line-height: 32px;
  --oc-button-transition: all 0.4s ease-in-out;
  --oc-button-border-radius: 6px;
  --oc-button-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  --oc-button-box-shadow-hover: 0 4px 12px 0 rgba(0, 0, 0, 0.26);
  --oc-button-color: #fff;
  display: inline-block;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  padding: var(--oc-button-padding-y) var(--oc-button-padding-x);
  cursor: pointer;
  font-size: var(--oc-button-font-size);
  line-height: var(--oc-button-line-height);
  transition: var(--oc-button-transition);
  border-radius: var(--oc-button-border-radius);
  box-shadow: var(--oc-button-box-shadow);
  border: none;
  color: var(--oc-button-color);
}
.customer-button:hover {
  box-shadow: var(--oc-button-box-shadow-hover);
}
.customer-button:disabled {
  pointer-events: none;
}

.button-action {
  --oc-button-action-background-color: #019A6B;
  --oc-button-action-color: #fff;
  background-color: var(--oc-button-action-background-color);
}
.button-action:hover {
  color: var(--oc-button-action-color);
}

.button-delete {
  --oc-button-delete-background-color: #F44336;
  --oc-button-delete-background-color-hover: #fff;
  background-color: var(--oc-button-delete-background-color);
}
.button-delete:hover {
  background-color: var(--oc-button-delete-background-color-hover);
  color: var(--oc-button-delete-background-color);
}

.button-refresh {
  --oc-button-refresh-background-color: #ebf9eb;
  --oc-button-refresh-color: #019A6B;
  --oc-button-refresh-background-color-hover: #f1f4f1;
  background-color: var(--oc-button-refresh-background-color);
  color: var(--oc-button-refresh-color);
}
.button-refresh:hover {
  background-color: var(--oc-button-refresh-background-color-hover);
  color: var(--oc-button-refresh-color);
}

.button-large {
  --oc-button-large-padding-y: 5px;
  --oc-button-large-padding-x: 70px;
  --oc-button-large-font-size: 1.25rem;
  --oc-button-large-border-radius: 10px;
  padding: var(--oc-button-large-padding-y) var(--oc-button-large-padding-x);
  font-size: var(--oc-button-large-font-size);
  border-radius: var(--oc-button-large-border-radius);
}

.customer-button-icon {
  --oc-button-icons-width: 56px;
  --oc-button-icons-height: 56px;
  --oc-button-icons-color: #fff;
  --oc-button-icons-background-color: #019A6B;
  --oc-button-icons-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  --oc-button-icons-border-radius: 50%;
  --oc-button-icons-position-bottom: 24px;
  --oc-button-icons-position-right: 24px;
  display: inline-block;
  width: var(--oc-button-icons-width);
  height: var(--oc-button-icons-height);
  color: var(--oc-button-icons-color);
  cursor: pointer;
  background-color: var(--oc-button-icons-background-color);
  border-radius: var(--oc-button-icons-border-radius);
  box-shadow: var(--oc-button-icons-box-shadow);
  bottom: var(--oc-button-icons-position-bottom);
  left: initial;
  right: var(--oc-button-icons-position-right);
}

.sidebar {
  --oc-sidebar-padding-x: 0;
  --oc-sidebar-padding-y: 0;
  --oc-sidebar-margin-x: 0;
  --oc-sidebar-margin-y: 0;
  --oc-sidebar-background-color: #F9F9F9;
  --oc-sidebar-width: 250px;
  margin: var(--oc-sidebar-margin-x) var(--oc-sidebar-margin-y);
  padding: var(--oc-sidebar-padding-x) var(--oc-sidebar-padding-y);
  width: var(--oc-sidebar-width);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  overflow-x: hidden;
  background-color: var(--oc-sidebar-background-color);
}
.sidebar .button-power {
  padding: 0 16px;
}
.sidebar .button-power a {
  padding: 8px 8px 8px 32px;
}
.sidebar .style-none {
  list-style: none;
}
.sidebar .user-view {
  position: relative;
  padding: 32px 32px 0;
  margin-bottom: 8px;
}
.sidebar .user-view .logout > svg {
  color: #F44336;
}
.sidebar .user-view .logout > svg:hover {
  color: #019A6B;
}
.sidebar li > a {
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
  list-style: none;
}
.sidebar li > a.nav-link:focus {
  color: #000;
}
.sidebar li > a.nav-link:hover {
  color: #019A6B;
}
.sidebar li .submenu {
  list-style: none;
}

#main {
  --oc-sidebar-margin-left: 107px;
  --oc-sidebar-margin-left-transition: margin-left 0.4s;
  margin-left: var(--oc-sidebar-margin-left);
  transition: var(--oc-sidebar-margin-left-transition);
}

.navbar-mobile {
  --oc-navbar-mobile-background-color: rgba(214, 220, 227, 0.3607843137);
  background-color: var(--oc-navbar-mobile-background-color);
}
.navbar-mobile .logout > svg {
  color: #F44336;
}
.navbar-mobile .logout > svg:hover {
  color: #019A6B;
}

@media (max-width: 991.98px) {
  .sidenav.sidenav-fixed {
    transform: translateX(-105%);
  }
}
@media (max-width: 991.98px) {
  .navbar-expand .navbar-toggler {
    display: block;
  }
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  --oc-navpills-background-color: #019A6B;
  background-color: var(--oc-navpills-background-color);
}

.nav-link {
  --oc-nav-link-color: #FFFFFF;
  color: var(--oc-nav-link-color);
}
@media (max-width: 1315px) {
  .nav-link {
    font-size: 12px;
  }
}
.nav-link:hover {
  color: var(--oc-nav-link-color);
}

.bg-lightgray {
  background-color: #F9F9F9;
}

.bg-lightgray-navbar-mobile {
  background-color: rgba(214, 220, 227, 0.3607843137);
}

.bg-green {
  background-color: #019A6B;
}

.bd-color {
  --oc-bd-color-border: 1px solid #e9ecef;
  --oc-bd-color-border-left-width: 0.25rem;
  --oc-bd-color-border-radius: 0.25rem;
  border: var(--oc-bd-color-border);
  border-left-width: var(--oc-bd-color-border-left-width);
  border-radius: var(--oc-bd-color-border-radius);
}

.color-white {
  color: #fff;
}

.bd-color-white {
  border-left-color: #fff;
}

.color-black {
  color: #000;
}

.bd-color-black {
  border-left-color: #000;
}

.color-green {
  color: #019A6B;
}

.bd-color-green {
  border-left-color: #019A6B;
}

.color-lightgreen {
  color: #ebf9eb;
}

.bd-color-lightgreen {
  border-left-color: #ebf9eb;
}

.color-blue-medium {
  color: #0031FF;
}

.bd-color-blue-medium {
  border-left-color: #0031FF;
}

.color-red {
  color: #F44336;
}

.bd-color-red {
  border-left-color: #F44336;
}

.color-lightgray-icons {
  color: rgba(0, 0, 0, 0.5411764706);
}

.bd-color-lightgray-icons {
  border-left-color: rgba(0, 0, 0, 0.5411764706);
}

.color-lightgray-text {
  color: #abb5bd;
}

.bd-color-lightgray-text {
  border-left-color: #abb5bd;
}

.color-lightgray {
  color: #F9F9F9;
}

.bd-color-lightgray {
  border-left-color: #F9F9F9;
}

/* .bi
 *  letter-spacing: normal
 *  text-transform: none
 *  display: inline-block
 *  white-space: nowrap
 *  word-wrap: normal
 *  direction: ltr
 *  -webkit-font-feature-settings: 'liga'
 *  font-feature-settings: 'liga'
 *  -webkit-font-smoothing: antialiased
 *  @include prefix-browser(user-select, none, moz) */
.bi::before, [class^=bi-]::before, [class*=" bi-"]::before {
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 22px;
  vertical-align: -0.125em;
}

a > svg.bi {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.5411764706);
}

a > span > svg.bi {
  color: #019A6B;
}

a > i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.5411764706);
}

/*# sourceMappingURL=style.css.map */