/** Core  **/

body {
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

.dark body {
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

input[type="password"] {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.25;
}

a, .btn-link {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
  transition: color .2s ease,background .2s ease,border .2s ease,padding .2s ease;
}

.primary-bg-color {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .primary-bg-color {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

section#main-body {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 4rem;
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

.dark section#main-body {
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

.client-home-cards small {
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

.dark .client-home-cards small {
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

.text-muted {
  --tw-text-opacity: 1 !important;
  color: rgb(180 183 198 / var(--tw-text-opacity)) !important;
}

.dark .text-muted {
  --tw-text-opacity: 1 !important;
  color: rgb(61 65 81 / var(--tw-text-opacity)) !important;
}

.border-left {
  border-left-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(213 215 223 / var(--tw-border-opacity)) !important;
}

.dark .border-left {
  --tw-border-opacity: 1 !important;
  border-color: rgb(44 47 58 / var(--tw-border-opacity)) !important;
}

.modal-localisation .modal-content {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.modal-localisation .item-selector .item {
  border-width: 0px;
}

/** Forms **/

.form-group.text-center {
  text-align: left !important;
}

.form-group.text-center .btn {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

/** Breadcrumb **/

.breadcrumb-item.active {
  --tw-text-opacity: 1;
  color: rgb(27 29 36 / var(--tw-text-opacity));
}

.dark .breadcrumb-item.active {
  --tw-text-opacity: 1;
  color: rgb(235 236 240 / var(--tw-text-opacity));
}

.master-breadcrumb {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
}

.dark .master-breadcrumb {
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
}

.master-breadcrumb .breadcrumb {
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.breadcrumb {
  border-width: 0px;
  background-color: transparent;
}

/** Project Management **/

.dark div.projectmanagement div.infobar {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.dark div.projectmanagement div.infobar table td,.dark  div.projectmanagement div.infobar table th {
  border-width: 0px;
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

.dark div.projectmanagement span.taskdue {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

/** Header **/

header.header {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 249 / var(--tw-bg-opacity));
}

.dark header.header {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

header.header .main-navbar-wrapper .navbar-collapse {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

header.header .main-navbar-wrapper .collapse {
  visibility: visible !important;
}

#Primary_Navbar-Home  a {
  margin-left: 0px;
  padding-left: 0px;
}

header.header .logo-img {
  width: 10rem;
}

header.header  svg {
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

.dark header.header  svg {
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

header.header .navbar a.navbar-brand {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

@media (min-width: 768px) {
  header.header .navbar a.navbar-brand {
    padding-top: 1.25rem;
  }
}

header.header .navbar a.navbar-brand svg {
  --tw-text-opacity: 1 !important;
  color: rgb(9 10 15 / var(--tw-text-opacity)) !important;
}

.dark header.header .navbar a.navbar-brand svg {
  --tw-text-opacity: 1 !important;
  color: rgb(247 247 249 / var(--tw-text-opacity)) !important;
}

header.header .navbar a {
  margin: 0px;
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(44 47 58 / var(--tw-text-opacity));
}

header.header .navbar a:hover {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity));
  text-decoration-line: none !important;
}

.dark header.header .navbar a {
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  header.header .navbar a {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

header.header .toolbar .nav-link {
  border-width: 0px;
}

#Secondary_Navbar-Account {
  display: none !important;
}

@media (min-width: 768px) {
  #Secondary_Navbar-Account {
    display: block !important;
  }
}

header.header .dropdown-item.active, header.header .dropdown-item:active {
  --tw-bg-opacity: 1;
  background-color: rgb(213 215 223 / var(--tw-bg-opacity));
}

.dark header.header .dropdown-item.active,.dark  header.header .dropdown-item:active {
  --tw-bg-opacity: 1;
  background-color: rgb(44 47 58 / var(--tw-bg-opacity));
}

li#Secondary_Navbar-Account ul.dropdown-menu.dropdown-menu-right.show {
  position: absolute;
}

.dropdown-toggle::after {
  vertical-align: 0.1em!important;
}

.dropdown-menu {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .dropdown-menu {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dropdown-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 249 / var(--tw-bg-opacity));
}

.dropdown-item:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 249 / var(--tw-bg-opacity));
}

.dark .dropdown-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
}

.dark .dropdown-item:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
}

.dropdown-divider {
  border-top: 1px solid rgb(221 221 221 / var(--tw-bg-opacity));
}

.dark .dropdown-divider {
  border-top: 1px solid rgb(9 10 15 / var(--tw-bg-opacity));
}

header.header .search {
  border-width: 0px;
}

/** Tiles **/

.tiles .tile i {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.tiles .tile:hover i {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/** Buttons **/

.btn {
  border-radius: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-decoration-line: none !important;
}

.btn:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .btn {
  --tw-text-opacity: 1;
  color: rgb(245 245 244 / var(--tw-text-opacity));
}

.btn i {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  opacity: 0.75;
}

.btn i.fa-fw {
  width: auto;
}

.btn-link {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0em;
}

.btn-sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.btn-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.btn-lg {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.btn-default {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(213 215 223 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.btn-default:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
}

.btn-default:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(180 183 198 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(95 100 125 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.btn-default:active {
  --tw-bg-opacity: 1;
  background-color: rgb(180 183 198 / var(--tw-bg-opacity));
}

.btn-default:focus:active {
  --tw-bg-opacity: 1;
  background-color: rgb(180 183 198 / var(--tw-bg-opacity));
}

.dark .btn-default {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(235 236 240 / var(--tw-text-opacity));
}

.dark .btn-default:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(27 29 36 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-primary {
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 78 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 113 108 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.btn-primary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.btn-primary:focus:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.dark .btn-primary {
  --tw-text-opacity: 1;
  color: rgb(245 245 244 / var(--tw-text-opacity));
}

.btn-primary[disabled]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(120 113 108 / var(--tw-bg-opacity));
}

.btn-outline-primary {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(87 83 78 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity));
}

.btn-outline-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(87 83 78 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}

.btn-outline-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 113 108 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.btn-outline-primary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.btn-outline-primary:focus:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.dark .btn-outline-primary {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity));
}

.btn-success {
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-success:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.btn-success:active {
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}

.btn-success:focus:active {
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}

.client-home-cards .card .btn-success {
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 78 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.client-home-cards .card .btn-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.client-home-cards .card .btn-success:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 113 108 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.client-home-cards .card .btn-success:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.client-home-cards .card .btn-success:focus:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.card-sidebar .btn-success, .card-sidebar .btn-success:hover {
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 78 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card-sidebar .btn-success:hover, .card-sidebar .btn-success:hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card-sidebar .btn-success:focus, .card-sidebar .btn-success:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 113 108 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

.card-sidebar .btn-success:active, .card-sidebar .btn-success:hover:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.card-sidebar .btn-success:focus:active, .card-sidebar .btn-success:hover:focus:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.card-sidebar .card-footer .btn-block {
  display: inline-block;
  width: auto;
}

.btn-return-to-admin {
  border-width: 0px;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding-bottom: 0.5rem !important;
  padding-top: 0.25rem !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400;
  text-transform: none !important;
  letter-spacing: 0em;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .btn-return-to-admin {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

#btnGroupDrop1, .setBulkAction {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-transform: none;
}

.input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.home-domain-search .input-group-wrapper .btn {
  padding: 0.75rem;
}

/** Cards **/

.card {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .card {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.card-header {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .card-header {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.client-home-cards .card {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .client-home-cards .card {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.client-home-cards .card-header {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.dark .client-home-cards .card-header {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.client-home-cards .card-title {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(44 47 58 / var(--tw-text-opacity));
}

.dark .client-home-cards .card-title {
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

.client-home-cards .list-group {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(235 236 240 / var(--tw-border-opacity));
}

.dark .client-home-cards .list-group {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
}

.client-home-cards .list-group .list-group-item {
  --tw-border-opacity: 1;
  border-color: rgb(235 236 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.dark .client-home-cards .list-group .list-group-item {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.client-home-cards .card .label {
  display: inline-flex;
  background-color: transparent !important;
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

.client-home-cards .card .label:before {
  position: relative;
  margin-right: 0.25rem;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(95 100 125 / var(--tw-bg-opacity));
  content:'';
  margin-top: 1px;
  background: var(--use-status-color);
}

.client-home-cards .card .label-success:before {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.client-home-cards .card .status-pending:before {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.client-home-cards .card .list-group .list-group-item:last-of-type {
  border-bottom: 0!important;
}

.card-body, .list-group-item-action {
  --tw-text-opacity: 1;
  color: rgb(61 65 81 / var(--tw-text-opacity));
}

.dark .card-body,.dark  .list-group-item-action {
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

.dark .card>.card-header+.list-group {
  border-top-width: 1px !important;
  border-top: 1px solid rgb(27 29 36 / var(--tw-border-opacity)) !important;
}

.client-home-cards .card .list-group {
  position: relative;
  max-height: 16rem;
}

.ps__scrollbar-y-rail {
  z-index:1000;
}

/** Active Services **/

.div-service-item {
  display: flex;
  align-items: center;
}

.div-service-status {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.div-service-status .label-placeholder {
  position: absolute;
  visibility: hidden;
}

.div-service-name {
  display: flex;
  flex-direction: column;
}

.div-service-buttons {
  margin-left: auto;
  display: flex;
}

/** Sidebar **/

.card-sidebar .card-header {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.sidebar .list-group-item, .list-group-item {
  --tw-border-opacity: 1;
  border-color: rgb(235 236 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.sidebar .list-group-item:hover, .list-group-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
}

.sidebar .list-group-item:focus, .list-group-item:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
}

.dark .sidebar .list-group-item,.dark  .list-group-item {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.dark .sidebar .list-group-item:hover,.dark  .list-group-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(27 29 36 / var(--tw-bg-opacity));
}

.dark .sidebar .list-group-item:focus,.dark  .list-group-item:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(27 29 36 / var(--tw-bg-opacity));
}

.sidebar .list-group-item.active {
  --tw-bg-opacity: 1;
  background-color: rgb(180 183 198 / var(--tw-bg-opacity));
}

.dark .sidebar .list-group-item.active {
  --tw-bg-opacity: 1;
  background-color: rgb(27 29 36 / var(--tw-bg-opacity));
}

.card-sidebar .card-header, .card-sidebar .card-footer {
  background-color: transparent;
}

.sidebar .card-sidebar .card-minimise {
  --tw-text-opacity: 1;
  color: rgb(180 183 198 / var(--tw-text-opacity));
}

.card-sidebar .card-title>i {
  display: none;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(180 183 198 / var(--tw-text-opacity));
}

.sidebar .card-sidebar i.card-minimise {
  display: block;
  --tw-text-opacity: 1;
  color: rgb(180 183 198 / var(--tw-text-opacity));
}

.sidebar .card-body strong {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(27 29 36 / var(--tw-text-opacity));
}

.dark .sidebar .card-body strong {
  --tw-text-opacity: 1;
  color: rgb(235 236 240 / var(--tw-text-opacity));
}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:hover, .sidebar .list-group-item.active:focus {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 223 / var(--tw-border-opacity));
}

.sidebar .list-group-item.active:hover, .sidebar .list-group-item.active:hover:hover, .sidebar .list-group-item.active:focus:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(135 140 164 / var(--tw-bg-opacity));
}

.dark .sidebar .list-group-item.active,.dark  .sidebar .list-group-item.active:hover,.dark  .sidebar .list-group-item.active:focus {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
}

.dark .sidebar .list-group-item.active:hover,.dark  .sidebar .list-group-item.active:hover:hover,.dark  .sidebar .list-group-item.active:focus:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 65 81 / var(--tw-bg-opacity));
}

/** Tables **/

.listtable {
  display: block;
  width: 100%;
  overflow-x: auto;
}

.dataTables_wrapper table.table-list thead th.sorting_asc, .dataTables_wrapper table.table-list thead th.sorting_desc {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .dataTables_wrapper table.table-list thead th.sorting_asc,.dark  .dataTables_wrapper table.table-list thead th.sorting_desc {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.dataTables_wrapper table.table-list thead th {
  border-bottom-width: 1px !important;
}

.dataTables_wrapper table.table-list td.text-center img {
  width: 1rem;
}

.dataTables_info {
  --tw-text-opacity: 1;
  color: rgb(180 183 198 / var(--tw-text-opacity));
}

.dark .dataTables_info {
  --tw-text-opacity: 1;
  color: rgb(61 65 81 / var(--tw-text-opacity));
}

.dataTables_filter {
  position: relative;
}

.dataTables_filter::before {
  position: absolute;
  top: 0.5rem;
  left: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(180 183 198 / var(--tw-text-opacity));
}

.dark .dataTables_filter::before {
  --tw-text-opacity: 1;
  color: rgb(61 65 81 / var(--tw-text-opacity));
}

.dataTables_filter::before {
  content: "\f002";
  font-family: Font Awesome\ 5 Pro;
}

.dark tr.masspay-total td {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

/** Forms and Form Elements **/

#order-standard_cart .form-control, .form-control {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(213 215 223 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

#order-standard_cart .form-control::-moz-placeholder, .form-control::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(135 140 164 / var(--tw-placeholder-opacity));
}

#order-standard_cart .form-control::placeholder, .form-control::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(135 140 164 / var(--tw-placeholder-opacity));
}

#order-standard_cart .form-control:focus::-moz-placeholder, .form-control:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(180 183 198 / var(--tw-placeholder-opacity));
}

#order-standard_cart .form-control:focus::placeholder, .form-control:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(180 183 198 / var(--tw-placeholder-opacity));
}

.dark #order-standard_cart .form-control,.dark  .form-control {
  --tw-border-opacity: 1;
  border-color: rgb(19 20 25 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .form-control::-moz-placeholder, .dark  .form-control::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(44 47 58 / var(--tw-placeholder-opacity));
}

.dark #order-standard_cart .form-control::placeholder,.dark  .form-control::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(44 47 58 / var(--tw-placeholder-opacity));
}

.dark #order-standard_cart .form-control:focus::-moz-placeholder, .dark  .form-control:focus::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(27 29 36 / var(--tw-placeholder-opacity));
}

.dark #order-standard_cart .form-control:focus::placeholder,.dark  .form-control:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(27 29 36 / var(--tw-placeholder-opacity));
}

#order-standard_cart .form-control:focus {
  --tw-border-opacity: 1;
  border-color: rgb(120 113 108 / var(--tw-border-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.dark #order-standard_cart .form-control:focus {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity));
}

.form-control.StripeElement {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 249 / var(--tw-bg-opacity));
}

input[type=checkbox], input[type=radio] {
  margin-right: 0.5rem;
}

.checkbox label, .radio label {
  padding-bottom: 0.25rem;
}

.help-block {
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

input.input_search:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

.dark input.input_search:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

#pwstrengthbox {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

.dark #pwstrengthbox {
  --tw-bg-opacity: 1;
  background-color: rgb(27 29 36 / var(--tw-bg-opacity));
}

.form-mydetails, .form-addcontact, .form-contacts, .form-domaindetails {
  padding-top: 2.5rem;
  padding-left: 1.25rem;
}

.input-group-addon {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

.dark .input-group-addon {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5rem;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(44 47 58 / var(--tw-text-opacity));
}

.dark label {
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

.input[type=checkbox]:not(.input--switch) {
  --tw-border-opacity: 1;
  border-color: rgb(95 100 125 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(213 215 223 / var(--tw-bg-opacity));
}

.input[type=checkbox]:not(.input--switch):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.dark .input[type=checkbox]:not(.input--switch) {
  --tw-border-opacity: 1;
  border-color: rgb(78 82 103 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(61 65 81 / var(--tw-bg-opacity));
}

.input[type=checkbox]:not(.input--switch):checked {
  --tw-border-opacity: 1;
  border-color: rgb(120 113 108 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.col-form-label {
  font-size: 0.75rem;
  line-height: 1rem;
}

.form-check label {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0em;
}

.input-group-text {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
}

.dark .input-group-text {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
}

.dark .input-group .btn-reveal-pw {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
}

.dark .md-editor {
  --tw-border-opacity: 1 !important;
  border-color: rgb(9 10 15 / var(--tw-border-opacity)) !important;
}

.dark .md-editor .md-footer,.dark  .md-editor>.md-header {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.md-editor .btn-primary.active, .md-editor .btn-primary.focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

.dark .md-editor .btn-primary.active,.dark  .md-editor .btn-primary.focus {
  --tw-bg-opacity: 1;
  background-color: rgb(61 65 81 / var(--tw-bg-opacity));
}

.dark .md-editor > .btn-toolbar,.dark  .md-editor > textarea.markdown-editor,.dark  .md-editor > .md-preview {
  border-width: 0px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.custom-file {
  height: 2rem;
}

.custom-file-label {
  margin-bottom: 0px;
}

.dark .custom-file-label {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark .custom-file-label::after {
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
}

/** Table **/

.table {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 65 81 / var(--tw-text-opacity));
}

.dark .table {
  --tw-bg-opacity: 1;
  background-color: rgb(27 29 36 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  margin: 0px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(250 250 251 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 0.75rem;
  line-height: 1.25rem;
}

.table > tbody > tr > td:focus, .table > tbody > tr > th:focus, .table > tfoot > tr > td:focus, .table > tfoot > tr > th:focus, .table > thead > tr > td:focus, .table > thead > tr > th:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.dark .table > tbody > tr > td,.dark  .table > tbody > tr > th,.dark  .table > tfoot > tr > td,.dark  .table > tfoot > tr > th,.dark  .table > thead > tr > td,.dark  .table > thead > tr > th {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
}

.table > thead > tr > th {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 236 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

.dark .table > thead > tr > th {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

.table-hover>tbody>tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
}

.dark .table-hover>tbody>tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(36 38 47 / var(--tw-bg-opacity));
}

.table-striped>tbody>tr:nth-of-type(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity));
}

.dark .table-striped>tbody>tr:nth-of-type(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(44 47 58 / var(--tw-bg-opacity));
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before,
table.dtr-inline.collapsed>thead>tr>th:first-child .btn-table-collapse.expanded {
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

table.dataTable>tbody>tr.child ul li {
  --tw-border-opacity: 1;
  border-color: rgb(61 65 81 / var(--tw-border-opacity));
}

.ssl img {
  margin-right: 0.25rem;
  height: 0.75rem;
  width: 0.75rem;
  vertical-align: baseline;
}

.table-list > tbody > tr > td {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 249 / var(--tw-bg-opacity));
}

.dark .table-list > tbody > tr > td {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.dataTables_wrapper table.table-list {
  border-width: 0px;
}

.dataTables_wrapper .dataTables_filter label .form-control {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-image: none;
}

.dark .dataTables_wrapper .dataTables_filter label .form-control {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

/** Badges **/

.sidebar .list-group-item .badge {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

.dark .sidebar .list-group-item .badge {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

/** Pagination **/

.page-item.disabled .page-link {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 223 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
}

.dark .page-item.disabled .page-link {
  --tw-border-opacity: 1;
  border-color: rgb(9 10 15 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(27 29 36 / var(--tw-bg-opacity));
}

/** Announcements **/

.announcements .announcement article {
  border-left-width: 0px;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.announcements .announcement h1 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.bg-light {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity)) !important;
}

.dark .bg-light {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity)) !important;
}

/** Home Screen **/

.home-domain-search {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .home-domain-search {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.home-domain-search .input-group-wrapper {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 223 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .home-domain-search .input-group-wrapper {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.action-icon-btns a {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 47 58 / var(--tw-text-opacity));
}

.dark .action-icon-btns a {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

.action-icon-btns a .ico-container i {
  --tw-text-opacity: 1;
  color: rgb(180 183 198 / var(--tw-text-opacity));
}

.dark .action-icon-btns a .ico-container i {
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

/** Ticket **/

.view-ticket .posted-by {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

.dark .view-ticket .posted-by {
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

.dark .view-ticket .attachment-list li figure {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.view-ticket .attachment-list li span {
  padding: 0px;
}

.dark .view-ticket .attachment-list li span {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.view-ticket .attachment-list li span .caption {
  text-align: center;
}

.form-group.view-ticket .attachment-list li span .caption {
  text-align: left !important;
}

.form-group.view-ticket .attachment-list li span .caption .btn {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.dataTables_wrapper table.table-list td.view-ticket .attachment-list li span .caption img {
  width: 1rem;
}

.dark .view-ticket .card-body,.dark  .view-ticket .mc-promo-manage .content,.dark  .mc-promo-manage .view-ticket .content,.dark  .view-ticket .mc-promo-login .content,.dark  .mc-promo-login .view-ticket .content {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
}

.dark .view-ticket .attachments {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

/** Cart **/

.dark .domain-pricing .tld-pricing-header div:nth-child(odd) {
  background-color: transparent;
}

#order-standard_cart .btn i {
  padding-left: 0px;
  padding-right: 0px;
}

.dark .domain-promo-box {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

.dark #order-standard_cart .products .product {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .products .product header {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

.dark #order-standard_cart .products .product header span {
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

.dark #order-standard_cart .products .product {
  --tw-border-opacity: 1;
  border-color: rgb(19 20 25 / var(--tw-border-opacity));
}

.dark #order-standard_cart .domain-selection-options .option-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

.dark #order-standard_cart .domain-selection-options .option {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

#order-standard_cart label, #order-standard_cart p.domain-renewal-desc {
  --tw-text-opacity: 1;
  color: rgb(44 47 58 / var(--tw-text-opacity));
}

.dark #order-standard_cart label,.dark  #order-standard_cart p.domain-renewal-desc {
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

.dark #order-standard_cart .summary-container {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .order-summary {
  border-bottom-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .product-info {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .sub-heading {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
}

#order-standard_cart .panel-addon .panel-body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .panel-addon .panel-body {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .order-summary .subtotal {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
}

.dark #order-standard_cart .order-summary .btn-continue-shopping {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}

.dark #order-standard_cart .view-cart-items .item {
  border-bottom-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .view-cart-items .item:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .view-cart-tabs .tab-content {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .view-cart-tabs .nav-tabs>li.active>a {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .nav-tabs {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
}

.dark #order-standard_cart .nav-tabs .nav-item.show .nav-link,.dark  #order-standard_cart .nav-tabs .nav-link.active {
  border-width: 0px;
}

.dark #order-standard_cart .account-select-container div.account.active {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .account-select-container div.account {
  --tw-border-opacity: 1;
  border-color: rgb(9 10 15 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.dark #order-standard_cart .account-select-container {
  border-right-width: 0px;
}

.dark #order-standard_cart .cc-input-container {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
  background-color: transparent;
}

/** Product Details **/

div.product-details div.product-icon {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 249 / var(--tw-bg-opacity));
}

.dark div.product-details div.product-icon {
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
}

.dark .product-details-tab-container {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity)) !important;
}

.nav-tabs {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 223 / var(--tw-border-opacity));
}

.nav-tabs:hover {
  --tw-border-opacity: 1;
  border-color: rgb(235 236 240 / var(--tw-border-opacity));
}

.dark .nav-tabs {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
}

.dark .nav-tabs:hover {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

.dark .nav-tabs .nav-item.show .nav-link,.dark  .nav-tabs .nav-link.active {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

div.product-details-tab-container {
  --tw-border-opacity: 1;
  border-color: rgb(235 236 240 / var(--tw-border-opacity));
}

.dark div.product-details-tab-container {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 223 / var(--tw-border-opacity));
}

.dark .nav-tabs .nav-item.show .nav-link,.dark  .nav-tabs .nav-link.active {
  --tw-border-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-border-opacity));
}

.dark .nav-tabs .nav-item.show .nav-link, .dark .nav-tabs .nav-link.active {
  border-bottom: 1px solid rgb(9 10 15)!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-bottom: 1px solid rgb(250 250 251)!important;
}

.responsive-tabs-sm .nav-item a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(213 215 223 / var(--tw-bg-opacity));
}

.dark .responsive-tabs-sm .nav-item a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(44 47 58 / var(--tw-bg-opacity));
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(235 236 240 / var(--tw-border-opacity));
}

.dark .nav-tabs .nav-link:focus,.dark  .nav-tabs .nav-link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(27 29 36 / var(--tw-border-opacity));
}

/** Alerts **/

.alert {
  --tw-bg-opacity: 1;
  background-color: rgb(44 47 58 / var(--tw-bg-opacity));
}

.alert h4 {
  padding-left: 0px;
}

.alert a {
  text-decoration-line: underline;
}

.alert-watermark .fas {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  opacity: 0.75;
}

.alert-warning, .alert-pending {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

.alert-danger, .alert-terminated {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 47 58 / var(--tw-text-opacity));
}

.alert-success, .alert-active {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.alert-inprogress, .alert-active {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.alert-info {
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 47 58 / var(--tw-text-opacity));
}

.alert-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(120 113 108 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(245 245 244 / var(--tw-text-opacity));
}

.alert-primary a {
  --tw-text-opacity: 1;
  color: rgb(245 245 244 / var(--tw-text-opacity));
}

.alert-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.alert-neutral, .alert-default, .alert-cancelled, .alert-suspended {
  --tw-bg-opacity: 1;
  background-color: rgb(213 215 223 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 65 81 / var(--tw-text-opacity));
}

.dark .alert-neutral,.dark  .alert-default,.dark  .alert-cancelled,.dark  .alert-suspended {
  --tw-bg-opacity: 1;
  background-color: rgb(78 82 103 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(213 215 223 / var(--tw-text-opacity));
}

.alert-dark, .alert-fraud {
  --tw-bg-opacity: 1;
  background-color: rgb(19 20 25 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(235 236 240 / var(--tw-text-opacity));
}

#twenty-one-plus .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

#twenty-one-plus .collapse {
  visibility: collapse;
}

#twenty-one-plus .absolute {
  position: absolute;
}

#twenty-one-plus .relative {
  position: relative;
}

#twenty-one-plus .inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

#twenty-one-plus .float-right {
  float: right;
}

#twenty-one-plus .float-left {
  float: left;
}

#twenty-one-plus .m-0 {
  margin: 0px;
}

#twenty-one-plus .\!-m-2 {
  margin: -0.5rem !important;
}

#twenty-one-plus .-m-2 {
  margin: -0.5rem;
}

#twenty-one-plus .mx-auto {
  margin-left: auto;
  margin-right: auto;
}

#twenty-one-plus .mb-5 {
  margin-bottom: 1.25rem;
}

#twenty-one-plus .mt-4 {
  margin-top: 1rem;
}

#twenty-one-plus .ml-5 {
  margin-left: 1.25rem;
}

#twenty-one-plus .mr-3 {
  margin-right: 0.75rem;
}

#twenty-one-plus .ml-3 {
  margin-left: 0.75rem;
}

#twenty-one-plus .ml-0 {
  margin-left: 0px;
}

#twenty-one-plus .ml-0\.5 {
  margin-left: 0.125rem;
}

#twenty-one-plus .mb-2 {
  margin-bottom: 0.5rem;
}

#twenty-one-plus .mr-auto {
  margin-right: auto;
}

#twenty-one-plus .ml-auto {
  margin-left: auto;
}

#twenty-one-plus .ml-2 {
  margin-left: 0.5rem;
}

#twenty-one-plus .\!mt-1 {
  margin-top: 0.25rem !important;
}

#twenty-one-plus .mt-1 {
  margin-top: 0.25rem;
}

#twenty-one-plus .inline-block {
  display: inline-block;
}

#twenty-one-plus .flex {
  display: flex;
}

#twenty-one-plus .inline-flex {
  display: inline-flex;
}

#twenty-one-plus .grid {
  display: grid;
}

#twenty-one-plus .hidden {
  display: none;
}

#twenty-one-plus .h-8 {
  height: 2rem;
}

#twenty-one-plus .h-5 {
  height: 1.25rem;
}

#twenty-one-plus .w-8 {
  width: 2rem;
}

#twenty-one-plus .w-5 {
  width: 1.25rem;
}

#twenty-one-plus .max-w-3xl {
  max-width: 48rem;
}

#twenty-one-plus .flex-shrink-0 {
  flex-shrink: 0;
}

#twenty-one-plus .cursor-pointer {
  cursor: pointer;
}

#twenty-one-plus .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

#twenty-one-plus .items-center {
  align-items: center;
}

#twenty-one-plus .items-baseline {
  align-items: baseline;
}

#twenty-one-plus .justify-center {
  justify-content: center;
}

#twenty-one-plus .justify-between {
  justify-content: space-between;
}

#twenty-one-plus .gap-8 {
  gap: 2rem;
}

#twenty-one-plus .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

#twenty-one-plus .space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

#twenty-one-plus .divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

#twenty-one-plus .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(213 215 223 / var(--tw-divide-opacity));
}

#twenty-one-plus .overflow-hidden {
  overflow: hidden;
}

#twenty-one-plus .rounded-full {
  border-radius: 9999px;
}

#twenty-one-plus .rounded-md {
  border-radius: 0.375rem;
}

#twenty-one-plus .rounded-sm {
  border-radius: 0.125rem;
}

#twenty-one-plus .border {
  border-width: 1px;
}

#twenty-one-plus .border-transparent {
  border-color: transparent;
}

#twenty-one-plus .border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(135 140 164 / var(--tw-border-opacity));
}

#twenty-one-plus .bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(213 215 223 / var(--tw-bg-opacity));
}

#twenty-one-plus .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

#twenty-one-plus .bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 78 / var(--tw-bg-opacity));
}

#twenty-one-plus .bg-transparent {
  background-color: transparent;
}

#twenty-one-plus .\!p-2 {
  padding: 0.5rem !important;
}

#twenty-one-plus .p-2 {
  padding: 0.5rem;
}

#twenty-one-plus .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

#twenty-one-plus .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#twenty-one-plus .px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

#twenty-one-plus .py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#twenty-one-plus .px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#twenty-one-plus .pb-0\.5 {
  padding-bottom: 0.125rem;
}

#twenty-one-plus .pr-0 {
  padding-right: 0px;
}

#twenty-one-plus .pb-0 {
  padding-bottom: 0px;
}

#twenty-one-plus .pt-5 {
  padding-top: 1.25rem;
}

#twenty-one-plus .pb-3 {
  padding-bottom: 0.75rem;
}

#twenty-one-plus .pb-2 {
  padding-bottom: 0.5rem;
}

#twenty-one-plus .\!pt-10 {
  padding-top: 2.5rem !important;
}

#twenty-one-plus .\!pt-20 {
  padding-top: 5rem !important;
}

#twenty-one-plus .\!pb-5 {
  padding-bottom: 1.25rem !important;
}

#twenty-one-plus .\!pt-16 {
  padding-top: 4rem !important;
}

#twenty-one-plus .text-center {
  text-align: center;
}

#twenty-one-plus .text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#twenty-one-plus .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

#twenty-one-plus .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

#twenty-one-plus .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#twenty-one-plus .text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

#twenty-one-plus .text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

#twenty-one-plus .font-normal {
  font-weight: 400;
}

#twenty-one-plus .font-semibold {
  font-weight: 600;
}

#twenty-one-plus .font-bold {
  font-weight: 700;
}

#twenty-one-plus .font-extrabold {
  font-weight: 800;
}

#twenty-one-plus .uppercase {
  text-transform: uppercase;
}

#twenty-one-plus .tracking-wider {
  letter-spacing: 0.05em;
}

#twenty-one-plus .tracking-tight {
  letter-spacing: -0.025em;
}

#twenty-one-plus .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#twenty-one-plus .text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(27 29 36 / var(--tw-text-opacity));
}

#twenty-one-plus .text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity));
}

#twenty-one-plus .text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

#twenty-one-plus .text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

#twenty-one-plus .text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

#twenty-one-plus .text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

#twenty-one-plus .text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(61 65 81 / var(--tw-text-opacity));
}

#twenty-one-plus .no-underline {
  text-decoration-line: none;
}

#twenty-one-plus .shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#twenty-one-plus .hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 240 / var(--tw-bg-opacity));
}

#twenty-one-plus .hover\:bg-primary-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
}

#twenty-one-plus .hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

#twenty-one-plus .hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#twenty-one-plus .hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

#twenty-one-plus .focus\:bg-primary-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

#twenty-one-plus .focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

#twenty-one-plus .focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#twenty-one-plus .focus\:ring-primary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 113 108 / var(--tw-ring-opacity));
}

#twenty-one-plus .focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

#twenty-one-plus .active\:bg-primary-300:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

#twenty-one-plus .active\:shadow-none:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#twenty-one-plus .active\:focus\:bg-primary-300:focus:active {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

#twenty-one-plus .group:hover .group-hover\:text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(95 100 125 / var(--tw-text-opacity));
}

#twenty-one-plus .group:hover .group-hover\:text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(78 82 103 / var(--tw-text-opacity));
}

#twenty-one-plus .dark .dark\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(44 47 58 / var(--tw-divide-opacity));
}

#twenty-one-plus .dark .dark\:border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(61 65 81 / var(--tw-border-opacity));
}

#twenty-one-plus .dark .dark\:bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(44 47 58 / var(--tw-bg-opacity));
}

#twenty-one-plus .dark .dark\:bg-gray-990 {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 15 / var(--tw-bg-opacity));
}

#twenty-one-plus .dark .dark\:bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(27 29 36 / var(--tw-bg-opacity));
}

#twenty-one-plus .dark .dark\:text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

#twenty-one-plus .dark .dark\:text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(235 236 240 / var(--tw-text-opacity));
}

#twenty-one-plus .dark .dark\:text-primary-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}

#twenty-one-plus .dark .dark\:text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(135 140 164 / var(--tw-text-opacity));
}

#twenty-one-plus .dark .dark\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  #twenty-one-plus .md\:order-2 {
    order: 2;
  }

  #twenty-one-plus .md\:order-1 {
    order: 1;
  }

  #twenty-one-plus .md\:block {
    display: block;
  }

  #twenty-one-plus .md\:flex {
    display: flex;
  }

  #twenty-one-plus .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #twenty-one-plus .md\:items-center {
    align-items: center;
  }

  #twenty-one-plus .md\:justify-between {
    justify-content: space-between;
  }

  #twenty-one-plus .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  #twenty-one-plus .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
}

@media (min-width: 1024px) {
  #twenty-one-plus .lg\:flex {
    display: flex;
  }
}

@media (min-width: 1280px) {
  #twenty-one-plus .xl\:ml-6 {
    margin-left: 1.5rem;
  }

  #twenty-one-plus .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1536px) {
  #twenty-one-plus .\32xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  #twenty-one-plus .\32xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  #twenty-one-plus .\32xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}