/*================================================================================
Item Name: U2SMS - Bulk SMS Application For Marketing
Author: U2SMS
Author URL: https://codecanyon.net/user/u2sms
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
form .required:after {
  color: #f35958;
  content: "*";
  font-size: 15px;
  position: relative;
  left: 3px;
}

/* Switches */
.form-switch-md .form-check-input {
  width: 4rem !important;
}

.form-switch-lg .form-check-input {
  width: 6rem !important;
}

.form-switch-xl .form-check-input {
  width: 8rem !important;
}

.feather-16 {
  width: 16px;
  height: 16px;
}

.feather-20 {
  width: 20px;
  height: 20px;
}

.feather-24 {
  width: 24px;
  height: 24px;
}

.feather-32 {
  width: 32px;
  height: 32px;
}

.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 255, 156, 0.15);
  border-color: rgba(38, 255, 156, 0.5);
}

.dropdown-menu {
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.12);
  padding: 0.35rem;
}
.dropdown-menu .dropdown-item {
  border-radius: 0.35rem;
  transition: background-color 150ms ease, color 150ms ease;
  padding: 0.5rem 0.85rem;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.25);
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: 0.5rem !important;
  min-height: 2.714rem;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
  box-shadow: 0 0 0 0.2rem rgba(38, 255, 156, 0.15);
  border-color: rgba(38, 255, 156, 0.5) !important;
}
.select2-container--default .select2-dropdown {
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.08);
}
.select2-container--default .select2-results__option {
  border-radius: 0.35rem;
  margin: 0.15rem 0.35rem;
  padding: 0.5rem 0.65rem;
  transition: background-color 150ms ease;
}

.modal-content {
  box-shadow: 0 12px 48px -8px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 0.75rem;
}

.main-menu.menu-light .navigation > li.active > a {
  background: rgba(38, 255, 156, 0.08) !important;
  box-shadow: none !important;
  color: #26ff9c !important;
  border-left: 3px solid #26ff9c;
  border-radius: 0 4px 4px 0 !important;
  font-weight: 500;
}

.main-menu.menu-light .navigation li ul .active {
  background: rgba(38, 255, 156, 0.08) !important;
  box-shadow: none !important;
  border-left: 3px solid #26ff9c;
  border-radius: 0 4px 4px 0 !important;
}

.main-menu.menu-light .navigation li ul .active > a {
  color: #26ff9c !important;
}

.main-menu.menu-light .navigation li.nav-item a:hover > * {
  transform: none !important;
}

.main-menu.menu-light .navigation li.nav-item ul.menu-content li a:hover > * {
  transform: none !important;
}

.main-menu.menu-light .navigation > li > a:hover {
  background: rgba(38, 255, 156, 0.04);
  border-radius: 0 4px 4px 0;
}

.main-menu.menu-light .navigation li ul li > a:hover {
  background: rgba(38, 255, 156, 0.04);
  border-radius: 0 4px 4px 0;
}

.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a,
.main-menu.menu-light .navigation > li.sidebar-group-active > a {
  background: rgba(38, 255, 156, 0.04) !important;
  border-radius: 0 6px 6px 0 !important;
}

.header-navbar:not([class*=bg-]) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.card[class*=border-start-] {
  border-left-width: 3px !important;
}

.card-congratulations {
  background: linear-gradient(135deg, #26ff9c 0%, #9e95f5 100%) !important;
}

.dark-layout .card {
  border-color: rgba(255, 255, 255, 0.06);
}
.dark-layout ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
}
.dark-layout ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}
.dark-layout * {
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}
.dark-layout .form-control:focus,
.dark-layout .form-select:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 255, 156, 0.25);
}
.dark-layout .select2-container--default.select2-container--focus .select2-selection--single,
.dark-layout .select2-container--default.select2-container--focus .select2-selection--multiple, .dark-layout .select2-container--default.select2-container--open .select2-selection--single,
.dark-layout .select2-container--default.select2-container--open .select2-selection--multiple {
  box-shadow: 0 0 0 0.2rem rgba(38, 255, 156, 0.25);
}
.dark-layout .select2-container--default .select2-dropdown {
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.4);
}
.dark-layout .dropdown-menu {
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.4);
}
.dark-layout .modal-content {
  box-shadow: 0 12px 48px -8px rgba(0, 0, 0, 0.5);
}
.dark-layout .btn:hover:not(.btn-icon):not(.btn-sm):not([class*=btn-flat]):not(.dropdown-toggle) {
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.3);
}
.dark-layout .main-menu.menu-dark .navigation > li.active > a {
  background: rgba(38, 255, 156, 0.16) !important;
  box-shadow: none !important;
  color: #26ff9c !important;
  border-left: 3px solid #26ff9c;
  border-radius: 0 4px 4px 0 !important;
}
.dark-layout .main-menu.menu-dark .navigation li ul .active {
  background: rgba(38, 255, 156, 0.16) !important;
  box-shadow: none !important;
  border-left: 3px solid #26ff9c;
  border-radius: 0 4px 4px 0 !important;
}
.dark-layout .main-menu.menu-dark .navigation li ul .active > a {
  color: #26ff9c !important;
}
.dark-layout .header-navbar:not([class*=bg-]) {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}