/* webninjadesign WHMCS brand layer */

@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap');

:root {
  --wnd-dark: #374242;
  --wnd-darker: #2d3940;
  --wnd-soft: #ecf5f6;
  --wnd-accent: #2ea3f2;
  --wnd-accent-dark: #1f7fbe;
  --wnd-text: #4e4e4e;
  --wnd-muted: #6d7878;
  --wnd-border: #dbe7e8;
  --wnd-white: #ffffff;
}

/* Base typography */
body,
input,
textarea,
select,
button {
  font-family: "Quicksand", Helvetica, Arial, sans-serif !important;
  color: var(--wnd-text);
}

h1, h2, h3, h4, h5, h6,
.card-title,
.pricing-card-title {
  font-family: "Asap Condensed", Helvetica, Arial, sans-serif !important;
  color: var(--wnd-dark);
  font-weight: 600;
  letter-spacing: .01em;
}

/* Page background */
body.primary-bg-color {
  background: #f7fbfb !important;
}

#main-body {
  background: #f7fbfb;
  padding-top: 36px;
}

/* Header */
.header,
.header .navbar.navbar-light {
  background: var(--wnd-white) !important;
}

.header .navbar.navbar-light {
  border-bottom: 1px solid var(--wnd-border);
  padding-top: 18px;
  padding-bottom: 18px;
}

.logo-img {
  max-height: 70px;
  width: auto;
}

/* Main nav */
.main-navbar-wrapper {
  background: var(--wnd-dark) !important;
  border: 0;
}

.main-navbar-wrapper .navbar-nav > li > a,
.main-navbar-wrapper .navbar-nav > li > a:visited {
  color: #ffffff !important;
  font-weight: 600;
  letter-spacing: .02em;
}

.main-navbar-wrapper .navbar-nav > li > a:hover,
.main-navbar-wrapper .navbar-nav > li.show > a {
  color: var(--wnd-soft) !important;
  background: rgba(255,255,255,.08);
}

.dropdown-menu {
  border: 1px solid var(--wnd-border);
  border-radius: 0;
  box-shadow: 0 10px 30px rgba(45,57,64,.14);
}

.dropdown-item a,
.dropdown-menu .dropdown-item {
  color: var(--wnd-dark) !important;
  font-weight: 500;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:hover a {
  background: var(--wnd-soft) !important;
  color: var(--wnd-darker) !important;
}

/* Topbar */
.topbar {
  background: var(--wnd-soft) !important;
  color: var(--wnd-dark);
  border-bottom: 1px solid var(--wnd-border);
}

.topbar .btn,
.btn-active-client {
  color: var(--wnd-dark) !important;
}

.input-group.search.d-none.d-xl-flex  {
    display: none !important;
}

header.header .search {
   display: none !important;
}

/* Breadcrumb */
.master-breadcrumb {
  background: #ffffff;
  border-bottom: 1px solid var(--wnd-border);
}

.breadcrumb {
  background: transparent;
  font-size: .92rem;
}

.breadcrumb-item,
.breadcrumb-item a {
  color: var(--wnd-muted);
}

/* Cards and panels */
.card,
.card-sidebar,
.client-home-cards .card,
.card-columns.home .card {
  border: 1px solid var(--wnd-border) !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 24px rgba(45,57,64,.06);
  background: #ffffff;
}

.card-header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--wnd-border) !important;
}

.card-header .card-title {
  font-size: 1.35rem;
}

.card-footer {
  background: #fbfdfd !important;
  border-top: 1px solid var(--wnd-border) !important;
}

.col-12.primary-content > .row.my-5.action-icon-btns:nth-of-type(2) div:nth-of-type(3) {
    display:none !important;
}

.col-12.primary-content > .row.my-5.action-icon-btns:nth-of-type(2) div:nth-of-type(4) {
    display:none !important;
}

/* Accent bars on WHMCS panels */
.card[class*="card-accent-"] {
  border-top: 4px solid var(--wnd-dark) !important;
}

.card-accent-blue,
.card-accent-green,
.card-accent-red,
.card-accent-gold,
.card-accent-emerald,
.card-accent-asbestos,
.card-accent-midnight-blue,
.card-accent-sun-flower {
  border-top-color: var(--wnd-accent) !important;
}

/* Buttons */
.btn,
button,
input[type="submit"] {
  border-radius: 3px !important;
  font-family: "Quicksand", Helvetica, Arial, sans-serif !important;
  font-weight: 600;
}

.btn-primary,
.btn-success,
.bg-color-blue,
.bg-color-green,
.bg-color-gold,
.bg-color-red,
.bg-color-emerald,
.bg-color-asbestos,
.bg-color-midnight-blue,
input.btn-primary,
input.btn-success {
  background: var(--wnd-dark) !important;
  border-color: var(--wnd-dark) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-success:hover,
.bg-color-blue:hover,
.bg-color-green:hover,
.bg-color-gold:hover,
.bg-color-red:hover,
.bg-color-emerald:hover,
.bg-color-asbestos:hover,
.bg-color-midnight-blue:hover,
input.btn-primary:hover,
input.btn-success:hover {
  background: var(--wnd-darker) !important;
  border-color: var(--wnd-darker) !important;
  color: #ffffff !important;
}

.btn-outline-primary {
  color: var(--wnd-dark) !important;
  border-color: var(--wnd-dark) !important;
  background: transparent !important;
}

.btn-outline-primary:hover {
  color: #ffffff !important;
  background: var(--wnd-dark) !important;
  border-color: var(--wnd-dark) !important;
}

.btn-link,
a {
  color: var(--wnd-accent);
}

a:hover {
  color: var(--wnd-accent-dark);
}

/* Forms */
.form-control,
.input-group-text,
.custom-select {
  border-color: var(--wnd-border) !important;
  border-radius: 3px !important;
  color: var(--wnd-text);
}

.form-control:focus {
  border-color: var(--wnd-accent) !important;
  box-shadow: 0 0 0 .15rem rgba(46,163,242,.15) !important;
}

/* Search boxes */
.input-group.search .btn {
  background: var(--wnd-dark) !important;
  border-color: var(--wnd-dark) !important;
  color: #ffffff !important;
}

/* Tiles */
.tiles .tile,
.action-icon-btns a {
  border: 1px solid var(--wnd-border) !important;
  background: #ffffff !important;
  color: var(--wnd-dark) !important;
  box-shadow: 0 8px 24px rgba(45,57,64,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}

.tiles .tile:hover,
.action-icon-btns a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(45,57,64,.12);
  text-decoration: none;
}

.tiles .tile .stat,
.tiles .tile i,
.action-icon-btns .ico-container i {
  color: var(--wnd-dark) !important;
}

.tiles .tile .highlight,
.highlight,
.bg-color-blue,
.bg-color-green,
.bg-color-red,
.bg-color-gold {
  background-color: var(--wnd-accent) !important;
}

/* Domain search hero */
.home-domain-search {
  background: var(--wnd-soft) !important;
  border-bottom: 1px solid var(--wnd-border);
}

.home-domain-search h2 {
  color: var(--wnd-dark);
  font-size: 2rem;
}

/* Sidebars */
.card-sidebar .card-header {
  background: var(--wnd-dark) !important;
  color: #ffffff !important;
}

.card-sidebar .card-header h3,
.card-sidebar .card-header i {
  color: #ffffff !important;
}

.card-sidebar .list-group-item {
  border-color: var(--wnd-border);
  color: var(--wnd-dark);
}

.card-sidebar .list-group-item:hover {
  background: var(--wnd-soft);
  color: var(--wnd-darker);
}

/* Tables */
.table,
.dataTable {
  background: #ffffff;
}

.table th,
.dataTable th {
  color: var(--wnd-dark);
  font-family: "Asap Condensed", Helvetica, Arial, sans-serif;
  font-size: 1.05rem;
}

.table td,
.table th {
  border-color: var(--wnd-border) !important;
}

/* Alerts */
.alert {
  border-radius: 3px;
  border-width: 1px;
}

/* Footer */
.footer {
  background: var(--wnd-dark) !important;
  color: rgba(255,255,255,.78) !important;
  border-top: 0;
}

.footer a,
.footer .nav-link,
.footer .btn {
  color: #ffffff !important;
}

.footer a:hover {
  color: var(--wnd-soft) !important;
}