/* AKDESHOST general page improvements for WHMCS */
body {
  font-family: "Inter", Arial, sans-serif;
  background: #08101d;
}

#main-body > .container,
.main-content > .container,
.logincontainer,
.container,
.contentarea {
  max-width: 1400px !important;
  width: 96% !important;
  margin-left: auto;
  margin-right: auto;
}

.main-content {
  padding-top: 24px;
  padding-bottom: 32px;
}

.page-header, .header-lined {
  border-bottom: 0;
  margin-bottom: 16px;
}

.breadcrumb {
  background: rgba(255,255,255,0.04);
  border-radius: 14px;
  padding: 10px 16px;
}

.card, .panel, .well, .domain-pricing-box, .logincontainer .login,
.client-home-panels .panel, .ticket-reply, .product-details {
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}

.panel, .card, .well {
  overflow: hidden;
  background: #fff;
}

.logincontainer {
  max-width: 1000px !important;
  width: 95% !important;
  margin: 40px auto !important;
}

.logincontainer .login, .logincontainer .providerLinkingFeedback, .logincontainer .account-select {
  max-width: 100% !important;
}

.logincontainer .login .login-header {
  padding: 22px 24px;
}

.logincontainer .login .login-body {
  padding: 24px;
}

form .form-control, form .form-select, input.form-control, select.form-control {
  min-height: 48px;
  border-radius: 12px;
}

.btn, .btn-primary, .btn-default, .btn-success, .btn-info {
  border-radius: 12px !important;
  font-weight: 700;
}

.btn-primary, .btn-success, .btn-info {
  background-image: none !important;
}

.navbar, .navbar-default {
  min-height: 74px;
}

.navbar .container {
  max-width: 1400px !important;
  width: 96% !important;
}

.navbar .navbar-nav > li > a {
  padding-top: 26px;
  padding-bottom: 26px;
}

.domainchecker-area, .domainchecker-bg, .search-box, .domain-search-bg {
  border-radius: 18px;
  overflow: hidden;
}

.client-home-panels .panel-heading, .card-header, .panel-title {
  font-weight: 700;
}

.table {
  border-radius: 14px;
  overflow: hidden;
}

.footer,
footer {
  margin-top: 36px;
}

@media (min-width: 992px) {
  .col-md-8.col-md-offset-2,
  .col-md-6.col-md-offset-3,
  .col-md-10.col-md-offset-1 {
    width: 100% !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
}

@media (max-width: 767px) {
  #main-body > .container,
  .main-content > .container,
  .logincontainer,
  .container,
  .contentarea {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
  }
}