.btn-outline-secondary {
  --bs-btn-hover-color: #5D717A;
  --bs-btn-hover-bg: rgba(93, 113, 122, 0.1);
  --bs-btn-hover-border-color: #5D717A;
  --bs-btn-active-color: #5D717A;
  --bs-btn-active-bg: rgba(93, 113, 122, 0.2);
}

:root {
  --toastify-color-info: #0088FF;
  --toastify-color-success: #34C759;
  --toastify-color-warning: #DE8500;
  --toastify-color-error: #D72F2F;
  --toastify-font-family: Inter Tight, sans-serif;
  --toastify-color-progress-light: #007AFF;
  --toastify-color-progress-dark: #007AFF;
  --font-family: Inter Tight, sans-serif;
  --font-size: 0.875rem;
}

a,
.btn-link {
  text-decoration: none;
}

ol,
ul,
dl {
  margin: 0;
  padding: 0;
}

textarea {
  resize: none;
}

/* Hide number input arrows */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

/* Remove password eye icon for all browsers */
input[type=password]::-webkit-contacts-auto-fill-button,
input[type=password]::-webkit-credentials-auto-fill-button,
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none !important;
}

@media only screen and (min-width: 1200px) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--bs-dark);
  }
  *::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 20px;
  }
  *::-webkit-scrollbar-thumb {
    background-color: var(--bs-dark);
    border-radius: 20px;
  }
  *::-webkit-scrollbar-thumb:hover {
    background-color: var(--bs-primary);
  }
}
.mw-1 {
  min-width: 1px;
}

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

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

.fs-10 {
  font-size: 0.714rem !important;
}

.fs-11 {
  font-size: 0.786rem !important;
}

.fs-12 {
  font-size: 0.857rem !important;
}

.fs-13 {
  font-size: 0.929rem !important;
}

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

.fs-15 {
  font-size: 1.071rem !important;
}

.fs-16 {
  font-size: 1.143rem !important;
}

.fs-17 {
  font-size: 1.214rem !important;
}

.fs-18 {
  font-size: 1.286rem !important;
}

.fs-20 {
  font-size: 1.429rem !important;
}

.fs-22 {
  font-size: 1.571rem !important;
}

.fs-24 {
  font-size: 1.714rem !important;
}

.fs-25 {
  font-size: 1.786rem !important;
}

.fs-26 {
  font-size: 1.857rem !important;
}

.fs-28 {
  font-size: 2rem !important;
}

.fs-30 {
  font-size: 2.143rem !important;
}

.fs-32 {
  font-size: 2.286rem !important;
}

.fs-36 {
  font-size: 2.571rem !important;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-900 {
  font-weight: 900;
}

.bg-custom-success {
  background-color: #34C759 !important;
}

.text-custom-success {
  color: #34C759 !important;
}

.bg-custom-success-subtle {
  background-color: #D1FAE5 !important;
}

.text-custom-success-subtle {
  color: #D1FAE5 !important;
}

.bg-custom-danger {
  background-color: #EF4444 !important;
}

.text-custom-danger {
  color: #EF4444 !important;
}

.bg-custom-danger-subtle {
  background-color: #FEE2E2 !important;
}

.text-custom-danger-subtle {
  color: #FEE2E2 !important;
}

.custom-border-radius-12 {
  border-radius: 12px !important;
}

.custom-padding-right-30 {
  padding-right: 30px !important;
}

.custom-width-8 {
  width: 8px !important;
}

.custom-height-8 {
  height: 8px !important;
}

.custom-width-20 {
  width: 20px !important;
}

.custom-height-20 {
  height: 20px !important;
}

.custom-min-width-20 {
  min-width: 20px !important;
}

.custom-width-24 {
  width: 24px !important;
}

.custom-height-24 {
  height: 24px !important;
}

.custom-width-26 {
  width: 26px !important;
}

.custom-height-26 {
  height: 26px !important;
}

.custom-width-32 {
  width: 32px !important;
}

.custom-height-32 {
  height: 32px !important;
}

.custom-min-width-32 {
  min-width: 32px !important;
}

.custom-width-34 {
  width: 34px !important;
}

.custom-height-34 {
  height: 34px !important;
}

.custom-width-40 {
  width: 40px !important;
}

.custom-height-40 {
  height: 40px !important;
}

.custom-min-height-40 {
  min-height: 40px !important;
}

.custom-width-42 {
  width: 42px !important;
}

.custom-height-42 {
  height: 42px !important;
}

.custom-min-height-42 {
  min-height: 42px !important;
}

.custom-width-45 {
  width: 45px !important;
}

.custom-height-45 {
  height: 45px !important;
}

.custom-min-width-48 {
  min-width: 48px !important;
}

.custom-min-width-60 {
  min-width: 60px !important;
}

.custom-min-height-64 {
  min-height: 64px !important;
}

.custom-min-height-68 {
  min-height: 68px !important;
}

.custom-width-72 {
  width: 72px !important;
}

.custom-width-80 {
  width: 80px !important;
}

.custom-min-width-85 {
  min-width: 85px !important;
}

.custom-width-90 {
  width: 90px !important;
}

.custom-height-90 {
  height: 90px !important;
}

.custom-min-width-90 {
  min-width: 90px !important;
}

.custom-min-width-100 {
  min-width: 100px !important;
}

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

.custom-width-140 {
  width: 140px !important;
}

.custom-min-width-120 {
  min-width: 120px !important;
}

.custom-min-width-200 {
  min-width: 200px !important;
}

.custom-max-width-200 {
  max-width: 200px !important;
}

.custom-width-240 {
  width: 240px !important;
}

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

.custom-min-width-250 {
  min-width: 250px !important;
}

.custom-min-width-270 {
  min-width: 270px !important;
}

.custom-width-270 {
  width: 270px !important;
}

.custom-width-320 {
  width: 320px !important;
}

.custom-width-340 {
  width: 340px !important;
}

.custom-max-height-320 {
  max-height: 320px !important;
}

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

.custom-width-354 {
  width: 354px !important;
}

.theme-loader-z-index {
  z-index: 1002 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.theme-modal .modal-dialog-scrollable .modal-content > form {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 100%;
}

.hide-dropdown-toggle-arrow .dropdown-toggle::after {
  display: none;
}

@media only screen and (max-height: 600px) {
  .mainContentBox {
    height: inherit !important;
  }
}

.tooltip {
  position: fixed !important;
}
.tooltip .tooltip-inner {
  text-align: left;
}
.tooltip .tooltip-arrow {
  display: none;
}
.tooltip.tooltip-sm {
  --bs-tooltip-max-width: 200px;
}

.bg-opacity-05 {
  --bs-bg-opacity: .05;
}

.text-black {
  color: #000 !important;
}

.btn.btn-primary {
  color: var(--bs-white);
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
  color: var(--bs-white);
}
.btn.btn-outline-primary {
  --bs-btn-hover-color: #007AFF;
  --bs-btn-hover-bg: rgba(0, 122, 255, 0.1);
  --bs-btn-hover-border-color: #007AFF;
  --bs-btn-active-color: #007AFF;
  --bs-btn-active-bg: rgba(0, 122, 255, 0.2);
}
.btn.btn-outline-dark {
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgba(0, 0, 0, 0.1);
  --bs-btn-hover-border-color: #000;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgba(0, 0, 0, 0.2);
}
.btn.btn-outline-secondary {
  --bs-btn-hover-color: #5D717A;
  --bs-btn-hover-bg: rgba(93, 113, 122, 0.1);
  --bs-btn-hover-border-color: #5D717A;
  --bs-btn-active-color: #5D717A;
  --bs-btn-active-bg: rgba(93, 113, 122, 0.2);
}
.btn.btn-outline-success {
  --bs-btn-hover-color: #34C759;
  --bs-btn-hover-bg: rgba(52, 199, 89, 0.1);
  --bs-btn-hover-border-color: #34C759;
  --bs-btn-active-color: #34C759;
  --bs-btn-active-bg: rgba(52, 199, 89, 0.2);
}
.btn.btn-outline-danger {
  --bs-btn-hover-color: #D72F2F;
  --bs-btn-hover-bg: rgba(215, 47, 47, 0.1);
  --bs-btn-hover-border-color: #D72F2F;
  --bs-btn-active-color: #D72F2F;
  --bs-btn-active-bg: rgba(215, 47, 47, 0.2);
}

.custom-primary-gradient {
  background-image: url("../images/bg-left.png");
  background-repeat: round;
  background-size: 100%;
}

.bg-light-gray {
  background-color: #F9F9F9;
}

.btn-primary {
  border-radius: 6px;
  font-weight: 600;
}

.btn-outline-secondary {
  border: 1px solid #D1D1D6;
  font-size: 14px;
  color: #8E8E93;
  border-radius: 6px;
  font-weight: 600;
}

.btn-primary {
  background-color: #007AFF;
  border-color: #007AFF;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
  background-color: rgba(0, 122, 255, 0.9);
  border-color: rgba(0, 122, 255, 0.9);
}

.btn-secondary {
  background: transparent;
  border-color: #A5A5A5;
  color: #696F8C;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background: transparent !important;
  border-color: #A5A5A5 !important;
  color: #696F8C !important;
  box-shadow: none !important;
}

.link, table.dataTable tbody > tr > td a,
.content-header > .breadcrumb > li > a {
  color: #007AFF;
}

label {
  color: #000;
}

.text-dark-gray,
.content-header > .breadcrumb li,
.text-8E8E93,
.sidebar-menu li:not(.header) a,
.text-gray {
  color: #8E8E93 !important;
}

.badge-bg {
  background: #DFEFFF;
}

.login-box-body,
.register-box-body,
.content-wrapper {
  background-color: #FFFFFF;
}

.skin-blue .main-header .navbar,
.skin-blue .wrapper, .skin-blue .main-sidebar,
.skin-blue .left-side, .skin-blue .main-header .logo,
.chat-bg {
  background-color: #F2F2F7;
}

.step-active svg rect:first-child {
  stroke: #007AFF;
  fill: #007AFF;
}

.tag-active {
  background-color: rgba(52, 199, 89, 0.2);
}

.tag-expired {
  background-color: rgba(215, 47, 47, 0.2);
}

.sidebar-menu .active a svg path {
  fill: #007AFF;
}

.profile-tabs .nav-link {
  color: #8E8E93;
}

.profile-tabs .nav-link {
  border: none !important;
  border-bottom: 2px solid transparent !important;
  font-weight: 500;
  padding: 12px 24px;
  margin-bottom: -2px;
}

.profile-tabs .nav-link.active {
  border: none !important;
  border-bottom: 2px solid #007AFF !important;
  color: #007AFF;
}

.bg-light-gray {
  background-color: #F9F9F9;
}

.text-gray {
  color: #8E8E93 !important;
}

.border-light {
  border-color: #F2F2F7;
}

.notification-value {
  background-color: #FF3B30;
}

.chat-list {
  list-style: none;
  max-height: calc(100vh - 275px);
  overflow: auto;
  min-height: calc(100vh - 275px);
}

.chat-list li {
  padding: 16px;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #F2F2F7;
  cursor: pointer;
}

.chat-list li.active {
  border-left: 3px solid #007AFF;
  background-color: rgba(0, 122, 255, 0.05);
}

.chat-list li:hover {
  background-color: rgba(0, 122, 255, 0.05);
  border-left: 3px solid #007AFF;
}

.bg-ligt-primary {
  background-color: rgba(0, 122, 255, 0.08);
}

.text-green {
  color: #34C759 !important;
}

.btn-green {
  background-color: #34C759 !important;
  border-color: #34C759 !important;
}/*# sourceMappingURL=theme-style.css.map */