@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-size: 16px;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
body,
button,
input,
select,
textarea {
  font-family: 'Kanit', sans-serif !important;
}

a {
  color: #002e5b;
}

a:focus,
a:hover {
  color: #1149b6;
  text-decoration: none;
}

a:focus {
  outline: none;
}

/* p {
  font-size: 15px;
} */

blockquote {
  border-color: #004080;
}

/* Header */
section#header {
  padding: 20px 0;
}

ul.top-nav {
  font-size: 15px;
}

ul.top-nav .atom-notifications-mobile {
  display: none;
}

ul.top-nav .atom-notifications-mobile i {
  position: relative;
  top: 2px;
  color: #a0a0a0;
  font-size: 16px;
}

.atom-notifications-new-mobile {
  display: none;
  position: absolute;
  right: 2px;
  top: 3px;
  width: 8px;
  height: 8px;
  background-color: #ffc300;
  padding: 0;
  border-radius: 50%;
}

ul.top-nav > li.primary-action > a.btn {
  background-color: #002e5b;
  border-radius: 5px;
}

ul.top-nav > li.primary-action > a.btn:hover {
  background-color: #004080;
}

ul.top-nav > li.primary-action > a.btn .atom-btn-text {
  display: inline;
}

ul.top-nav > li.primary-action > a.btn .atom-btn-icon {
  display: none;
  color: #002e5b;
  font-size: 18px;
}

ul.top-nav > li.primary-action > a.btn:hover .atom-btn-icon,
ul.top-nav > li.primary-action > a.btn:focus .atom-btn-icon {
  color: #004080;
}

.navbar-main {
  background-color: #002e5b;
  align-content: center;
  min-height: 45px;
}

.navbar-main .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-main .navbar-toggle:hover .icon-bar {
  background-color: #fde428;
}

.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:focus,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > li > a:hover {
  color: #fde428;
  background-color: #002e5b;
}

.navbar-main .dropdown-menu {
  border: none;
  padding: 5px 0;
}

.navbar-main .dropdown-menu > li > a {
  color: #002e5b;
  font-weight: 500;
  padding: 6px 20px;
}

.navbar-main .navbar-nav .dropdown-menu > .active > a,
.navbar-main .navbar-nav .dropdown-menu > .active > a:focus,
.navbar-main .navbar-nav .dropdown-menu > .active > a:hover,
.navbar-main .navbar-nav .dropdown-menu > .open > a,
.navbar-main .navbar-nav .dropdown-menu > .open > a:focus,
.navbar-main .navbar-nav .dropdown-menu > .open > a:hover,
.navbar-main .navbar-nav .dropdown-menu > li > a:focus,
.navbar-main .navbar-nav .dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #002e5b;
}

.navbar-main .navbar-nav .dropdown-menu > li.nav-divider > a:hover {
  background-color: #e5e5e5;
}

.navbar-main li.account {
  background-color: #002e5b;
}

@media (max-width: 991px) {
  ul.top-nav {
    font-size: 14px;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-main .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    padding: 3px 30px;
  }

  .navbar-main .nav .nav-divider {
    background-color: #cee8ff;
  }
}

@media (max-width: 767px) {
  section#header .logo img {
    max-height: 40px;
  }

  ul.top-nav {
    font-size: 13px;
  }
}

@media (max-width: 519px) {
  section#header .logo img {
    max-height: 30px;
  }

  ul.top-nav .atom-notifications,
  ul.top-nav .atom-notifications-mobile ~ .caret,
  ul.top-nav .atom-notifications-mobile ~ .label {
    display: none;
  }

  ul.top-nav .atom-notifications-mobile {
    display: inline;
  }

  .atom-notifications-new-mobile {
    display: block;
  }

  ul.top-nav > li.primary-action {
    padding-left: 0;
  }

  ul.top-nav > li.primary-action > a.btn {
    background-color: transparent;
  }

  ul.top-nav > li.primary-action > a.btn:hover {
    background-color: transparent;
  }

  ul.top-nav > li.primary-action > a.btn .atom-btn-text {
    display: none;
  }

  ul.top-nav > li.primary-action > a.btn .atom-btn-icon {
    display: inline;
  }
}

@media (min-width: 992px) {
  .navbar-main .navbar-nav:not(.navbar-right) > li:first-child > a {
    padding-left: 0;
  }
}
/* End Header */

/* Banner */
section#home-banner {
  padding: 70px 0 75px;
  background: linear-gradient(to bottom right, #002e5b 10%, #fde428 90%);
}

section#home-banner h2 {
  font-size: 34px;
  margin-bottom: 16px;
}

section#home-banner .form-control {
  border-radius: 5px 0 0 5px;
}

section#home-banner .btn.search {
  color: #002e5b;
  background-color: #fde428;
}

section#home-banner .btn.transfer {
  background-color: #002e5b;
  border-radius: 0 5px 5px 0;
}

section#home-banner .btn.transfer:hover {
  background-color: #004080;
}

section#home-banner .form-control,
section#home-banner .btn {
  font-weight: 400;
}

section#home-banner .tooltip-inner {
  background-color: #002e5b !important;
}

section#home-banner .tooltip.left .tooltip-arrow {
  border-left-color: #002e5b !important;
}

.home-shortcuts {
  color: #002e5b;
  background-color: #fde428;
}

.home-shortcuts .lead {
  font-weight: 400;
}

.home-shortcuts li,
.home-shortcuts li:first-child {
  border-color: #002e5b;
}

.home-shortcuts li a {
  color: #002e5b;
}

.home-shortcuts li p {
  font-weight: 500;
}
/* End Banner */

/* Footer */
section#footer {
  color: #fff;
  background-color: #002e5b;
  padding: 15px 10px;
  line-height: 32px;
}

section#footer .row {
  padding-top: 45px;
  padding-bottom: 45px;
}

section#footer .footer-logo {
  margin-top: 25px;
}

section#footer .footer-text {
  margin-top: 37px;
}

section#footer .footer-text p {
  color: #ffffffa6;
  font-size: 13px;
  text-align: left;
  line-height: 22px;
}

section#footer .footer-text p a {
  color: #ffffff;
  text-decoration: none;
}

section#footer .footer-text p a:hover {
  color: #fde428;
}

section#footer .widget-title {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc80;
  margin-top: 30px;
  margin-bottom: 20px;
}

section#footer .widget-nav-menu .menu,
section#footer .copyright .tos-legal .menu {
  list-style: none;
  padding: 0;
}

section#footer .widget-nav-menu .menu .menu-item {
  display: inline-block;
  width: 49%;
  float: inline-start;
}

section#footer .widget-nav-menu .menu .menu-item a,
section#footer .copyright .tos-legal .menu .menu-item a {
  color: #fff;
  text-decoration: none;
}

section#footer .mailing-list-signup {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}

section#footer .mailing-list-signup input.email {
  padding: 18px;
  border: 1px solid #fff;
  border-radius: 0;
  color: #000;
}

section#footer .mailing-list-signup button {
  position: absolute;
  right: 0;
  background: #fde428;
  padding: 19px 23px;
  border: 1px solid #fde428;
  top: 0;
}

section#footer .mailing-list-signup button svg,
section#footer .mailing-list-signup button i {
  width: 20px;
  font-size: 22px;
  color: #002e5b;
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  line-height: 14px;
  transition: all 0.3s ease;
  transform: translate(0, -50%);
}

section#footer .widget-social-media {
  margin-top: 32px;
}

section#footer .widget-social-media svg,
section#footer .widget-social-media i {
  font-size: 16px;
}

section#footer .copyright {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  padding-top: 15px;
  border-top: 1px solid rgba(204, 204, 204, 0.5);
}

section#footer .copyright p {
  color: #ccc;
  text-align: center;
}

section#footer .copyright .tos-legal .menu {
  display: flex;
  gap: 20px;
  margin-bottom: 0;
}

section#footer .copyright .tos-legal .menu .menu-item {
  display: inline-block;
}

@media (min-width: 576px) {
  section#footer .copyright {
    flex-direction: row;
    justify-content: space-between;
  }
}
/* End Footer */

/* Homepage Custom */
.header-line {
  text-align: center;
  margin-top: 55px;
  margin-bottom: 40px;
}

.services-content .row {
  margin: 0;
}

.services-content .row.flex-row {
  display: flex;
  flex-wrap: wrap;
}

.services-content .row.flex-row > [class^='col-'] {
  display: flex;
  flex-direction: column;
}

.service-card {
  display: flex;
  flex-direction: column;
  border: 2px solid #cee8ff;
  border-radius: 5px;
  margin-bottom: 30px;
  flex: 1;
}

.service-card a {
  color: #002e5b;
  padding: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.service-card i,
.service-card svg {
  color: #002e5b;
  font-size: 48px;
  text-align: center;
}

.service-card h3 {
  color: #333;
  text-align: center;
}

.service-card .has-span,
.news-card .has-span {
  margin-top: auto;
  margin-bottom: 0;
}

.service-card .has-span {
  text-align: center;
}

.service-card .has-span span,
.news-card .has-span a span {
  display: none;
}

.service-card a:hover,
.service-card a:focus,
.news-card .has-span a:hover,
.news-card .has-span a:focus {
  text-decoration: none;
}

.service-card:hover .has-span,
.news-card .has-span:hover a {
  color: #1149b6;
}

.service-card:hover .has-span span,
.news-card .has-span a:hover span {
  display: inline-block;
}

.block-content {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 20px;
}

.news-card {
  width: 32%;
  display: flex;
  padding: 18px 20px;
  flex-direction: column;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.news-card h4,
.review-card-body h4 {
  margin-top: 0;
  line-height: 1.5;
}

.news-card h4 a,
.news-card .has-span a {
  color: #002e5b;
}

.news-card h4 a:hover,
.news-card h4 a:focus {
  color: #fde428;
  text-decoration: none;
}

.news-card .news-date {
  color: #a0a0a0;
  font-size: 14px;
}

.news-card .news-date i,
.news-card .news-date svg {
  margin-right: 5px;
}

.news-card .news-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.review-card {
  width: 32%;
  display: flex;
  flex-direction: column;
  border: 1px solid #adc0d3;
  border-radius: 5px;
}

.review-card .star-rating-content {
  display: flex;
}

.review-card .review-card-head {
  background-color: #eef6ff;
  padding: 20px;
  border-radius: 5px 5px 0 0;
}

.review-card-head h3 {
  color: #002e5b;
  font-weight: 500;
  margin-top: 0;
  overflow-wrap: break-word;
}

.review-card .review-card-body {
  color: #002e5b;
  background-color: #fff;
  padding: 15px 20px 20px;
  border-radius: 0 0 5px 5px;
}

.review-card-body .fa-quote-left {
  font-size: 20px;
}

.review-card-body h4 {
  font-weight: 500;
}

.review-card-body p {
  margin-bottom: 0;
}

.star-rating {
  color: #ddd;
}

.star-rating.checked {
  color: #ffc300;
}

@media screen and (max-width: 767px) {
  .block-content {
    flex-direction: column;
  }

  .news-card,
  .review-card {
    width: 100%;
  }
}
/* End Homepage Custom */

/* Register */
.registration-content {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  box-shadow: rgba(0, 46, 91, 0.1) 0px 0px 16px;
}

.registration-content h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}

.registration-content #registration {
  padding: 0;
}

.registration-content .reg-sub-heading {
  margin-top: 20px;
  margin-bottom: 15px;
}

.registration-content #registration .prepend-icon .field-icon {
  height: 40px;
  line-height: 40px;
}

.registration-content #registration .field-icon i {
  color: #002e5b;
}

.registration-content #registration .field,
.registration-content #registration .form-control {
  height: 40px;
  font-size: 16px;
  border-radius: 5px;
}

.registration-content #registration .field:focus,
.registration-content #registration .form-control:focus {
  border-color: #002e5b;
}

.registration-content .marketing-email-optin {
  background-color: #f3f8ff;
  border-radius: 5px;
}

.registration-content .panel {
  border-radius: 5px;
}

.registration-content .panel-heading {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.registration-content .panel .panel-body label.checkbox {
  margin-left: 6px;
}

.registration-content .panel .panel-body input[type='checkbox'] {
  margin-top: 2px;
}

.registration-content .password-strength-meter .progress,
.login-content .progress {
  height: 5px;
}

.registration-content input.btn-primary[type='submit'] {
  font-size: 16px;
  border-width: 2px;
}

@media (min-width: 520px) {
  .registration-content {
    padding: 50px;
  }
}
/* End Register */

/* Login, Forgot Password */
/* .main-body-login {
  background: radial-gradient(
      circle at 30% 30%,
      rgba(238, 246, 255, 0.3),
      transparent 50%
    ),
    radial-gradient(
      circle at 70% 70%,
      rgba(206, 232, 255, 0.3),
      transparent 50%
    );
} */

.login-content .logincontainer {
  background-color: #fff;
  border-radius: 5px;
  padding: 50px 30px 45px;
  margin-bottom: 60px;
  box-shadow: rgba(0, 46, 91, 0.1) 0px 0px 16px;
}

.login-content h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}

.login-content .logincontainer.with-social .login-form {
  padding: 0;
  border: none;
}

/* .login-content .form-control {
  font-size: 16px;
} */

.login-content .login-form input[type='checkbox'] {
  margin-top: 4px;
}

.login-content .providerPreLinking {
  /* justify-items: center;
  justify-self: center; */
  display: grid;
}

.login-content .providerPreLinking .social-signin-btns {
  padding: 0;
  /* justify-self: center; */
  place-self: center;
}
/* 
.login-content .providerPreLinking .social-signin-btns .btn-social {
  text-align: -webkit-center;
  text-align: center;
} */

.login-content .diamond-divider {
  margin: 25px 0 !important;
}

.login-content .progress ~ .alert.alert-info {
  background-color: #eef6ff;
}

.login-content p a {
  color: #002e5b;
}

.login-content p a:not(.btn):hover {
  color: #fde428;
  text-decoration: none;
}

@media (min-width: 520px) {
  .login-content .logincontainer {
    padding: 50px 50px 45px 50px;
  }
}
/* End Login */

/* Submit Ticket */
.box-content {
  background-color: #fff;
  border-radius: 5px;
  padding: 50px 50px 45px 50px;
  box-shadow: rgba(0, 46, 91, 0.1) 0px 0px 16px;
}

.box-content h1 {
  margin-top: 0;
  margin-bottom: 30px;
}

.submit-ticket-step-1 .row {
  padding: 0;
}

.submit-ticket-step-1 .ticket-departments:hover .atom-box-card {
  border-color: #446399;
}

.submit-ticket-step-1 .ticket-departments:hover .ticket-departments-name i {
  color: #fde428;
}

.submit-ticket-step-1 .ticket-departments-name {
  color: #002e5b;
  font-weight: 500;
}

.submit-ticket-step-1 .ticket-departments-desc,
.submit-ticket-step-2 select.form-control option {
  color: #333;
}

.box-content.submit-ticket-step-1,
.box-content.submit-ticket-step-2 {
  padding: 30px 20px;
}

.submit-ticket-confirm .alert-success {
  font-weight: 500;
}

.submit-ticket-confirm .alert-success .alert-link {
  font-weight: 600;
}

.panel.panel-info > .panel-heading#ticketReply {
  color: #1c66a6;
  background-color: #cee8ff;
}

@media (min-width: 520px) {
  .box-content.submit-ticket-step-1,
  .box-content.submit-ticket-step-2 {
    padding: 50px 50px 45px 50px;
  }
}

@media (min-width: 992px) {
  .submit-ticket-step-1 .row {
    padding-left: 70px;
    padding-right: 70px;
  }
}
/* End Submit Ticket */

/* Support Ticket Client Area */
.ticket-reply .atom-ticket-reply-heading {
  display: flex;
  background-color: #f8f8f8;
}

.ticket-reply.staff .atom-ticket-reply-heading {
  background-color: #f2f9ff;
}

.ticket-reply .atom-ticket-reply-heading .user {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.ticket-reply .atom-ticket-reply-heading .user i {
  color: #002e5b;
  padding: 4px 15px;
}

.ticket-reply .atom-ticket-reply-heading .user .name {
  font-size: 14px;
  display: flex;
  flex-flow: column;
  gap: 4px;
}

.ticket-reply .atom-ticket-reply-heading .user .atom-requestor-type {
  font-size: 12px;
}

.ticket-reply .atom-ticket-reply-heading .date {
  color: #78909c;
  padding: 10px;
}

.ticket-reply .message {
  line-height: 1.75;
}

.ticket-reply.markdown-content .message h1,
.ticket-reply.markdown-content .message h2,
.ticket-reply.markdown-content .message h3,
.ticket-reply.markdown-content .message h4 {
  margin: 25px 0 12px 0;
}

.ticket-reply.markdown-content .message h1 + br:has(+ ul),
.ticket-reply.markdown-content .message h2 + br:has(+ ul),
.ticket-reply.markdown-content .message h3 + br:has(+ ul),
.ticket-reply.markdown-content .message h4 + br:has(+ ul),
.ticket-reply.markdown-content .message h5 + br:has(+ ul),
.ticket-reply.markdown-content .message h6 + br:has(+ ul),
.ticket-reply.markdown-content .message h1 + br:has(+ ol),
.ticket-reply.markdown-content .message h2 + br:has(+ ol),
.ticket-reply.markdown-content .message h3 + br:has(+ ol),
.ticket-reply.markdown-content .message h4 + br:has(+ ol),
.ticket-reply.markdown-content .message h5 + br:has(+ ol),
.ticket-reply.markdown-content .message h6 + br:has(+ ol) {
  display: none;
}

.ticket-reply.markdown-content .message > h1:first-child,
.ticket-reply.markdown-content .message > h2:first-child,
.ticket-reply.markdown-content .message > h3:first-child,
.ticket-reply.markdown-content .message > h4:first-child,
.ticket-reply.markdown-content .message > h5:first-child,
.ticket-reply.markdown-content .message > h6:first-child {
  margin-top: 0;
}

.ticket-reply.markdown-content .message .table-responsive + p {
  margin-top: 10px;
}

.ticket-reply.markdown-content .message a {
  color: #004080;
  overflow-wrap: break-word;
}

.ticket-reply.markdown-content .message a:hover {
  color: #ffc300;
}

.ticket-reply .attachments ul li a {
  color: #002e5b;
}

.ticket-reply .attachments ul li a:hover {
  color: #1149b6;
}

.ticket-reply .rating,
.ticket-reply .rating-done {
  font-size: 20px;
}

.ticket-reply .rating-done .rated {
  color: #78909c;
  font-family: 'Kanit', sans-serif;
}

.ticket-reply .rating span.star:before,
.ticket-reply .rating-done span.star:before {
  color: #e0e1dd;
}

.ticket-reply .rating span.star:hover:before,
.ticket-reply .rating span.star:hover ~ span.star:before,
.ticket-reply .rating-done span.star.active:before {
  color: #fde428;
}

.atom-label {
  padding: 1px 6px;
  border-radius: 3px;
}

.atom-label-requestor-type-operator {
  color: #002e5b;
  background-color: #cbd5e1;
}

.atom-label-requestor-type-owner {
  color: #ff9100;
  background-color: #ffedd5;
}

.atom-label-requestor-type-authorizeduser {
  color: #57534e;
  background-color: #e7e5e4;
}

.atom-label-requestor-type-registereduser {
  color: #f0ad4e;
  background-color: #ffeed5;
}

.atom-label-requestor-type-subaccount {
  color: #7e8b98;
  background-color: #e9ecf0;
}

.atom-label-requestor-type-guest {
  color: #7e8b98;
  background-color: #e9ecf0;
}

@media screen and (max-width: 400px) {
  .ticket-reply .atom-ticket-reply-heading .date {
    max-width: 120px;
  }
}
/* End Support Ticket Client Area */

/* Client Area All */
.panel {
  font-size: 16px;
}

.panel-sidebar {
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.panel-sidebar > .panel-heading {
  background-color: #f3f8ff;
}

.panel-sidebar .panel-title {
  font-weight: 500;
}

.panel-sidebar .panel-title,
.panel-sidebar .panel-minimise {
  color: #002e5b;
}

.panel-sidebar .list-group-item {
  font-size: 14px;
}

.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar a.list-group-item.active:hover {
  background-color: #004080;
  border-color: #004080 !important;
}

.panel-sidebar
  .list-group-item
  i:not(.fa-circle):not(.fa-dot-circle):not(.no-transform) {
  color: #b3c3d4;
}

.panel-sidebar a.list-group-item:hover i.far,
.panel-sidebar a.list-group-item:hover i.fas {
  color: #5a7897 !important;
}

.sidebar .panel-sidebar .list-group-item .badge {
  font-weight: 400;
  min-width: 25px;
  padding: 7px;
  float: right;
}

.panel-sidebar.view-filter-btns .list-group-item.active,
.panel-sidebar.view-filter-btns .list-group-item.active:focus,
.panel-sidebar.view-filter-btns .list-group-item.active:hover {
  color: #fff;
  background-color: #004080;
  border-color: #004080;
}

.panel-sidebar.view-filter-btns .list-group-item.active .badge,
.panel-sidebar.view-filter-btns .list-group-item.active:focus .badge,
.panel-sidebar.view-filter-btns .list-group-item.active:hover .badge {
  color: #fff;
  background-color: #004080;
}

.panel-sidebar .list-group-item .recent-ticket .truncate {
  color: #002e5b;
}

.panel-sidebar .list-group-item .recent-ticket .pull-right {
  color: #a0a0a0;
}

.panel-sidebar > .panel-footer {
  background-color: #e6edf6;
}

.panel-sidebar .panel-footer .row {
  margin: 0;
}

div.header-lined h1 {
  color: #002e5b;
  font-size: 40px;
  border: none;
}

div.header-lined small {
  color: #8da3ba;
}

div.header-lined .breadcrumb {
  font-size: 13px;
  margin-bottom: 25px;
}

div.header-lined .breadcrumb > .active {
  color: #1149b6;
}

.marketing-email-optin {
  background-color: #f3f8ff;
  border-radius: 5px;
}

.requestor-type-operator {
  background-color: #002e5b;
}

.requestor-type-owner {
  background-color: #ffc300;
}

.requestor-type-guest {
  background-color: #a6b8cb;
}

.tiles {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 20px;
  gap: 15px;
}

.tiles .tile {
  width: 100%;
  background-color: #f3f8ff;
  padding: 15px 20px;
  border-right: none;
  border-radius: 5px;
  position: relative;
}

.tiles .tile:hover {
  background-color: #eef6ff;
}

.tile .icon {
  color: #b3c3d4;
  font-size: 35px;
  top: 15px;
  right: 15px;
}

.tiles .tile:hover .icon {
  color: #5a7897;
}

.tile .stat {
  color: #002e5b;
  font-size: 50px;
}

.tile .title {
  color: #004080;
  font-weight: 500;
}

.client-home-panels .panel.panel-default {
  border-color: #e6edf6;
  box-shadow: none;
}

.client-home-panels .panel > .panel-heading {
  background-color: #eef6ff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.client-home-panels .panel > .panel-heading .panel-title {
  color: #000;
}

.client-home-panels .panel > .panel-heading .btn-default {
  color: #fff;
  background-color: #002e5b;
  border-color: #002e5b;
  padding: 2px 8px;
}

.client-home-panels .panel > .panel-heading .btn-default:hover {
  background-color: #004080;
  border-color: #004080;
}

.client-home-panels .panel > .panel-heading .btn-default i {
  padding-right: 4px;
}

.client-home-panels .panel > .list-group {
  font-size: 14px;
  border-color: #e6edf6;
  border-bottom: none !important;
  max-height: 182px;
  scrollbar-width: thin;
}

.client-home-panels .panel > .list-group .list-group-item {
  padding: 10px 15px;
}

.client-home-panels .panel > .list-group .list-group-item:last-child {
  border-bottom: none !important;
}

.client-home-panels #servicesPanel .list-group .list-group-item {
  padding: 0;
}

.client-home-panels
  #servicesPanel
  .list-group
  .list-group-item
  .div-service-item {
  padding: 10px 4px;
}

.client-home-panels
  #servicesPanel
  .list-group
  .list-group-item
  .div-service-status
  .label:not(.label-placeholder) {
  width: 4rem;
}

.client-home-panels
  #servicesPanel
  .list-group
  .list-group-item
  .div-service-item
  > .div-service-buttons {
  display: none;
}

.client-home-panels .panel > .panel-body p {
  font-size: 14px;
  margin-bottom: 0;
}

.client-home-panels #registerDomainPanel .panel-body {
  padding: 5px;
}

.table-container .dataTables_wrapper {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.table-container .dataTables_wrapper .dataTables_info {
  background-color: #002e5b;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.table-container .dataTables_wrapper .dataTables_filter label .form-control {
  border-radius: 5px;
}

table.table-list tbody td {
  font-size: 13px;
}

.table-container .dataTables_wrapper table.table-list {
  margin-bottom: 0 !important;
}

.table-container .dataTables_wrapper table.table-list thead th,
.table-container .dataTables_wrapper table.table-list thead th:nth-child(even),
.table-linked-accounts .dataTables_wrapper table thead th {
  border-bottom: 1px solid #d9e3ee;
}

.table-container
  .dataTables_wrapper
  .table-list
  > tbody
  > tr:nth-child(even)
  > td {
  background-color: #fff;
}

.table-container .dataTables_wrapper .table > tbody > tr > td,
.table-container .dataTables_wrapper .table > tbody > tr > th,
.table-container .dataTables_wrapper .table > tfoot > tr > td,
.table-container .dataTables_wrapper .table > tfoot > tr > th,
.table-linked-accounts .dataTables_wrapper .table > tbody > tr > td,
.table-linked-accounts .dataTables_wrapper .table > tbody > tr > th,
.table-linked-accounts .dataTables_wrapper .table > tfoot > tr > td,
.table-linked-accounts .dataTables_wrapper .table > tfoot > tr > th {
  border-top: none;
  border-bottom: 1px solid #d9e3ee;
}

.table-container .dataTables_wrapper table.table-list thead th.sorting_asc,
.table-container .dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: #fff;
}

.table-container .dataTables_wrapper table.dataTable thead .sorting_asc:after,
.table-container .dataTables_wrapper table.dataTable thead .sorting_desc:after,
.table-linked-accounts .dataTables_wrapper table thead .sorting_asc:after,
.table-linked-accounts .dataTables_wrapper table thead .sorting_desc:after {
  color: #1149b6;
  opacity: 1;
}

.table-container
  .dataTables_wrapper
  table.dataTable
  > tbody
  > tr.child
  ul
  li
  .btn-group:not(.open)
  ul.dropdown-menu {
  display: none;
}

.table-container
  .dataTables_wrapper
  table.table-list
  tbody
  tr
  td
  .dropdown-menu,
#domainForm ~ .btn-group .dropdown-toggle ~ .dropdown-menu {
  border-color: #e6edf6;
}

.table-container .dataTables_wrapper table.table-list tbody tr td a {
  color: #002e5b;
}

.table-container
  .dataTables_wrapper
  table.table-list
  tbody
  tr
  td
  .dropdown-menu
  a:hover,
#domainForm ~ .btn-group .dropdown-toggle ~ .dropdown-menu a:hover {
  color: #fff;
  background-color: #002e5b;
}

.table-container .dataTables_wrapper table.table-list tbody tr td a .glyphicon,
#domainForm ~ .btn-group .dropdown-toggle ~ .dropdown-menu .glyphicon {
  top: 3px;
  padding-right: 4px;
}

.table-container
  .dataTables_wrapper
  table.table-list
  tbody
  tr.child
  td.child
  ul.dropdown-menu {
  right: auto;
  left: 0;
}

.table-container
  .dataTables_wrapper
  table.table-list
  tbody
  tr.child
  td.child
  ul.dropdown-menu
  li {
  padding: 0;
  border-bottom: none;
}

.table-container
  .dataTables_wrapper
  table.table-list
  tbody
  tr.child
  td.child
  ul.dropdown-menu
  li.divider {
  padding: 0;
}

.table-container .dataTables_wrapper table.table-list tbody tr td img {
  height: 20px;
}

.table-container .dataTables_wrapper table.table-list tbody tr td .status {
  font-size: 1em;
  font-weight: 400;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.table-container
  .dataTables_wrapper
  table.table-list
  tbody
  tr
  td
  .status::before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-size: 15px;
}

.status.status-active,
.status.status-completed,
.status.status-open,
.status.status-paid {
  color: #16a34a;
}

.status.status-suspended,
.status.status-grace,
.status.status-pending-registration,
.status.status-redemption,
.status.status-payment-pending {
  color: #f59e0b;
}

.status.status-pending,
.status.status-unpaid {
  color: #dc3545;
}

.status.status-active::before,
.status.status-completed::before,
.status.status-paid::before,
.status.status-accepted::before,
.status.status-approved::before {
  content: '\f058'; /* check-circle */
}

.status.status-suspended::before,
.status.status-on-hold::before {
  content: '\f28b'; /* pause-circle*/
}

.status.status-terminated::before,
.status.status-unpaid::before,
.status.status-lost::before,
.status.status-declined::before {
  content: '\f057'; /* times-circle */
}

.status.status-pending::before {
  content: '\f252'; /* hourglass-half */
}

.status.status-cancelled::before,
.status.status-dead::before {
  content: '\f05e'; /* ban */
}

.status.status-fraud::before {
  content: '\f071'; /* exclamation-triangle */
}

.status.status-pending-registration::before {
  content: '\f573'; /* file-signature */
}

.status.status-grace::before,
.status.status-collections::before {
  content: '\f06a'; /* exclamation-circle */
}

.status.status-redemption::before {
  content: '\f2ea'; /* undo-alt */
}

.status.status-expired::before {
  content: '\f273'; /* calendar-times */
}

.status.status-transferred-away::before {
  content: '\f14d'; /* share-square */
}

.status.status-pending-transfer::before {
  content: '\f074'; /* random */
}

.status.status-refunded::before {
  content: '\f0e2'; /* undo */
}

.status.status-payment-pending::before,
.status.status-onhold::before {
  content: '\f017'; /* clock */
}

.status.status-draft::before {
  content: '\f303'; /* pencil-alt */
}

.status.status-delivered::before {
  content: '\f1d8'; /* paper-plane */
}

.status.status-open::before {
  content: '\f00c'; /* check */
}

.status.status-answered::before {
  content: '\f560'; /* check-double */
}

.status.status-customer-reply::before {
  content: '\f4ad'; /* comment-dots */
}

.status.status-closed::before {
  content: '\f023'; /* lock */
}

.status.status-inprogress::before {
  content: '\f110'; /* spinner */
}

.table-container .dataTables_wrapper .dataTables_length {
  background-color: #eef6ff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.table-container .dataTables_wrapper .dataTables_length label {
  padding-bottom: 6px;
}

.table-container .dataTables_wrapper .dataTables_length label .form-control {
  margin: 0 4px;
}

.table-container .dataTables_wrapper .dataTables_paginate {
  padding-top: 8px;
}

.table-container .dataTables_wrapper .dataTables_paginate .pagination > li > a,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li
  > span {
  border-color: #cee8ff;
}

.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > a,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > span {
  color: #002e5b;
}

.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > a:focus,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > a:hover,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > span:focus,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > span:hover {
  color: #002e5b;
  background-color: #e6eef5;
}

.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > a,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > a:focus,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > a:hover,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > span,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > span:focus,
.table-container
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > span:hover {
  color: #fff;
  background-color: #002e5b;
  border-color: #002e5b;
}

.table-container
  .dataTables_wrapper
  table.table-list
  tbody
  tr
  td
  .ticket-number {
  color: #1149b6;
}

.table-linked-accounts {
  padding: 0 5px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.table-linked-accounts .listtable {
  overflow-x: auto;
  scrollbar-width: none;
}

.table-linked-accounts table tbody tr td {
  align-content: center;
}

.table-masspay {
  border: 1px solid #d9e3ee;
  border-radius: 5px;
  border-collapse: separate;
}

.table-masspay thead tr th {
  border-color: #d9e3ee;
}

.table-masspay tbody tr td {
  border-color: #d9e3ee;
}

.table-masspay tr.masspay-invoice-detail td {
  font-size: 16px;
}

.table-masspay tr.masspay-total td {
  background-color: #eef6ff;
  border-color: #d9e3ee;
}

.table-masspay tr.masspay-total:last-child td:first-child {
  border-bottom-left-radius: 5px;
}

.table-masspay tr.masspay-total:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #eef6ff;
}

.table-striped > tbody > tr > td,
.table-striped > tbody > tr > th,
.table-striped > tfoot > tr > td,
.table-striped > tfoot > tr > th,
.table-striped > thead > tr > td,
.table-striped > thead > tr > th {
  border-color: #e6edf6;
}

.panel.select-masspay-gateway,
.panel.table-without-head,
.panel.add-funds,
.panel.upgrade-summary {
  border-color: #e6edf6;
}

.panel.select-masspay-gateway .panel-heading {
  background-color: #f3f8ff;
  border-color: #e6edf6;
}

.panel.select-masspay-gateway .panel-body label {
  margin-bottom: 5px;
}

.panel.add-funds .panel-footer {
  background-color: #e6edf6;
  border-color: #e6edf6;
}

.contact-information h4 {
  padding: 0 15px;
  margin-bottom: 5px;
}

.atom-addons-package {
  text-align: center;
  padding: 25px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.atom-addons-package i {
  color: #002e5b;
}

.panel-network-status .panel-heading {
  font-size: 16px;
}

.panel-network-status .list-group {
  font-size: 15px;
}

.table-server-status .table {
  border: 1px solid #e6edf6;
}

.table-server-status .table thead tr th {
  border-width: 1px;
}

#tabOverview .nav-tabs-overflow {
  border-color: #e6edf6;
}

#tabOverview .nav-tabs-overflow li a {
  color: #002e5b;
}

#tabOverview .nav-tabs-overflow li:not(.dropdown).active a {
  color: #1149b6;
  border-color: #e6edf6;
  border-bottom-color: transparent;
  border-radius: 5px 5px 0 0;
}

#tabOverview .nav-tabs-overflow ul.dropdown-menu > .active > a,
#tabOverview .nav-tabs-overflow ul.dropdown-menu > .active > a:focus,
#tabOverview .nav-tabs-overflow ul.dropdown-menu > .active > a:hover {
  color: #fff;
  background-color: #002e5b;
  border-radius: 0;
}

#tabOverview div.product-details-tab-container {
  border-color: #e6edf6;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#tabOverview .product-details-tab-container .tab-pane .row div:nth-child(2) {
  padding-left: 25px;
}

#tabOverview .product-details-tab-container .module-client-area input.button {
  color: #fff;
  background-color: #002e5b;
  border-color: #002e5b;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#tabOverview
  .product-details-tab-container
  .module-client-area
  input.button:hover {
  background-color: #004080;
  border-color: #004080;
}

.atom-product-addons-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}

.atom-product-addons-wrapper {
  position: relative;
  width: 100%;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
}

.atom-product-addons-body {
  padding: 15px;
}

.atom-product-addons-body h4 {
  padding-right: 85px;
}

.atom-product-addons-status-wrapper {
  position: absolute;
  top: -6px;
  right: 15px;
}

.atom-product-addons-status {
  font-size: 16px;
  white-space: nowrap;
  padding: 8px 16px;
  background-color: #eef6ff;
  border-radius: 0 0 5px 5px;
}

.atom-product-addons-footer {
  padding: 15px;
  border-top: 1px solid #f5f5f5;
}

.atom-product-addons-footer img {
  display: none !important;
}

.atom-product-addons-footer .btn,
.atom-product-addons-footer .button {
  font-size: 12px;
  padding: 5px 10px;
  margin-bottom: 5px;
  line-height: 1.5;
}

.atom-product-addons-footer .button {
  color: #fff;
  font-weight: 400;
  background-color: #002e5b;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #002e5b;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.atom-product-addons-footer .button:hover,
.atom-product-addons-footer .button:focus {
  background-color: #004080;
  border-color: #004080;
}

#tabChangepw .using-password-strength .has-warning .form-control {
  box-shadow: none;
}

#tabChangepw .using-password-strength .progress,
.user-password .using-password-strength .progress {
  height: 5px;
}

.atom-config-option-name {
  background-color: #eef6ff;
  padding: 15px;
  margin: 0;
}

.atom-config-option-row {
  margin: 15px 0 5px;
}

.atom-config-option-current {
  font-weight: 500;
  margin-bottom: 5px;
}

.atom-config-option-current-value {
  height: 40px;
  align-content: center;
  margin-bottom: 0;
}

.atom-config-option-row .input-group-addon {
  font-size: 16px;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.atom-config-package-row {
  margin: 0;
  padding: 15px 0;
}

.atom-config-package-row:not(:last-child) {
  border-bottom: 1px solid #e6edf6;
}

.atom-config-package-row h5 {
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.atom-config-package-row .atom-upgrade-package-description ul {
  font-size: 15px;
  list-style: none;
  padding-left: 20px;
}

.atom-config-package-row .atom-upgrade-package-description ul li::before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
  color: #ffc300;
  font-size: 14px;
  position: absolute;
  left: 18px;
}

.atom-config-package-row .atom-upgrade-package-description p {
  font-size: 15px;
}

.atom-config-package-row
  .atom-upgrade-package-description
  p:not(:last-of-type) {
  margin-bottom: 0;
}

.atom-config-package-row .atom-upgrade-package-description br {
  display: none;
}

.table-summary {
  border: 1px solid #d9e3ee;
  border-radius: 5px;
  border-collapse: separate;
}

.table-summary thead tr th {
  border-color: #d9e3ee;
}

.table-summary tbody tr {
  background-color: #fff;
}

.table-summary tbody tr td {
  background-color: #fff;
  border-color: #d9e3ee;
}

.table-summary tbody tr.masspay-total td {
  background-color: #eef6ff;
  border-color: #d9e3ee;
}

.upgrade-summary h4 {
  margin-top: 5px;
}

.continue-container {
  background-color: #eef6ff;
  border-color: #e6edf6;
  border-radius: 5px;
}

.continue-container .btn {
  margin-right: 10px;
}

.well {
  background-color: #f3f8ff;
  box-shadow: none;
}

.kb-search .form-control {
  border-radius: 5px;
}

.kb-search > .input-group-btn > .btn {
  border-radius: 0 5px 5px 0;
}

.kb-article-title {
  display: flex;
  margin-bottom: 0;
  align-items: center;
}

.kb-article-title h2 {
  margin-right: auto;
}

.kb-rate-article {
  border-radius: 5px;
  margin-bottom: 0;
}

.ticketfeedbackstaffcont {
  background-color: #f3f8ff;
}

.upgrade .product-to-be-upgraded {
  padding: 0;
  margin: 0;
  background-color: #fff;
}

.upgrade .products .product {
  margin: 0;
}

.upgrade .products .product .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(to bottom, #002e5b, #004080);
}

.upgrade .products .product .current,
.upgrade .products .product .recommended {
  font-weight: 500;
}

.upgrade .products .product .footer {
  border-radius: 0 0 5px 5px;
}

.upgrade .products .product .btn {
  background-color: #002e5b;
  border-color: #002e5b;
  border-radius: 5px;
}

.upgrade .products .product .btn:hover,
.upgrade .products .product .btn:focus {
  background-color: #004080;
  border-color: #004080;
  box-shadow: none;
}

.invite-box {
  background-color: #fff;
  border-color: #adc0d3;
  border-radius: 5px;
}

.invite-box h2 {
  margin-top: 0;
}

@media screen and (max-width: 350px) {
  .table-container
    .dataTables_wrapper
    table.table-list
    tbody
    tr.child
    td.child
    ul.dropdown-menu {
    right: auto;
    left: -30px;
  }
}

@media screen and (max-width: 600px) {
  .h3,
  h3 {
    font-size: 18px;
  }

  .h4,
  h4,
  p {
    font-size: 16px;
  }

  .header-line {
    font-size: 24px;
  }

  .table-container .dataTables_wrapper .dataTables_filter {
    margin-top: 32px;
  }

  .table-container .dataTables_wrapper .dataTables_filter label {
    margin: 5px 15px;
  }

  .table-container .dataTables_wrapper .dataTables_info {
    padding: 10px 15px 55px !important;
  }

  .atom-config-option-name {
    font-size: 17px;
  }

  .affiliate-referral-link span {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .tiles {
    flex-wrap: wrap;
  }

  .tiles .tile {
    width: calc(50% - 15px / 2);
  }

  .tiles .tile:nth-child(1),
  .tiles .tile:nth-child(2) {
    border-bottom: none;
  }

  .table-container .dataTables_wrapper .dataTables_paginate {
    padding-right: 10px;
    padding-left: 10px;
  }

  .table-container .dataTables_wrapper .dataTables_length {
    text-align: left;
  }

  .table-container .dataTables_wrapper .dataTables_length label {
    padding-left: 10px;
  }

  .table-responsive {
    border: none;
  }

  .table-server-status {
    border: 1px solid #e6edf6;
  }

  .table-server-status .table {
    border: none;
  }

  .upgrade .products .product {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  #tabOverview
    .product-details-tab-container
    .tab-pane
    .row
    div:first-child
    strong {
    float: right;
  }

  #tabOverview .product-details-tab-container .tab-pane .row .alert p strong {
    float: none;
  }

  #tabOverview .product-details-tab-container .tab-pane .row div:nth-child(2) {
    padding-left: 15px;
  }

  .atom-product-addons-wrapper {
    width: calc(50% - 25px / 2);
  }
}

@media screen and (max-width: 991px) {
  .panel-actions > .list-group .list-group-item {
    display: block;
    text-align: start;
  }
}

@media screen and (min-width: 992px) {
  .sidebar .panel-sidebar .list-group-item .badge {
    padding: 5px 0 5px 8px;
    min-width: 25px;
  }
}

@media screen and (max-width: 1199px) {
  .table-linked-accounts .listtable {
    scrollbar-width: thin;
  }
}
/* End Client Area All */

/* Order Confirmation (Cart) hide sidebar in main-content */
#main-body .sidebar ~ .main-content > .order-confirmation-complete > .col-md-3 {
  display: none;
}

#main-body
  .sidebar
  ~ .main-content
  > .order-confirmation-complete
  > .col-md-3
  ~ .col-md-9 {
  width: 100%;
}
/* End Order Confirmation (Cart) */

/* SSLCENTER WHMCS PAGE */
#MGPageorders .container-fluid {
  padding-left: 0;
  padding-right: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.mg-wrapper h4,
.mg-wrapper .h4 {
  font-family: 'Kanit', sans-serif;
  background-color: #eef6ff;
  padding: 15px 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom: 0;
  margin-top: 0;
}

.mg-wrapper .box.light .dataTables_wrapper .row:first-child {
  background-color: #002e5b;
  margin: 0;
}

.mg-wrapper .box.light .dataTables_wrapper .row:first-child .col-sm-6,
.mg-wrapper .box.light .dataTables_wrapper .row:last-child .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}

.mg-wrapper .box.light .dataTables_wrapper .row:last-child {
  background-color: #eef6ff;
  margin: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mg-wrapper .box.light .dataTables_wrapper .dataTables_length,
.mg-wrapper .box.light .dataTables_wrapper .dataTables_filter {
  color: #fff;
}

.mg-wrapper .box.light .dataTables_wrapper .dataTables_length label {
  padding-top: 12px;
  padding-bottom: 7px;
}

.mg-wrapper .box.light .dataTables_wrapper .dataTables_info {
  color: #888;
  font-weight: 400;
  background-color: #eef6ff !important;
  padding: 16px 30px !important;
}

.mg-wrapper .box.light .dataTables_wrapper .dataTables_paginate {
  padding-top: 10px;
}

.mg-wrapper .dataTables_wrapper .dataTables_paginate .pagination > li > a,
.mg-wrapper .dataTables_wrapper .dataTables_paginate .pagination > li > span {
  border-color: #cee8ff;
}

.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > a,
.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > span {
  color: #002e5b;
}

.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > a:focus,
.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > a:hover,
.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > span:focus,
.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > li:not(.active):not(.disabled)
  > span:hover {
  color: #002e5b;
  background-color: #e6eef5;
}

.mg-wrapper .dataTables_wrapper .dataTables_paginate .pagination > .active > a,
.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > a:focus,
.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > a:hover,
.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > span,
.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > span:focus,
.mg-wrapper
  .dataTables_wrapper
  .dataTables_paginate
  .pagination
  > .active
  > span:hover {
  color: #fff;
  background-color: #002e5b;
  border-color: #002e5b;
}

.mg-wrapper .dataTables_wrapper table tbody tr td .status {
  font-size: 1em !important;
  font-weight: 400;
  border: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.mg-wrapper .dataTables_wrapper table tbody tr td .status::before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-size: 15px;
}

.mg-wrapper .box.light .dataTables_wrapper table {
  margin-bottom: 0 !important;
}

.mg-wrapper .table > caption + thead > tr:first-child > th,
.mg-wrapper .table > caption + thead > tr:first-child > td,
.mg-wrapper .table > colgroup + thead > tr:first-child > th,
.mg-wrapper .table > colgroup + thead > tr:first-child > td,
.mg-wrapper .table > thead:first-child > tr:first-child > th,
.mg-wrapper .table > thead:first-child > tr:first-child > td {
  background-color: #fff;
  border-bottom: 1px solid #d9e3ee;
}

.mg-wrapper .table > thead > tr > th,
.mg-wrapper .table > thead > tr > td,
.mg-wrapper .table > tbody > tr > th,
.mg-wrapper .table > tbody > tr > td,
.mg-wrapper .table > tfoot > tr > th,
.mg-wrapper .table > tfoot > tr > td {
  background-color: #fff;
  border-top: none;
  border-bottom: 1px solid #d9e3ee;
}

@media screen and (max-width: 440px) {
  .mg-wrapper .box.light .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
    overflow-x: auto;
    margin: 0 15px;
  }
}
/* End SSLCENTER WHMCS PAGE */

/* PLESK Addon Module */
.plesk-addon-overview .panel-default {
  border-color: #e6edf6;
}

.plesk-addon-overview .panel-default > .panel-heading {
  background-color: #eef6ff;
  border-color: #e6edf6;
  padding: 18px 20px;
}

.plesk-addon-overview .panel-title {
  font-size: 18px;
}

.plesk-addon-overview .panel-body {
  padding: 16px;
}

.plesk-addon-overview .panel-body .form-control.custom-select {
  margin-bottom: 8px;
}

.plesk-addon-overview .plesk-package-details h4 {
  margin: 10px 0 5px;
}

.plesk-addon-overview .plesk-usage-stats .limit-near {
  font-size: 12px;
}
/* End PLESK Addon Module */

/* MD Editor */
.md-editor > .md-header {
  padding-top: 0;
}

.md-editor > .btn-toolbar > .btn-group {
  margin-top: 6px;
}

.md-editor .md-header.btn-toolbar .btn-primary {
  padding: 5px 10px;
}

.md-editor .md-controls {
  margin-top: 6px;
}
/* End MD Editor */

/* Popover */
.popover-user-notifications {
  border-radius: 5px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.popover-user-notifications ul li a:hover {
  background-color: #fff;
}

.popover-user-notifications ul li a:hover .message {
  color: #004080;
}
/* End Popover */

/* All Theme Custom */
.guide-card {
  background-color: #eef6ff;
  padding: 15px;
  border: 2px solid #cee8ff;
  border-radius: 5px;
  margin-bottom: 20px;
}

.guide-card h4 {
  margin-top: 0;
}

.guide-card ol {
  margin-bottom: 0;
}

.atom-box-card {
  padding: 15px;
  border: 1px solid #adc0d3;
  border-radius: 5px;
}

.atom-card-light {
  border: 1px solid #e6edf6;
  border-radius: 5px;
  margin-bottom: 30px;
}

.atom-card-light-header {
  background-color: #eef6ff;
  padding: 18px 20px;
  border-bottom: 1px solid #e6edf6;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

.atom-card-light-body {
  padding: 16px;
}

.atom-card-light-footer {
  background-color: #e6edf6;
  padding: 15px 20px;
  border-top: 1px solid #e6edf6;
  border-radius: 0 0 4px 4px;
}

.atom-product-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 280px;
  border-radius: 5px;
  margin-bottom: 30px;
  /* background: linear-gradient(to bottom, #446399, #7a96d0); */
  background: linear-gradient(to bottom, #002e5b, #004080);
}

.atom-product-icon {
  color: #fff;
  display: flex;
  flex-flow: column;
}

.atom-product-icon i {
  font-size: 80px;
}

.atom-product-icon h2 a {
  color: #fff;
}

.atom-product-icon h2 a:hover {
  color: #eef6ff;
}

.atom-product-icon .atom-product-status-wrapper {
  position: absolute;
  top: -6px;
  right: 35px;
}

.atom-product-icon .atom-product-status-wrapper .atom-status {
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  position: relative;
  left: 0;
  top: 0;
  white-space: nowrap;
  padding: 8px 16px;
  border-radius: 0 0 5px 5px;
}

.atom-product-status-pending,
.atom-product-status-pendingregistration,
.atom-product-status-redemption,
.atom-product-status-grace,
.atom-product-status-suspended {
  background-color: #f89406;
}

.atom-product-status-active,
.atom-product-status-completed {
  background-color: #28a745;
}

.atom-product-status-expired,
.atom-product-status-transferredaway,
.atom-product-status-pendingtransfer {
  background-color: #666;
}

.atom-product-status-cancelled,
.atom-product-status-terminated {
  background-color: #b0bec5;
}

.atom-product-status-fraud {
  background-color: #000;
}

.atom-table-border {
  border: 1px solid #e6edf6;
}

.list-info {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.list-info li {
  display: flex;
}

.list-info.list-v li {
  flex-direction: column;
  gap: 4px;
}

.list-info li:not(:last-of-type) {
  margin-bottom: 14px;
}

.list-info .list-info-heading {
  color: #a0a0a0;
  font-size: 15px;
}

.list-info .list-info-text {
  font-size: 16px;
}

.list-info.list-info-50 .list-info-heading,
.list-info.list-info-50 .list-info-text {
  flex-basis: 50%;
  word-break: break-word;
}

.list-info.list-info-50 li {
  padding: 12px 20px;
  margin-bottom: 0;
  align-items: center;
}

.list-info.list-border li:not(:last-of-type) {
  border-bottom: 1px solid #e6edf6;
}

.list-info:not(.list-v):not(.list-info-50) li {
  padding: 12px 20px;
}

.diamond-divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0 25px;
}

.diamond-divider::before,
.diamond-divider::after,
.diamond-divider-half-before::before {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, #eef6ff, #cee8ff, #eef6ff);
}

.diamond-divider .diamond-shape {
  width: 10px;
  height: 10px;
  background-color: #cee8ff;
  transform: rotate(45deg);
  margin: 0 1rem;
}

.diamond-divider-half-before {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 15px 5px;
}

.diamond-divider-half-before .diamond-shape {
  width: 8px;
  height: 8px;
  background-color: #002e5b;
  transform: rotate(45deg);
  margin: 0 1rem;
}

.main-body-clear {
  background-color: #f5f5f5 !important;
  padding: 60px 0 !important;
}

.bootstrap-switch {
  border-color: #c0cddc;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  background: #28a745;
}

.icheckbox_square-blue,
.iradio_square-blue {
  width: auto;
  height: auto;
  background: none;
}

.iradio_square-blue::before,
.icheckbox_square-blue::before {
  color: #8098b1;
  font-size: 22px;
  font-family: 'Font Awesome 5 Pro';
}

.iradio_square-blue::before {
  content: '\f058';
}

.icheckbox_square-blue::before {
  content: '\f14a';
}

.iradio_square-blue.hover::before,
.icheckbox_square-blue.hover::before {
  color: #002e5b;
}

.iradio_square-blue.checked::before,
.icheckbox_square-blue.checked::before {
  color: #002e5b;
  font-weight: 900;
}

.input-group-addon {
  font-size: 16px;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.raquo {
  color: #33597e;
}

.field,
.form-control {
  height: 40px;
  font-size: 16px;
  border-color: #ddd;
  border-radius: 5px;
  box-shadow: none;
}

.field:focus,
.form-control:focus {
  border-color: #002e5b;
  box-shadow: none;
}

input.form-control[type='file']:focus {
  outline: none;
}

label {
  font-weight: 500;
}

.label {
  font-weight: 500;
  border-radius: 3px;
}

.label-default {
  color: #6b7280 !important;
  background-color: #f3f4f6;
}

.label-info {
  color: #0ea5e9 !important;
  background-color: #e0f2fe;
}

.label-success {
  color: #16a34a !important;
  background-color: #dcfce7;
}

.label-warning {
  color: #f59e0b !important;
  background-color: #fef3c7;
}

.label-danger {
  color: #ef4444 !important;
  background-color: #fee2e2;
}

.radio-inline {
  top: -1px;
  margin: 0 5px 0 0 !important;
}

.form-check-inline {
  display: inline-block;
  margin-right: 16px;
}

.alert-text-pls-reset {
  background-color: #fff3cd;
  text-align: center;
  margin-top: 35px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #856404;
  border: 1px solid #ffeeba;
  border-radius: 0.25rem;
  padding: 10px;
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
}

.btn-default {
  color: #002e5b;
  border-color: #002e5b;
  border-radius: 5px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.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: #002e5b;
  background-color: #e6eef5;
  border-color: #cee8ff;
  box-shadow: none;
}

.btn-primary {
  background-color: #002e5b;
  border-color: #002e5b;
  border-radius: 5px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
  background-color: #004080;
  border-color: #004080;
  box-shadow: none;
}

.btn-info {
  color: #002e5b;
  background-color: #eef6ff;
  border-color: #84b2dc;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover {
  color: #002e5b;
  background-color: #e6eef5;
  border-color: #cee8ff;
  box-shadow: none;
}

.btn-warning {
  color: #d97706;
  background-color: #fef3c7;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover {
  color: #d97706;
  background-color: #f8f1e8;
  border-color: #eddabf;
  box-shadow: none;
}

.btn-success {
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover {
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: none;
}

.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover {
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: none;
}

.modal-dialog .modal-header {
  color: #fff;
  background-color: #003566;
  border-color: #003566;
}

.modal-header button.close {
  color: #fff;
  opacity: 1;
}

.modal-body {
  background-color: #fff;
}

.modal-footer {
  background-color: #eef6ff;
  border-top: 1px solid #eef6ff;
}

.equal-height-row {
  display: flex;
  flex-wrap: wrap;
}

.equal-height-col {
  display: flex;
}

.border-blue {
  border-color: #adc0d3;
}

.border-table {
  border: 1px solid #e6edf6;
}

.f-color-light-blue {
  color: #002e5b;
}

.overflow-x-auto {
  overflow-x: auto;
  scrollbar-width: none;
}

.fs-15 {
  font-size: 15px;
}

.fw-500 {
  font-weight: 500;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.d-block {
  display: block !important;
}

.align-content-center {
  align-content: center;
}

.w-50 {
  width: 50% !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.p-0 {
  padding: 0 !important;
}

.p-15px {
  padding: 15px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.pe-5px {
  padding-right: 5px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.pb-8px {
  padding-bottom: 8px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.px-10px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-15px {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-20px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5px {
  margin-top: 5px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mt-25px {
  margin-top: 25px !important;
}

.mt-60px {
  margin-top: 60px !important;
}

.me-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5px {
  margin-bottom: 5px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mb-25px {
  margin-bottom: 25px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-60px {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

@media (max-width: 1199px) {
  .overflow-x-auto {
    scrollbar-width: thin;
  }
}

/* @media (max-width: 600px) {
  .atom-product-info .list-info .list-info-text {
    font-size: 14px;
  }
} */

@media screen and (min-width: 768px) {
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-5px {
    margin-bottom: 5px !important;
  }

  .mb-sm-15px {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 992px) {
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
}