/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- GLOBAL --- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- VARIABLES --- */
/* ----------------------------------------------------------------------------- COLORS --- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ FONTS --- */
/* -------------------------------------------------------------------------- GEOMANIST --- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap");
@font-face {
  font-family: Geomanist;
  src: url(../fonts/Geomanist-Medium.otf) format("opentype");
  font-weight: 500; }

@font-face {
  font-family: Geomanist;
  src: url(../fonts/Geomanist-Bold.otf) format("opentype");
  font-weight: 700; }

/* ----------------------------------------------------------------------------- 'Noto Sans' --- */
@font-face {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400; }

@font-face {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- TEXT --- */
h1,
h2 {
  font-weight: 700;
  line-height: 1.5;
  color: #FFFFFF;
  font-family: Geomanist, sans-serif;
  letter-spacing: 0;
  margin-top: 0; }

h1 {
  font-size: 48px;
  margin: 16px 0 32px 0; }
  @media (max-width: 600px) {
    h1 {
      font-size: 32px; } }

h2 {
  font-size: 28px; }
  @media (max-width: 600px) {
    h2 {
      font-size: 24px; } }

small {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.5); }

.text-muted > small {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Noto Sans", sans-serif; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- SECTION --- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- CARD --- */
.card {
  background-color: #262633;
  border-radius: 8px;
  border-top: 0 !important; }

.card .card-footer {
  border-top: 1px solid #414157;
  background: #262633;
  padding-top: 16px;
  padding-bottom: 16px; }

.card-header:first-child {
  border-radius: 8px 8px 0 0; }

.card .card-header {
  background-color: #262633;
  border-bottom: 1px solid #414157;
  padding: 16px !important; }

.card .card-header .card-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.card .card-body h3.card-title {
  font-family: Geomanist, sans-serif;
  font-weight: 700;
  letter-spacing: 1px; }

.card .card-header .card-title i {
  display: none; }

.card .card-header a {
  display: block;
  margin-left: auto; }

.card .card-footer small {
  text-transform: none;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400; }

.card .card-footer a {
  font-weight: 400;
  color: #FFFFFF;
  text-decoration: none !important; }
  .card .card-footer a:hover {
    color: #FFFFFF; }

.card .card-body > p {
  color: #FFFFFF; }

.card .card-body a {
  color: #3ec1f3; }

.card .card-body a:hover {
  color: #48b9e8 !important;
  text-decoration: none !important; }

.card-header .float-right {
  margin-top: -8px !important; }

.mc-promo-login .primary-content .content, .mc-promo-manage .primary-content .content, .primary-content .card-body, .primary-content .mc-promo-login .content, .primary-content .mc-promo-manage .content {
  padding: 32px; }

.card-title {
  color: #FFFFFF;
  font-family: 'Noto Sans', sans-serif; }

.card .table td, .card .table th {
  padding: 1rem 1.5rem; }

.card .rounded-mask {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #414157; }

.card .table {
  margin-bottom: 0; }

.card hgroup {
  margin-bottom: 1rem; }

.card hgroup h3 {
  color: #FFFFFF; }

.card hgroup h4 {
  font-size: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #FFFFFF; }

.card hgroup > * {
  display: inline; }
  .card hgroup > *:first-child {
    margin-right: .5rem; }

.card p.text-muted {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 16px; }

.primary-content .card-title {
  margin-bottom: 16px !important; }

.card .card-header .btn {
  margin: 4px 0; }

.client-home-cards div[menuitemname] {
  padding: 0 !important; }

.client-home-cards .card .card-header {
  display: flex;
  justify-content: space-between; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ INPUT --- */
.form-group .form-control:not(textarea), .form-control:not(textarea) {
  height: calc(1.5em + 2rem); }

#inputAttachments {
  height: unset !important; }

.form-group .form-control, .form-control {
  background-color: #303040;
  border: none !important;
  color: #FFFFFF;
  border-radius: 8px; }
  .form-group .form-control:focus, .form-group .form-control:active, .form-group .form-control.active, .form-control:focus, .form-control:active, .form-control.active {
    color: #FFFFFF;
    background: #38384B; }

.input-group-text {
  padding: 0.375rem 1.25rem;
  background: #303040;
  color: rgba(255, 255, 255, 0.5);
  border: none;
  border-right: 1px solid #262633; }

.input-group-prepend + .form-control {
  margin-left: 1px; }

.input-group-append button, .input-group .btn-reveal-pw {
  background: #303040;
  color: #FFFFFF;
  border: none;
  padding: 0.375rem 1.25rem; }
  .input-group-append button:hover, .input-group .btn-reveal-pw:hover {
    background-color: #303040;
    color: #FFFFFF; }

.input-group {
  border-radius: 8px;
  overflow: hidden; }

.dataTables_wrapper .dataTables_filter label .form-control {
  background-color: transparent !important; }

label {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5); }

.form-check label, .form-check {
  text-transform: none; }

.custom-file-label {
  background-color: #303040;
  color: #FFFFFF;
  border: none;
  text-transform: none !important; }
  .custom-file-label::after {
    background: #38384B;
    color: #FFFFFF; }

.file-upload ~ div.text-muted small {
  font-size: 14px; }

.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
  height: unset !important;
  padding: 1rem 1.25rem !important; }

/* ----------------------------------------------------------------------------- SWITCH --- */
.bootstrap-switch {
  background: #303040;
  border-radius: 8px;
  overflow: hidden; }

.bootstrap-switch.bootstrap-switch-focused {
  box-shadow: none; }

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 0.5rem 0.5rem; }

/* ----------------------------------------------------------------------------- SEARCH --- */
.form-control[name=search],
.form-control[name=search] + .input-group-append button {
  font-size: 16px !important; }

.form-control[name=search] {
  background: #262633 !important; }

/* -------------------------------------------------------------------------- READ ONLY --- */
.form-control:disabled, .form-control[readonly] {
  background: #303040 !important;
  color: rgba(255, 255, 255, 0.5); }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- BTN --- */
.btn {
  background: #303040 !important;
  color: #FFFFFF;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 8px; }
  .btn:hover {
    background-color: #38384B !important;
    color: #FFFFFF; }
  .btn:focus {
    box-shadow: none !important; }

.card .card-body a.btn .btn-primary, .btn.btn-primary {
  text-transform: uppercase;
  font-weight: bold;
  color: #0F0F14 !important;
  background: #3ec1f3 !important;
  border-bottom: 3px solid #48b9e8;
  border-bottom-width: 5px; }
  .card .card-body a.btn .btn-primary:hover, .btn.btn-primary:hover {
    color: #FFFFFF !important;
    background: #48b9e8 !important; }

.card .card-body a.btn .btn-danger, .btn.btn-danger {
  text-transform: uppercase;
  font-weight: bold;
  color: #0F0F14 !important;
  background: #cd334b !important;
  border-bottom: 3px solid #58222a;
  border-bottom-width: 5px; }
  .card .card-body a.btn .btn-danger:hover, .btn.btn-danger:hover {
    color: #FFFFFF !important;
    background: #58222a !important; }

.card .card-body a.btn.btn-primary:hover {
  color: #FFFFFF !important;
  background: #48b9e8 !important; }

.card .card-body a.btn.btn-danger:hover {
  color: #FFFFFF !important;
  background: #58222a !important; }

.btn.btn-cancel {
  text-transform: uppercase;
  font-weight: bold;
  color: #0F0F14 !important;
  background: #FFFFFF !important;
  border-bottom: 3px solid #9d9d9d !important;
  border-bottom-width: 5px !important; }
  .btn.btn-cancel:hover {
    background: #9d9d9d !important; }

.btn-default.focus,
.btn-default:focus,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: #FFFFFF; }

.btn-group .btn {
  background: #262633 !important;
  border-bottom: none;
  color: white !important; }
  .btn-group .btn:hover {
    background-color: #38384B !important; }

.btn.show-on-card-hover {
  padding: 0.25em 0.75em !important;
  margin-left: 4px; }

.btn-default[disabled]:hover {
  background-color: #303040 !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- LIST --- */
.list-group-item {
  background: #262633;
  color: #FFFFFF;
  border-color: #1D1D27 !important; }
  .list-group-item:hover {
    background: #303040;
    color: #FFFFFF; }

.sidebar .list-group-item {
  border-color: #1D1D27; }

.list-group-item-action:active, .list-group-item-action:focus, .list-group-item-action.active {
  background: #38384B;
  color: #FFFFFF; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- TILE --- */
.tiles {
  border-radius: 8px;
  overflow: hidden; }

.tiles .tile {
  background: #262633;
  border-color: #414157;
  padding: 24px; }
  .tiles .tile:hover {
    background: #303040; }

.tiles .tile .title {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  font-size: 16px; }

.tiles .tile i {
  color: #4C4C65;
  top: 32px !important;
  right: 32px !important; }

.tiles .tile:hover i {
  font-size: 55px !important;
  color: #4C4C65 !important; }

.tiles .tile .stat {
  color: #FFFFFF;
  font-family: Geomanist, sans-serif;
  font-weight: 700;
  font-size: 48px;
  margin-top: 8px !important; }

@media (max-width: 1200px) {
  .tiles div:nth-child(1) > .tile, .tiles div:nth-child(2) > .tile {
    border-bottom: 1px solid #1D1D27 !important; } }

.tiles .tile .highlight {
  margin-top: 8px !important;
  height: 4px !important;
  border-radius: 8px; }

@media (max-width: 500px) {
  .tiles .row > div {
    flex: 0 0 100% !important;
    max-width: 100% !important; } }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ TABLE --- */
table > tbody > tr > th {
  background: #1D1D27; }

.dataTables_wrapper .dataTables_filter label .form-control {
  background-color: #262633;
  border-radius: 8px;
  border-color: #303040; }

.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc,
table.table-list thead th,
.table-list > tbody > tr > td,
.table-list > tbody > tr > td {
  background-color: #262633; }

.table th,
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc,
table.table-list thead th {
  color: white;
  font-weight: 400;
  text-transform: uppercase; }

.table, .table-list > tbody > tr > td {
  color: white; }

.dataTables_wrapper table.table-list {
  border: 1px solid #414157 !important; }

.table-list > tbody > tr:hover > td {
  background: #303040; }

.table th {
  border-top: none;
  padding: 16px !important; }

.table td {
  border-color: #303040;
  padding: 16px !important;
  text-align: left !important;
  border-top: 1px solid #414157 !important; }

.dataTables_wrapper table.table-list thead th {
  border-bottom: none;
  background: #1D1D27 !important; }

table.dataTable > thead .sorting:after, table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc_disabled:after, table.dataTable > thead .sorting_desc_disabled:before {
  color: #FFFFFF;
  top: 14px; }

.table small {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px; }

.dataTables_length select.form-control {
  height: calc(1.5em + 1rem); }

.dataTables_wrapper .dataTables_filter input[type=search].form-control {
  border: 1px solid #303040 !important; }

.dataTables_wrapper .dataTables_filter label .form-control {
  background: url(../svg/search.svg) no-repeat 8px 8px/20px 20px !important; }

.table th {
  text-align: left !important; }

table.table-list tbody td {
  padding: 10px 16px !important; }

table.table-list td a {
  color: #3ec1f3 !important; }

.table.table-list td small {
  font-size: 14px; }

#tableQuotesList_wrapper tbody td:last-of-type {
  text-align: right !important; }

.table-scroll {
  overflow: auto;
  width: 100%; }

.table-scroll table {
  min-width: 850px; }

.dataTables_wrapper table.table-list thead th:first-child {
  border: none !important; }

tr.masspay-total td {
  background-color: #303040 !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- SELECT --- */
.custom-select {
  background: #262633 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='rgba(255, 255, 255, 0.5)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  color: #FFFFFF;
  border: 1px solid #303040 !important; }
  .custom-select:focus {
    background: #303040;
    color: #FFFFFF; }

.card .custom-select {
  background-color: #303040; }

form select.form-control {
  padding-right: 16px;
  border-right: 8px solid #303040 !important; }

select[name="tableDomainsList_length"] {
  padding-right: 32px !important; }

.custom-field select {
  background-color: #303040 !important; }

.custom-select {
  max-width: 100% !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- PAGINATION --- */
.page-link {
  background-color: #262633 !important;
  color: #FFFFFF;
  border: none !important;
  padding: .75rem 1rem; }

.pagination > li > a, .pagination > li > span {
  color: rgba(255, 255, 255, 0.5); }

.page-item.disabled .page-link {
  color: rgba(255, 255, 255, 0.5); }

.page-link:hover {
  color: #FFFFFF; }

.page-link:focus {
  box-shadow: none !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- DROPDOWN --- */
.dropdown-menu {
  background-color: #262633;
  border: #38384B;
  -webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.15);
  border-radius: 8px !important; }

.dropdown-item {
  color: #FFFFFF; }
  .dropdown-item:focus, .dropdown-item:hover {
    background: #303040;
    color: #FFFFFF; }

.dropdown-divider {
  border-color: #303040; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ ALERT --- */
.alert {
  color: #FFFFFF;
  border-radius: 0px;
  padding: 1.25rem;
  border: none; }

.alert strong, .alert h2 {
  display: contents;
  font-weight: 400;
  border-radius: 8px;
  margin-bottom: 8px; }

.alert.alert-info strong, .alert.alert-info h2 {
  color: #13b7b7;
  background: rgba(19, 183, 183, 0.1); }

.alert strong + br, .alert h2 + br {
  display: none; }

.alert.alert-success .alert-link {
  color: #3ec1f3 !important; }

.alert form .row {
  align-items: center; }

.alert-warning {
  color: #0F0F14;
  border-left: 8px solid #48b9e8;
  background: #3ec1f3; }

.alert-success {
  border-left: 5px solid #83cf83;
  background: #265e26; }

.alert-info {
  border-left: 5px solid #6ad3ff;
  background: #11495b; }

.alert-danger {
  border-radius: 0px !important;
  background-color: #58222a !important;
  border-left: 5px solid #cd334b;
  margin-bottom: 0; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- NAV --- */
.nav.nav-tabs {
  background: #1D1D27;
  border-bottom: 0 !important; }

.nav-tabs .nav-link {
  background: #262633;
  border: none !important;
  color: #FFFFFF !important; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: #262633;
  color: #3ec1f3 !important; }

ul ~ .tab-content {
  background: #262633 !important;
  border: none !important;
  border-radius: 0 0 8px 8px; }

.tab-content .tab-pane > *:last-child {
  margin-bottom: 0; }

.tab-content > .tab-pane.show {
  display: block; }

.tab-content {
  margin-bottom: 16px; }

.nav-tabs .nav-item a:hover {
  background: #303040 !important; }

.subnav {
  background: #262633; }

.subnav a {
  color: #FFFFFF !important;
  text-decoration: none !important; }

@media (max-width: 1200px) {
  .subnav li > a {
    display: block;
    padding: 8px 0; } }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- SWITCH --- */
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary {
  background-color: #414157 !important;
  color: #FFFFFF !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- CHECKBOX --- */
.form-check-input {
  accent-color: #3ec1f3; }

.form-check-inline {
  display: inline-flex !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ LABEL --- */
.label {
  border-radius: 8px !important; }

.label.label-info {
  color: #15151C !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ MODAL --- */
.modal-body {
  padding-left: 32px;
  padding-right: 32px; }

.modal-footer .btn-danger {
  padding: 12px 24px; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- ELEMENT --- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- BODY --- */
*::-webkit-scrollbar {
  background: #15151C;
  width: 16px;
  height: 16px; }

*::-webkit-scrollbar-corner {
  background: transparent; }

*::-webkit-scrollbar-thumb {
  border-width: 0px 4px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  border-image: initial;
  border-radius: 9px / 4px;
  box-shadow: #262633 0px 0px 0px 1px inset, #262633 0px 0px 0px 4px inset; }

*::-webkit-scrollbar-thumb:hover {
  box-shadow: #3ec1f3 0px 0px 0px 1px inset, #3ec1f3 0px 0px 0px 4px inset; }

*::-webkit-scrollbar-track-piece {
  margin: 4px 0px; }

::selection {
  background: #48b9e8;
  color: #fff; }

.primary-bg-color {
  background: #15151C; }

body {
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  background: #15151C;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.8;
  min-height: 100vh;
  height: unset; }

.master-breadcrumb {
  display: none; }

a {
  color: #3ec1f3; }

a:hover {
  color: #48b9e8;
  text-decoration: none; }

pre {
  color: #FFFFFF; }

input[type=checkbox], input[type=radio] {
  opacity: 1; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- CONTAINER --- */
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1560px; }
  @media screen and (max-width: 1733px) {
    .container {
      max-width: 90%; } }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- HEADER --- */
header {
  position: relative;
  top: 0;
  width: 100%;
  color: white;
  z-index: 1000; }

header::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1D1D27; }

header > * {
  position: relative; }

header > .container {
  display: flex;
  align-items: center; }
  @media (max-width: 1200px) {
    header > .container {
      flex-wrap: wrap;
      max-height: calc(100vh - 37px);
      overflow: auto; } }

header .collapse-button {
  display: none; }
  @media (max-width: 1200px) {
    header .collapse-button {
      display: block;
      order: 2; } }

.logo {
  padding: 24px; }
  @media (max-width: 1200px) {
    .logo {
      order: 1; } }
  @media (max-width: 400px) {
    .logo {
      font-size: 16px;
      height: 60px;
      background-size: 60px 60px;
      -webkit-background-size: 60px 60px;
      -moz-background-size: 60px 60px;
      -o-background-size: 60px 60px; } }

header .collapse-button {
  padding: 0;
  margin: 0;
  height: 32px;
  width: 32px;
  background: url(../svg/collapse.svg) no-repeat center center;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  border: none;
  outline: none;
  margin-left: auto; }

@media (max-width: 1200px) {
  header.display nav {
    display: block; } }

header .login {
  background: #3ec1f3;
  padding: 8px 0; }

header .login .container {
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 500px) {
    header .login .container {
      justify-content: flex-start;
      flex-wrap: wrap; } }

header .login a {
  display: block;
  color: #15151C;
  text-decoration: none;
  padding: 0 16px;
  font-size: 12px; }
  @media (max-width: 500px) {
    header .login a {
      padding-right: 32px;
      padding-left: 0; } }

header .login a:first-of-type {
  padding-left: 0; }

header .login a:last-of-type {
  padding-right: 0; }

header .login a:not(:first-of-type) {
  border-left: 2px solid rgba(21, 21, 28, 0.25); }
  @media (max-width: 500px) {
    header .login a:not(:first-of-type) {
      border: none; } }

header nav > li {
  margin-left: auto !important; }

header nav .dropdown .dropdown-toggle {
  padding: 8px 0; }

header.display > .container nav .dropdown-menu.show {
  position: relative !important;
  transform: none !important;
  width: 100% !important;
  margin-bottom: 8px; }

header nav .cart .badge.badge-info {
  background: #3ec1f3 !important;
  color: #15151C !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- NAV --- */
nav {
  display: flex;
  align-items: center;
  width: 100%; }
  @media (max-width: 1200px) {
    nav {
      flex-direction: column;
      align-items: flex-start;
      padding: 16px 0;
      -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
      display: none;
      order: 3; } }

@media (max-width: 1200px) {
  nav > * {
    position: relative; } }

nav a,
nav button {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none !important;
  background: none;
  border: none;
  outline: none;
  cursor: pointer; }
  nav a.active, nav a:hover,
  nav button.active,
  nav button:hover {
    color: #FFFFFF; }
  @media (max-width: 1200px) {
    nav a,
    nav button {
      display: block;
      width: 100%;
      margin: 0;
      text-align: left; } }

@media (max-width: 1200px) {
  nav > a,
  nav .dropdown > button {
    padding: 8px 0; } }

nav > *:not(:first-child) {
  margin-left: 32px; }
  @media (max-width: 1200px) {
    nav > *:not(:first-child) {
      margin-left: 0; } }

nav .dropdown .menu {
  position: absolute;
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  background: #262633;
  text-align: left;
  border-radius: 8px;
  margin: 16px 0 0 -16px;
  padding: 32px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  cursor: default; }
  @media (max-width: 1400px) {
    nav .dropdown .menu {
      max-width: 500px; } }
  @media (max-width: 1200px) {
    nav .dropdown .menu {
      margin: 16px 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      max-width: unset;
      padding: 16px; } }

nav .dropdown .menu.display {
  display: flex; }
  @media (max-width: 1200px) {
    nav .dropdown .menu.display {
      position: relative; } }

nav .dropdown .menu a {
  display: flex;
  align-items: center;
  width: calc(50% - 32px); }
  @media (max-width: 1400px) {
    nav .dropdown .menu a {
      width: 100%; } }

nav .dropdown .menu a::before {
  content: '';
  display: block;
  width: 56px;
  height: 56px;
  background: #303040 url(../svg/minecraft.svg) no-repeat center center;
  background-size: 50% auto;
  -webkit-background-size: 50% auto;
  -moz-background-size: 50% auto;
  -o-background-size: 50% auto;
  margin-right: 16px;
  border-radius: 8px;
  flex-shrink: 0; }
  @media (max-width: 500px) {
    nav .dropdown .menu a::before {
      margin-bottom: 16px;
      width: 32px;
      height: 32px; } }

nav .dropdown .menu a:nth-of-type(n+3) {
  margin-top: 16px; }

@media (max-width: 1400px) {
  nav .dropdown .menu a:nth-of-type(n+2) {
    margin-top: 16px; } }

nav .dropdown .menu a h6 {
  margin: 0;
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 4px; }

nav .dropdown .menu a p {
  margin: 0; }

nav .menu a:last-of-type {
  padding-bottom: 0; }

header .alert {
  border: none;
  margin: 0; }
  @media (max-width: 900px) {
    header .alert {
      font-size: 12px; } }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- FOOTER --- */
footer {
  position: relative;
  background: #1D1D27;
  padding: 0;
  overflow: hidden; }

footer > .container:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

footer .row {
  justify-content: center;
  text-align: center;
  align-items: center; }

footer .container {
  padding: 24px 0; }

footer .container .main {
  text-align: center;
  width: 30%; }
  @media (max-width: 1200px) {
    footer .container .main {
      width: 100%; } }

footer .container .links {
  width: 60%;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1200px) {
    footer .container .links {
      width: 100%; } }
  @media (max-width: 900px) {
    footer .container .links {
      display: block;
      text-align: center; } }

@media (max-width: 1200px) {
  footer .container > *:nth-of-type(n+2) {
    margin-top: 32px; } }

@media (max-width: 500px) {
  footer .container > *:nth-of-type(n+1) {
    margin-top: 32px; } }

footer dl {
  width: calc(33.33% - (32px / 8)); }
  @media (max-width: 1200px) {
    footer dl {
      width: calc(100% - 16px); } }
  @media (max-width: 1200px) {
    footer dl {
      margin-top: 32px; } }

footer dl dd {
  margin: 0; }

footer dt {
  color: #FFFFFF;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: Geomanist, sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  margin-top: 0;
  font-size: 24px; }
  @media (max-width: 900px) {
    footer dt {
      margin-top: 16px; } }

footer .container .main > a {
  display: block;
  width: 100%; }

footer .container .main > a::before {
  content: '';
  display: block;
  width: auto;
  height: 128px;
  background: url(../svg/logo.svg) no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  margin-bottom: 16px; }

footer a {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none !important; }

footer a:hover {
  color: #FFFFFF; }

footer::before,
footer::after {
  content: '';
  position: absolute;
  z-index: 1; }
  @media (max-width: 600px) {
    footer::before,
    footer::after {
      display: none; } }

footer > * {
  position: relative;
  z-index: 2; }

footer button.language {
  margin-top: 16px;
  background: #1D1D27;
  color: #FFFFFF; }
  footer button.language:hover {
    color: #FFFFFF; }
  footer button.language:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }

footer .socials img {
  max-width: 100%;
  max-height: 32px;
  height: 32px; }

footer p {
  font-size: 16px;
  margin-top: 1rem; }

footer .secondary span {
  font-size: smaller; }

footer .socials {
  display: flex;
  justify-content: center; }

footer .socials a {
  margin: 0 12px 0 12px; }

.secondary {
  background: #15151C; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ MODAL --- */
.modal-content {
  background-color: #1D1D27 !important;
  border-radius: 8px; }

.modal-footer button[type=submit] {
  background: #262633;
  color: #83cf83;
  border-radius: 8px;
  border: none;
  padding: 12px 24px; }
  .modal-footer button[type=submit]:focus, .modal-footer button[type=submit]:hover {
    background: #303040; }

.modal-header {
  align-items: center; }

.modal-header, .modal-header.bg-primary {
  background-color: #1D1D27 !important;
  border-bottom: 1px solid #262633; }

.modal-footer {
  border-top: 1px solid #262633; }

.modal-header .modal-title {
  font-size: 20px;
  font-family: Geomanist, sans-serif;
  font-weight: 700; }

/* ----------------------------------------------------------------------- LOCALISATION --- */
.modal-localisation .item-selector .item {
  border: none !important;
  background: #262633;
  border-radius: 8px;
  padding: 8px;
  margin: 4px 0;
  color: #FFFFFF; }
  .modal-localisation .item-selector .item:hover {
    text-decoration: none;
    background: #262633;
    color: #FFFFFF; }
  .modal-localisation .item-selector .item.active {
    background: #303040;
    color: #3ec1f3; }

.modal-localisation .modal-body {
  background: none; }

.modal-localisation .modal-footer {
  border-top: 1px solid #15151C; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- SECTION --- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ LOGIN --- */
form.login-form .submit {
  display: block; }

form.login-form .submit > button {
  margin-right: 32px; }

form.login-form .submit label {
  margin-top: 10px; }

form.login-form .submit label input {
  margin-top: 6px; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- REGISTER --- */
#registration .field, #registration .form-control {
  background: #303040;
  border: none;
  height: calc(1.5em + 1.6rem);
  color: #FFFFFF;
  border-radius: 8px;
  font-size: inherit !important; }
  #registration .field:focus, #registration .field:active, #registration .field.active, #registration .form-control:focus, #registration .form-control:active, #registration .form-control.active {
    color: #FFFFFF; }

#registration .prepend-icon .field-icon {
  height: calc(1.5em + 2rem);
  margin-bottom: 0;
  padding: 0.375rem .75rem;
  display: inline-flex;
  justify-content: center;
  align-items: center; }

#registration .prepend-icon .field-icon i {
  color: #4C4C65; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- CLIENT --- */
.client-home-cards .list-group {
  border-top: none !important;
  border-color: #303040 !important; }

.client-home-cards .card-header .btn:hover {
  color: #FFFFFF; }

.client-home-cards .card-body {
  padding: 24px; }

.client-home-cards .card-body p {
  padding: 0; }
  .client-home-cards .card-body p:last-child {
    margin-bottom: 0; }

.client-home-cards .list-group .list-group-item {
  padding: 16px !important;
  color: #FFFFFF !important;
  border-color: #414157 !important; }

.client-home-cards .card {
  border-bottom: 4px solid #414157;
  border-radius: .75rem;
  background: #262633 !important;
  color: #FFFFFF; }

.client-home-cards .list-group-item small, .client-home-cards .text-last-updated {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.5); }

.client-home-cards .input-group-btn input[type=submit].btn:first-of-type:not(:last-of-type) {
  background-color: #3ec1f3 !important;
  color: #15151C; }
  .client-home-cards .input-group-btn input[type=submit].btn:first-of-type:not(:last-of-type):hover {
    background-color: #48b9e8 !important; }

.client-home-cards .text-domain {
  color: rgba(255, 255, 255, 0.5); }

.primary-content .card-body h1 {
  margin-bottom: 0; }

.home-domain-search {
  background: #15151C !important; }

.home-domain-search .input-group-wrapper {
  background-color: #1D1D27 !important;
  border: none !important;
  padding: 16px !important;
  border-radius: 8px !important; }

.home-domain-search .input-group .input-group-append button {
  height: 100% !important; }

.home-domain-search .input-group .input-group-append button,
.home-domain-search .form-control {
  background-color: #262633 !important; }

.home-domain-search .form-control {
  margin-right: 8px; }

.home-domain-search .input-group-wrapper {
  margin: 32px 0 16px 0; }

.client-home-cards .card.register_a_new_domain .input-group-append {
  margin-left: auto !important;
  flex-direction: row-reverse;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 8px; }

.client-home-cards .card.register_a_new_domain .card-body {
  max-height: unset !important; }

.client-home-cards .card.register_a_new_domain .input-group-append .btn {
  border-radius: 0 !important;
  padding: 0.75rem 1.5rem !important; }

.client-home-cards .card.register_a_new_domain .input-group input[type=text] {
  width: 100%;
  border-radius: 8px !important;
  margin-bottom: 4px !important; }

.client-home-cards .card-header .float-right {
  margin-top: 0 !important; }

.client-home-cards .card .card-title {
  margin-bottom: 0 !important; }

#payMethodList tbody tr td:first-of-type {
  width: 1px; }

.controls.form-check label {
  line-height: 1.4; }

#tableServicesList_wrapper tbody tr td:first-of-type {
  width: 1%;
  white-space: nowrap; }

#tableServicesList_wrapper .table th {
  vertical-align: top; }

.btn-edit-modal {
  background: #326f8a !important;
  margin-left: 4px;
  font-size: 12px;
  padding: 2px 12px; }

.client-home-cards div[menuitemname="discord"] .list-group-item:hover {
  background: unset; }

.client-home-cards .list-group div[menuitemname="discord_child"] {
  overflow: hidden; }

#tabOverview .panel {
  background: #262633; }

.upgradecost {
  margin-top: 1rem; }

.upgradecost small {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: Geomanist,sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #3ec1f3 !important; }

.verification-banner {
  color: #fff;
  background: #262633;
  border-bottom: 1px solid #262633; }

.verification-banner .row {
  align-items: center; }

.verification-banner .text {
  padding: 0 !important; }

@media (min-width: 768px) {
  .verification-banner .fal, .verification-banner .far, .verification-banner .fas {
    font-size: 24px !important; } }

.table-scroll td > .label {
  font-weight: bold !important; }

.status-cancelled {
  background: #9d9d9d; }

.status-terminated {
  background: #cd334b; }

.status-refunded, .status-suspended {
  background: #48b9e8; }

.status-paid, .status-active, .status-completed, .status-open {
  background: #2aaf2a; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- SIDEBAR --- */
.sidebar .list-group-item .badge {
  background: #38384B;
  color: #FFFFFF; }

.sidebar .list-group-item, .sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
  background: #303040;
  border-radius: 8px;
  padding: 16px 24px;
  letter-spacing: 0;
  font-size: 16px;
  overflow: hidden;
  border: none; }

.sidebar .list-group-item:not(:last-child) {
  margin-bottom: 8px; }

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover, .cart-sidebar .list-group-item.active, .cart-sidebar .list-group-item.active:focus, .cart-sidebar .list-group-item.active:hover {
  border: none;
  position: relative;
  color: #3ec1f3; }
  .sidebar .list-group-item.active::before, .sidebar .list-group-item.active:focus::before, .sidebar .list-group-item.active:hover::before, .cart-sidebar .list-group-item.active::before, .cart-sidebar .list-group-item.active:focus::before, .cart-sidebar .list-group-item.active:hover::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #48b9e8;
    background: -moz-linear-gradient(90deg, rgba(72, 185, 232, 0.1) 0%, rgba(72, 185, 232, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(72, 185, 232, 0.1) 0%, rgba(72, 185, 232, 0) 100%);
    background: linear-gradient(90deg, rgba(72, 185, 232, 0.1) 0%, rgba(72, 185, 232, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffce00",endColorstr="#ffce00",GradientType=1);
    z-index: -1; }

.sidebar h3 {
  border-bottom: 1px solid #414157;
  padding-bottom: 8px;
  font-size: 20px;
  line-height: 1.75rem;
  font-weight: 700;
  color: white;
  text-transform: uppercase; }

.cart-sidebar .card-header .float-right {
  margin-top: 0 !important; }

.list-group-item.active {
  border-color: rgba(0, 0, 0, 0.125) !important; }

.sidebar .card-footer {
  padding: 0;
  margin-top: 8px;
  border-top: 0; }

div[menuitemname] {
  border-bottom: 4px solid #414157;
  border-radius: .75rem;
  background: #262633;
  padding: 16px;
  color: #FFFFFF; }

.sidebar .list-group i {
  color: #3ec1f3; }

.sidebar .list-group-item .badge {
  margin-top: 4px; }

.sidebar .panel.panel-info {
  color: rgba(255, 255, 255, 0.5) !important; }

/* --------------------------------------------------------------------------- INVOICES --- */
.sidebar div[menuitemname="My Invoices Summary"] {
  color: rgba(255, 255, 255, 0.5); }

.sidebar div[menuitemname="Client-Balance"] .sidebar-menu-item-wrapper {
  justify-content: center; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- COUNTRY --- */
.intl-tel-input .country-list {
  background-color: #303040;
  border-radius: 0 0 8px 8px; }

.intl-tel-input .country-list, .intl-tel-input .country-list .divider {
  border-color: #38384B; }

.intl-tel-input .country-list .country.highlight {
  background-color: #38384B; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ TWOFA --- */
.twofa-module {
  border-radius: 8px;
  border-color: #262633;
  padding: 16px; }

.twofa-module.active {
  border-color: #3ec1f3; }

.twofa-setup form .row {
  align-items: center; }

.twofa-setup h3 {
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF; }

.twofa-setup h3 + p {
  color: rgba(255, 255, 255, 0.5); }

.twofa-setup p strong {
  background: #262633;
  color: #FFFFFF;
  border-radius: 8px;
  padding: 4px 6px;
  font-weight: 400; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------- MARKDOWN EDITOR --- */
.md-editor .md-footer,
.md-editor > .md-header {
  background-color: #303040 !important; }

.md-editor > .md-preview, .md-editor > textarea.markdown-editor {
  background-color: #303040 !important;
  border-color: #262633 !important;
  border-radius: 0; }

.md-editor, .md-editor.active {
  border: none !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- CART --- */
#order-standard_cart .field, #order-standard_cart .form-control {
  background-color: #303040 !important;
  color: rgba(255, 255, 255, 0.5) !important; }

#order-standard_cart label, #order-standard_cart p.domain-renewal-desc {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 16px !important; }

#order-standard_cart .captcha-container .default-captcha {
  background: none;
  border-radius: 8px;
  border: 3px solid #303040;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

#order-standard_cart .captcha-container .default-captcha > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

#order-standard_cart #productConfigurableOptions .panel img {
  border-radius: 999px; }

#order-standard_cart .captcha-container p {
  color: rgba(255, 255, 255, 0.5) !important; }

#order-standard_cart .captcha-container img {
  margin-top: 0 !important;
  margin-right: 4px; }

#order-standard_cart .input-group-lg > .form-control {
  height: unset !important;
  padding: 24px 16px !important;
  font-size: 16px !important; }

#order-standard_cart .view-cart-items-header {
  background-color: #1D1D27 !important;
  border-radius: 8px 8px 0 0 !important;
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-transform: uppercase; }

#order-standard_cart .view-cart-items {
  border-color: #262633 !important; }

#order-standard_cart .view-cart-items small {
  font-size: 12px; }

#order-standard_cart .view-cart-tabs .nav-tabs > li > a {
  border: none !important; }

#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a, #order-standard_cart .view-cart-tabs .tab-content {
  background-color: #262633 !important; }

#order-standard_cart .view-cart-tabs .tab-content {
  border-radius: 0 0 8px 8px; }

#productConfigurableOptions .panel.panel-check {
  border-radius: 16px; }

#productConfigurableOptions .panel label {
  border-radius: 16px; }

#productConfigurableOptions .panel label.checked {
  border: 2px solid #3ec1f3; }

#cycles #productConfigurableOptions .check-content {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 900px) {
    #cycles #productConfigurableOptions .check-content {
      display: block; } }

#cycles #productConfigurableOptions .row {
  flex-direction: column;
  gap: 12px; }

.nav-tabs {
  border-color: #303040; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #FFFFFF; }

#order-standard_cart .prepend-icon .field-icon {
  top: 10px !important;
  justify-content: center; }

#order-standard_cart .prepend-icon .field-icon i,
#order-standard_cart .prepend-icon .field {
  color: rgba(255, 255, 255, 0.5) !important; }

#order-standard_cart .prepend-icon .field {
  padding-left: 42px !important; }

#order-standard_cart .order-summary {
  background: none !important;
  border: 1px solid #262633 !important; }

#order-standard_cart .order-summary .alert {
  margin: 0; }

#order-standard_cart .summary-container {
  background: #303040 !important;
  padding: 16px !important;
  font-size: inherit !important;
  border-radius: unset !important; }

#order-standard_cart .view-cart-empty {
  padding: 0 !important; }

#order-standard_cart .order-summary h2 {
  background: #1D1D27;
  font-size: 16px !important;
  text-transform: uppercase;
  color: white !important;
  font-family: 'Noto Sans', sans-serif !important;
  letter-spacing: 0.1em; }

#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .recurring-totals {
  font-size: 16px !important;
  color: white !important; }

.block {
  display: block !important; }

#order-standard_cart .order-summary .subtotal {
  border-color: #303040 !important; }

#order-standard_cart .order-summary .total-due-today span:not(.amt) {
  font-size: 16px !important;
  color: white !important;
  text-transform: uppercase; }

#order-standard_cart .order-summary .total-due-today .amt {
  color: #FFFFFF !important;
  font-size: 32px !important;
  font-weight: 700;
  line-height: 1.5; }

#order-standard_cart .btn-checkout {
  font-size: 16px !important;
  width: 100%; }

#order-standard_cart .btn-continue-shopping {
  margin-top: 8px;
  width: 100%;
  color: #FFFFFF !important;
  font-size: 14px !important; }
  #order-standard_cart .btn-continue-shopping:hover {
    text-decoration: none !important; }

#order-standard_cart .products .product {
  background: #262633 !important;
  padding-bottom: 0 !important;
  border: 1px solid #414157 !important; }

#order-standard_cart .products .product .product-desc {
  padding: 16px !important; }

#order-standard_cart .products .product .product-desc p {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.5); }

#order-standard_cart .products .product footer small {
  color: #FFFFFF !important;
  font-weight: 700; }
  @media (max-width: 1700px) {
    #order-standard_cart .products .product footer small {
      font-size: 14px !important; } }

#order-standard_cart .products .product footer {
  width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  float: none !important;
  background: #ffce00;
  background: -moz-linear-gradient(90deg, rgba(255, 206, 0, 0.1) 0%, rgba(255, 206, 0, 0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 206, 0, 0.1) 0%, rgba(255, 206, 0, 0) 100%);
  background: linear-gradient(90deg, rgba(255, 206, 0, 0.1) 0%, rgba(255, 206, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffce00",endColorstr="#ffce00",GradientType=1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #414157; }
  @media (max-width: 1600px) {
    #order-standard_cart .products .product footer {
      display: block; } }

.btn-grad:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none; }

@media (max-width: 1600px) {
  #order-standard_cart .products .product footer .btn.btn-primary {
    width: 100%;
    margin-top: 16px; } }

#order-standard_cart .products .product footer .product-pricing {
  margin-bottom: 0 !important;
  text-align: right !important; }

#order-standard_cart .products .product.addons footer button {
  margin-left: 16px; }

#order-standard_cart .products .product header::before {
  background: #262633 !important; }

#order-standard_cart .products .product header {
  border-bottom: 1px solid #414157;
  padding: 16px !important;
  margin: 0 !important;
  z-index: 1 !important; }

#order-standard_cart .order-summary .recurring-charges {
  color: #83cf83 !important; }

#order-standard_cart .products .product header span {
  color: #FFFFFF !important; }

.cart-sidebar .panel-title i {
  display: none; }

.cart-sidebar .panel-title {
  font-family: Geomanist, sans-serif !important;
  font-size: 20px !important;
  color: rgba(255, 255, 255, 0.75);
  margin-left: -.6rem !important; }

.cart-sidebar .panel-heading {
  background: none !important;
  padding: 0 !important;
  border-bottom: none !important;
  margin-bottom: 0.5rem !important; }

.cart-sidebar .list-group-item {
  background: #303040;
  border-radius: 8px !important;
  padding: 16px 24px !important;
  letter-spacing: 0;
  font-size: 16px;
  overflow: hidden;
  border-color: #1D1D27 !important; }

.cart-sidebar .list-group-item:not(:last-child) {
  margin-bottom: 8px !important; }

.cart-sidebar .list-group i {
  color: #3ec1f3; }

.cart-body .option {
  background-color: #262633 !important;
  padding: 16px !important; }

.cart-body .option label {
  text-transform: none !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

#order-standard_cart .domain-selection-options .option-selected label {
  font-weight: 400 !important;
  color: #FFFFFF !important; }

.cart-body .domain-input-group .btn {
  height: 100%; }

.secondary-cart-body {
  padding: 16px !important;
  width: calc(65% - (32px / 3)) !important; }
  @media (max-width: 900px) {
    .secondary-cart-body {
      width: 100% !important; } }

@media (max-width: 992px) {
  .secondary-cart-sidebar {
    margin-top: 16px !important; } }

.secondary-cart-body, .domain-renewals {
  background-color: #262633 !important;
  border-radius: 8px; }

.domain-renewals {
  border: none !important;
  margin-bottom: 0 !important; }

.domain-renewals .domain-renewal {
  border-color: #38384B !important; }

.domain-renewals ~ .text-center small {
  display: block;
  font-size: 14px;
  padding: 16px 0; }

.domain-renewal .form-group.row {
  justify-content: space-between; }

.domain-renewal select {
  color: #FFFFFF !important; }

#order-standard_cart .order-summary .summary-totals {
  border-color: #38384B !important; }

#btnGoToCart {
  font-size: 16px !important; }

#btnGoToCart i {
  margin-left: 8px;
  font-size: 16px; }

#order-standard_cart .view-cart-tabs .nav-tabs {
  border-bottom: none !important; }

#order-standard_cart .view-cart-tabs .nav-tabs .nav-item {
  background: #303040; }

#order-standard_cart .view-cart-tabs .nav-tabs .nav-item.active {
  color: #3ec1f3; }

.domain-selection-options .option:not(.option-selected) {
  cursor: pointer !important; }

.domain-selection-options .option:not(.option-selected) label {
  margin-bottom: 0; }

.domains-row > div:first-child p {
  display: inline-flex;
  margin: 0 !important;
  background: #303040 !important;
  height: 100%;
  padding: 0 16px;
  border-radius: 8px 0 0 8px;
  align-items: center;
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.5); }

#order-standard_cart .view-cart-tabs .nav.nav-tabs {
  border-radius: 8px 8px 0 0; }

#order-standard_cart .view-cart-tabs,
#order-standard_cart .view-cart-tabs .tab-content {
  margin-bottom: 0 !important; }

#order-standard_cart .view-cart-tabs .tab-content {
  background-color: #262633 !important;
  border-radius: 0 0 8px 8px; }

#order-standard_cart .view-cart-tabs .form-control,
#order-standard_cart .view-cart-tabs button[type=submit] {
  background-color: #303040 !important; }

#order-standard_cart .view-cart-tabs .form-control {
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.5) !important; }

#order-standard_cart .order-summary {
  margin-bottom: 0 !important; }

#order-standard_cart h3.panel-title {
  font-size: 16px !important;
  margin-bottom: 0 !important; }

.view-cart-items-header {
  border-bottom: 1px solid #38384B; }

#order-standard_cart .product-info {
  background-color: #303040 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 16px !important; }

#order-standard_cart .product-info p:not(.product-title) {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0 !important; }

#order-standard_cart #inputBillingcycle {
  width: 100% !important;
  border-radius: 8px; }

#order-standard_cart .sub-heading {
  border-color: #15151C !important; }

#order-standard_cart .sub-heading span {
  color: #FFFFFF !important; }

#order-standard_cart .sidebar-collapsed {
  margin-left: -15px;
  margin-right: -15px !important;
  padding: 0 !important; }

#order-standard_cart .btn-checkout, #order-standard_cart .btn-continue-shopping {
  background: #262633 !important; }

#btnCompleteProductConfig {
  font-size: 18px !important;
  width: 100%;
  margin-top: 16px !important;
  padding: 1rem 1.5rem !important; }

#order-standard_cart .secondary-cart-sidebar {
  padding: 0 !important; }
  @media (max-width: 575px) {
    #order-standard_cart .secondary-cart-sidebar {
      padding-left: 0 !important; } }
  @media (max-width: 900px) {
    #order-standard_cart .secondary-cart-sidebar {
      width: 100% !important; } }

#order-standard_cart #productConfigurableOptions .item {
  width: 100%;
  background: #303040;
  padding: 16px 8px;
  text-align: center;
  margin: 16px 16px 0 0; }

#order-standard_cart #productConfigurableOptions .col-md-3.item h4 {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 700; }

#order-standard_cart #productConfigurableOptions .col-md-3.item h5 {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 700; }

#order-standard_cart #productConfigurableOptions .col-md-3.item small {
  color: #3ec1f3 !important;
  font-size: 14px; }

.rocketnode#order-standard_cart .cart-body {
  width: 100% !important; }

.rocketnode#order-standard_cart label, #order-standard_cart p.domain-renewal-desc {
  margin-right: 0 !important;
  margin-bottom: 0;
  width: 100%; }

.rocketnode#order-standard_cart input[type=radio] + label {
  display: inline-block;
  border: 1px solid #FFFFFF;
  padding: 10px;
  margin-right: 10px;
  color: #eee; }

.rocketnode#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
  top: -15px !important; }

#order-standard_cart .info-text-sm {
  font-size: 1em !important; }

.panel {
  background: #303040; }

.panel-check {
  transition: border-color var(--transition-base); }

.panel-check.checked {
  z-index: 9; }

.panel-check.checked .check-sign {
  display: flex; }

.panel-check .check-cycle .save {
  color: #3ec1f3; }

.panel-check.disabled {
  cursor: not-allowed !important;
  border-color: var(--gray-lighter-4); }

.panel-check.disabled .check-content {
  opacity: .5; }

.panel-check.disabled .check > label {
  cursor: not-allowed !important; }

.panel-check .panel-heading.check {
  padding: 0; }

.panel-check .panel-heading.check .account-select-label {
  margin-left: auto; }

.panel-check .check {
  position: relative;
  margin: 0;
  align-items: center; }

.panel-check .check > label {
  display: flex;
  width: 100%;
  padding: 16px;
  cursor: pointer; }

.panel-check .check > label > .checkbox-styled, .panel-check .check > label > .icheck-control, .panel-check .check > label > .radio-styled {
  position: absolute;
  top: calc(16px + (24px - 18px)/2);
  left: 16px; }

.panel-check .check > :last-child {
  margin-bottom: 0; }

.panel-check .check-content {
  flex: 1;
  margin-left: calc(18px + calc(2 * 8px)); }

.panel-check .check-content > span {
  color: var(--text-heading-color);
  line-height: var(--line-height-md); }

.panel-check .check-content > span, .panel-check .check-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #FFFFFF; }

.panel-check .check-title {
  margin-bottom: 0; }

.panel-check .check-title [data-toggle=tooltip] {
  margin-left: 8px;
  color: var(--ui-icon-color); }

.panel-check .check-title [data-toggle=tooltip]:hover {
  color: var(--text-primary-color); }

.panel-check .check-subtitle {
  margin-top: 6px;
  margin-bottom: 0; }

.panel-check .check-subtitle-secondary {
  font-size: 14px;
  margin: 0; }

.panel-check .check-desc {
  margin: 8px 0 0;
  color: var(--text-body-color);
  font-size: 14px; }

.panel-check .check-icon {
  display: flex;
  align-items: center; }

.check-cycle .check-subtitle {
  color: var(--text-lighter-color);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm); }

.check-cycle .check-subtitle .save, .check-cycle .check-subtitle .text-primary {
  margin-top: var(--ui-block-spacing-xs);
  text-transform: uppercase; }

.panel-switch {
  user-select: none;
  border: var(--input-border);
  transition: border-color var(--transition-base), box-shadow var(--transition-base); }

@media (prefers-reduced-motion: reduce) {
  .panel-switch {
    transition: none; } }

.panel-switch:focus, .panel-switch:hover {
  border-color: var(--input-hover-border-color); }

.panel-switch .panel-body {
  display: flex;
  align-items: center;
  padding: 24px 16px; }

.panel-switch .panel-body .switch {
  margin: 0 0 0 auto; }

.panel-switch .panel-body .switch-label {
  display: block;
  text-align: left;
  color: var(--text-heading-color);
  padding-right: var(--ui-block-padding-base); }

.panel-check, .panel-switch {
  cursor: pointer; }

.panel-check:hover, .panel-switch:hover {
  border-color: var(--panel-hover-border-color); }

.panel-check > .check, .panel-switch > .check {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%; }

.panel-check-group, .panel-switch-group {
  margin-bottom: -24px !important; }

#cycles .panel-check {
  margin: unset !important; }

.panel-check {
  margin: 16px 0 16px 0; }

.icheck-label {
  cursor: pointer; }

.icheck-control {
  display: block;
  height: 180%;
  opacity: 0;
  visibility: hidden; }

#order-standard_cart .panel-addon {
  text-align: unset !important; }

#order-standard_cart .panel-addon-selected {
  border: none; }

#order-standard_cart .panel-addon-selected .panel-add {
  background-color: #377d37; }

#order-standard_cart .iradio_square-blue.checked, #order-standard_cart .icheckbox_square-blue.checked {
  background: #CCA606;
  border-radius: 100%; }

#order-standard_cart .iradio_square-blue.checked:before, #order-standard_cart .icheckbox_square-blue.checked:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

#order-standard_cart .iradio_square-blue:before, #order-standard_cart .radio-styled:before, #order-standard_cart .icheckbox_square-blue:before {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  height: 8px;
  width: 8px;
  margin-top: -4px;
  margin-left: -4px;
  background: #fff;
  opacity: 0;
  border-radius: 100%;
  top: 50%;
  left: 50%; }

#order-standard_cart .iradio_square-blue, #order-standard_cart .icheckbox_square-blue {
  position: relative;
  display: flex;
  height: 18px;
  width: 18px;
  background: none;
  border: 1px solid transparent;
  transition: .24s ease;
  cursor: pointer;
  margin-right: 16px;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%; }

#order-standard_cart .iradio_square-blue, #order-standard_cart .icheckbox_square-blue {
  background-color: #262633; }

#order-standard_cart .view-cart-items .item {
  background-color: #303040 !important;
  border-top: 1px solid #414157; }

#order-standard_cart .btn-remove-from-cart {
  color: #fff !important; }

#order-standard_cart .account-select-container div.account {
  background: #303040 !important;
  border: none !important;
  border-radius: 8px !important;
  margin-bottom: 16px; }

#order-standard_cart .account-select-container div.account.active {
  margin-bottom: 16px; }

#order-standard_cart .account-select-container {
  border: none !important; }

#order-standard_cart label {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

#order-standard_cart span.address {
  margin-left: 12px; }

#order-standard_cart label .iradio_square-blue {
  margin-right: 16px !important; }

.view-cart-buttons {
  display: flex;
  justify-content: space-between;
  padding: 0 16px 16px 16px; }

#order-standard_cart .apply-credit-container .radio {
  background: #303040 !important;
  border-radius: 8px;
  margin: 0 0 16px 0 !important;
  padding: 20px; }

#order-standard_cart .apply-credit-container {
  background: transparent !important;
  padding: 0 !important; }

#order-standard_cart .checkout-security-msg {
  font-size: inherit !important; }

#order-standard_cart .checkout-security-msg {
  display: flex;
  align-items: center; }

#order-standard_cart .checkout-security-msg i {
  font-size: 2em !important;
  margin-right: 12px; }

#order-standard_cart #paymentGatewaysContainer label {
  text-align: center; }
  @media (max-width: 1200px) {
    #order-standard_cart #paymentGatewaysContainer label {
      text-align: left; } }

#order-standard_cart #paymentGatewaysContainer > div {
  display: block; }

#frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields ul {
  background: none;
  border: none !important; }

#frmCheckout.paypal_ppcpv-payment-form .payer-email {
  color: white !important; }

#order-standard_cart .marketing-email-optin {
  background: #303040 !important;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 16px; }

#order-standard_cart .secondary-cart-body .nav.nav-tabs {
  background: transparent; }

#order-standard_cart .custom .secondary-cart-body {
  background-color: unset !important;
  padding: 0 !important;
  border: 1px solid #414157; }

#order-standard_cart .view-cart-items {
  border-bottom: unset !important; }

#order-standard_cart .custom .view-cart-items .btn-remove-from-cart {
  padding: 0 !important; }

#order-standard_cart .section-body .panel-check .check-content {
  margin-left: 16px !important;
  display: inline-flex;
  align-items: center; }

#order-standard_cart .section-body .panel-check .check-content > i {
  margin-left: 16px; }

#order-standard_cart .panel-addon .check-content {
  display: block !important; }

#order-standard_cart .warning {
  color: #3ec1f3;
  font-size: 14px;
  font-weight: 900; }

#order-standard_cart div[menuitemname="Choose Currency"] .card-body {
  padding: 0 !important; }

#order-standard_cart .row {
  justify-content: space-between; }

#order-standard_cart #productConfigurableOptions .col-md-6 {
  padding-right: 15px !important;
  padding-left: 15px !important; }

#order-standard_cart .field-container {
  padding: 0 !important; }

#order-standard_cart .field-container.custom {
  margin: 0 !important;
  padding-top: 30px !important; }

#order-standard_cart .order-section h2 {
  margin: 24px 0 24px 0 !important;
  text-align: center; }

#order-standard_cart ul#containerProductValidationErrorsList {
  margin: 0; }

#order-standard_cart div#containerProductValidationErrors {
  margin-top: 12px; }

label {
  margin-bottom: 0; }

#order-standard_cart .cc-input-container {
  background-color: #303040 !important;
  border: none !important; }

#order-standard_cart .cc-input-container .existing-cc-grid {
  color: #FFFFFF !important; }

#order-standard_cart #paymentGatewaysContainer .col-md-6 {
  padding-right: 15px !important;
  padding-left: 15px !important; }

#order-standard_cart .view-cart-promotion-code {
  background-color: #326f8a !important;
  border: 2px dashed #3ec1f3 !important; }

#order-standard_cart .product-configurable-options img.flags {
  border-radius: 999px; }

#order-standard_cart .product-configurable-options label div:nth-child(2) {
  display: flex; }

.ElementsApp.is-autofilled .InputElement {
  color: #fff !important; }

.InputContainer .InputElement {
  color: #fff !important; }

.div-service-status {
  display: inline-flex;
  justify-content: center; }

span.price {
  color: #3ec1f3; }

#containerPassword .btn {
  background: #303040 !important; }

#order-standard_cart .new-card-container .form-control, #order-standard_cart #cvv-field-container .form-control {
  background-color: #262633 !important; }

#containerNewUserSignup .control {
  display: flex;
  align-items: center; }

#containerNewUserSignup .control {
  display: flex;
  align-items: center;
  background: #303040; }

#containerNewUserSignup .control .iradio_square-blue,
#containerNewUserSignup .control .icheckbox_square-blue {
  margin: 12px; }

.product-recommendations .product-recommendation {
  background: #262633 !important;
  border: 2px dashed #3ec1f3 !important;
  padding: 12px;
  border-radius: 8px; }

.product-recommendations .product-recommendation .price {
  color: #3ec1f3 !important; }

.product-recommendations .product-recommendation .text {
  color: #fff !important; }

#orderSummary .panel-check .check-title {
  font-size: 14px !important; }

#orderSummary .panel-check .check-content {
  margin: 0 !important; }

#orderSummary .panel-check .check-desc {
  font-size: 12px !important; }

#orderSummary .panel-addon {
  margin: 16px 0 0 !important; }

#order-standard_cart .apply-credit-container label {
  font-size: 14px !important; }

#frmCheckout #order-standard_cart .btn {
  background: #303040 !important; }

#layers-body .lu-alert--outline.lu-alert--info, #layers .lu-alert--outline.lu-alert--info {
  color: #FFFFFF !important;
  border: none !important; }

#layers-body .lu-alert--outline, #layers .lu-alert--outline {
  background: #0064ff !important; }

#layers .lu-form-label, #layers .lu-form-group > label, #layers .lu-form-check > label {
  color: #FFFFFF;
  margin-bottom: 16px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
  font-family: Geomanist, sans-serif;
  line-height: 1.5 !important;
  letter-spacing: 0;
  margin-top: 0;
  font-size: 24px; }

#layers a {
  color: #3ec1f3 !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------- DOMAIN REGISTER --- */
#domainForm .btn-group-sm > .btn {
  padding: 16px !important;
  border: 1px solid #414157; }

.domain-checker-container {
  background: #262633 !important; }

.domain-checker-bg {
  background: none !important; }

.domain-checker-container .default-captcha {
  background: rgba(0, 0, 0, 0.25); }

#order-standard_cart .domain-checker-container .input-group .form-control {
  background-color: #1D1D27 !important;
  color: #FFFFFF !important; }

#order-standard_cart .domain-checker-container .input-group .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5) !important; }

.domain-checker-container .input-group-box {
  background-color: unset !important;
  border: none !important;
  padding: 0 !important; }

.btn.domain-check-availability {
  font-size: 16px !important;
  height: 100%; }

.domain-pricing .bg-white {
  background-color: #262633 !important;
  border-radius: 8px;
  overflow: hidden; }

.domain-pricing .tld-pricing-header div:nth-child(odd):not(.row), .domain-pricing .tld-pricing-header .col-sm-2, .domain-pricing .tld-pricing-header .col-sm-4, .domain-pricing .tld-pricing-header .col-xs-2, .domain-pricing .tld-pricing-header .col-xs-4 {
  background: #262633 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 16px !important;
  text-transform: uppercase;
  padding: 16px !important;
  border-radius: 0 !important; }

.domain-promo-box {
  background-color: #262633 !important;
  border-radius: 8px !important;
  border: none !important;
  color: #FFFFFF !important;
  padding: 32px !important; }

.domain-promo-box i {
  float: none !important;
  font-size: 32px;
  margin-bottom: 16px;
  color: #3ec1f3; }

.domain-promo-box .clearfix > p {
  font-size: 16px;
  color: #3ec1f3 !important; }

.domain-promo-box > p:not(.small) {
  font-size: 16px !important;
  color: #FFFFFF; }

.domain-promo-box .btn {
  padding: .75rem 2rem; }

.domain-error.domain-checker-unavailable {
  font-size: 16px !important; }

.domain-suggestions-warning {
  font-size: 16px !important;
  color: white !important; }

.spotlight-tld .btn:not(.domain-contact-support) {
  background: #2aaf2a !important; }

.suggested-domains .btn:not(.domain-contact-support) {
  background: #2aaf2a !important; }

#btnDomainContinue {
  font-size: 16px !important;
  margin: 0 auto !important;
  padding: 0.5rem 1.5rem !important; }

label[for="inputAuthCode"] a[data-toggle="tooltip"] {
  margin-left: 16px; }

#order-standard_cart .view-cart-items .item-domain {
  color: unset !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------- DOMAIN PRICING --- */
.domain-pricing h4 {
  font-weight: 700;
  line-height: 1.5;
  color: #FFFFFF;
  font-family: Geomanist, sans-serif;
  letter-spacing: 0;
  margin-top: 0;
  font-size: 36px; }
  @media (max-width: 600px) {
    .domain-pricing h4 {
      font-size: 24px; } }

.tld-filters .badge {
  padding: 6px 8px;
  color: #FFFFFF;
  border-radius: 8px !important; }

.tld-filters .badge.badge-secondary {
  background-color: #414157; }

.tld-filters .badge.badge-secondary.badge-success {
  background-color: #3ec1f3;
  color: #15151C; }
  .tld-filters .badge.badge-secondary.badge-success:focus {
    box-shadow: none !important; }

.tld-sale-group {
  border-radius: 8px;
  color: #15151C !important;
  padding: 1px 6px !important; }

.domain-pricing .tld-pricing-header {
  border-bottom: 1px solid #15151C; }

.domain-pricing .tld-row {
  border: none !important; }

.domain-pricing .tld-row .tld-sale-group {
  margin-left: 4px; }

.domain-pricing .tld-row.highlighted {
  background: #303040 !important; }

.domain-pricing .two-row-center {
  border-color: #38384B !important; }

.domain-pricing .tld-row.highlighted .two-row-center {
  border-color: #414157 !important; }

.domain-pricing .tld-pricing-header div {
  border: none !important; }

.domain-pricing .tld-pricing-header > div:first-of-type {
  text-align: left; }

.domain-pricing .tld-pricing-header > div:first-of-type,
.domain-pricing .tld-pricing-header > div:nth-of-type(2) > div > div {
  padding: 16px !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------ USER MANAGE --- */
.user-manage .card-header {
  display: flex;
  align-items: center;
  padding-top: 0.9rem; }

.user-manage .card-header h3, .user-manage .card-header p {
  margin-bottom: 0 !important; }

.user-manage .card-header h3 {
  font-family: Geomanist, sans-serif;
  font-weight: 700; }

.user-manage .card-header p {
  margin-left: 8px;
  line-height: 1.4; }

.copy-to-clipboard img {
  opacity: .75;
  margin-right: 4px; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- TICKET --- */
.view-ticket .card-body {
  padding: 32px !important; }

.view-ticket .card-body h3.card-title,
.view-ticket .card-body h3.card-title + p {
  margin-bottom: 0 !important; }

.mc-promo-login .view-ticket .content, .mc-promo-manage .view-ticket .content, .view-ticket .card-body, .view-ticket .mc-promo-login .content, .view-ticket .mc-promo-manage .content {
  border-color: #38384B !important; }

.view-ticket .posted-by {
  border-radius: 8px;
  background: #303040;
  color: rgba(255, 255, 255, 0.5) !important; }

.label {
  font-size: 14px !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0 !important; }

.ticket-requestor-name {
  margin-right: 4px !important; }

.requestor-type-owner {
  background: #38384B;
  color: rgba(255, 255, 255, 0.5); }

.requestor-type-operator {
  background: #3ec1f3;
  color: #15151C; }

.form-control.input-email {
  background-color: #262633 !important; }

#tableTicketsList tbody td,
#tableTicketsList thead th {
  padding: 16px !important; }

#tableTicketsList thead th {
  text-align: left !important; }

#tableTicketsList > thead .sorting:before,
#tableTicketsList > thead .sorting:after {
  bottom: 1.2em !important; }

#tableTicketsList .border-left {
  padding-left: 0 !important;
  border-left: none !important; }

#tableTicketsList tbody tr td:last-of-type {
  text-align: left !important; }

#tableTicketsList tbody tr td a {
  color: white !important;
  text-decoration: none !important; }

.ticket-details-children {
  color: #FFFFFF; }

.ticket-details-children .title {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5); }

.ticket-reply .message hr {
  border-color: #303040; }

div[menuitemname="Ticket Information"] .btn i {
  margin-right: 4px; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- ANNOUNCEMENT --- */
.announcement h1 a {
  color: #FFFFFF;
  text-decoration: none !important; }

.announcement article {
  background: none !important;
  border-width: 1px !important;
  border-color: #38384B !important;
  padding: 0 0 0 16px !important; }

.announcement .text-muted {
  text-transform: uppercase;
  font-size: 14px !important; }

.announcement h1 {
  font-size: 32px !important; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- PRODUCT --- */
.product-details .product-icon {
  border-radius: 8px 8px 0 0 !important;
  background: #303040 !important; }

.product-details .product-icon h3 {
  font-weight: 700;
  line-height: 1.5;
  color: #FFFFFF;
  font-family: Geomanist, sans-serif;
  letter-spacing: 0;
  margin-top: 0; }

.product-details h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.5); }

.product-details .row > div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFFFFF; }

.product-details .row > div:nth-of-type(2) h4:not(:first-of-type) {
  margin-top: 16px; }

@media (max-width: 768px) {
  .product-details .row > div:nth-of-type(2) h4:first-of-type {
    margin-top: 32px !important; } }

.product-details .product-icon .fa-stack-2x {
  color: rgba(62, 193, 243, 0.1); }

.product-details .product-icon .fa-stack-1x {
  color: #3ec1f3; }

.product-details .product-icon .fa-stack {
  margin-bottom: 16px; }

.responsive-tabs-sm {
  width: 100%;
  border-radius: 0 !important;
  border: 0 !important; }

.responsive-tabs-sm .nav-item {
  margin-left: 0 !important;
  border-color: #38384B !important; }
  @media (max-width: 767.98px) {
    .responsive-tabs-sm .nav-item {
      border-radius: 0 !important; } }

.responsive-tabs-sm .nav-item a.active {
  background-color: #262633 !important; }

.responsive-tabs-sm-connector {
  display: none !important; }

.products .row-eq-height .product {
  display: flex;
  flex-direction: column;
  height: calc(100% - 20px); }

.products .row-eq-height .product.addons {
  height: unset; }

.products .product .product-desc {
  flex-grow: 1; }

.product.addons form {
  flex-direction: column; }

.product.addons .product-desc {
  flex: 1 1 300px; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- AFFILIATE --- */
.affiliate-stat {
  background: #262633 !important;
  text-align: left !important;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  padding: 24px;
  border-radius: 8px; }

.affiliate-stat.affiliate-stat-green.alert-danger {
  border-radius: 8px !important; }

.affiliate-stat::after {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  height: 4px;
  background: #38384B;
  border-radius: 8px;
  margin-top: 8px; }

.affiliate-stat.alert-success::after {
  background: #5cb85c; }

.affiliate-stat.alert-info::after {
  background: #5bc0de; }

.affiliate-stat.alert-danger::after {
  background: #d9534f; }

.affiliate-stat.alert-warning::after {
  background: #f0ad4e; }

.affiliate-stat i {
  float: unset !important;
  position: absolute;
  top: 32px;
  right: 32px;
  font-size: 55px;
  color: #414157; }

.affiliate-stat span {
  color: rgba(255, 255, 255, 0.75);
  font-family: Geomanist, sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1;
  margin-top: 8px; }

.card p.h3 {
  font-family: Geomanist, sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
  color: #FFFFFF; }

.withdraw .insufficient {
  color: rgba(255, 255, 255, 0.5); }

.withdraw {
  margin-top: 24px; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- KNOWLEDGEBASE --- */
.kb-category span.h5 {
  color: #FFFFFF !important; }

.kb-category .btn {
  background: #38384B !important; }

.kb-category .badge {
  font-weight: 400;
  background: #303040 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  transition: .25s ease-in-out background;
  -webkit-transition: .25s ease-in-out background;
  -moz-transition: .25s ease-in-out background;
  -o-transition: .25s ease-in-out background;
  padding: 8px !important; }

.kb-category a {
  border-radius: 8px;
  transition: .25s ease-in-out background;
  -webkit-transition: .25s ease-in-out background;
  -moz-transition: .25s ease-in-out background;
  -o-transition: .25s ease-in-out background; }

.kb-category a:hover {
  background: #303040 !important; }

.kb-category a:hover .badge {
  background: #38384B !important; }

.kb-article-item {
  padding: 16px 32px !important;
  color: #FFFFFF !important; }

.kb-article-item small {
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.5) !important;
  text-transform: none !important; }

.kb-catopen .card-title,
.kb-mostviewed .card-title {
  margin-bottom: 0 !important; }

.kb-catopen .card-body,
.kb-mostviewed .card-body {
  overflow: hidden;
  border-bottom: 1px solid #1D1D27; }

.kb-article .badge {
  border-radius: 8px;
  background: #303040;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5) !important;
  padding: 4px; }

.kb-article h1 .btn {
  font-weight: 400 !important;
  font-family: Noto Sans, sans-serif; }

.kb-article .card-body > h4 {
  font-size: 16px; }

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- GIFTCARD --- */
.giftcard .row {
  justify-content: center; }

.giftcard .card {
  padding: 16px; }

.giftcard-alert {
  margin-bottom: 16px; }

.giftcard-alert .close {
  color: #fff !important; }

.invoice-container {
  background-color: #262633 !important;
  border: 2px solid #303040 !important; }

.invoice-container .card {
  border-top: unset !important;
  border: 2px solid #303040 !important; }

.invoice-container td.total-row {
  background: #303040 !important; }

.invoice-summary-table td.total-row {
  border: 2px solid #303040 !important;
  background: #303040 !important; }

.spotlight-tlds {
  background-color: transparent !important; }

.spotlight-tld {
  background-color: #303040 !important;
  color: #FFFFFF !important;
  border: none !important; }

.spotlight-tld .btn:not(.domain-contact-support) {
  width: 100% !important; }

.suggested-domains .domain-lookup-suggestions-loader {
  background-color: #303040 !important; }