/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* Custom fonts*/

@font-face {
  font-family: 'Biko';
  src: url('../fonts/Biko.eot') format('embedded-opentype'),
  url('../fonts/Biko.woff') format('woff'),
  url('../fonts/Biko.woff2') format('woff2'),
  url('../fonts/Biko.ttf') format('truetype'),
  url('../fonts/Biko.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Biko';
  src: url('../fonts/Biko-Bold.eot') format('embedded-opentype'),
  url('../fonts/Biko-Bold.woff') format('woff'),
  url('../fonts/Biko-Bold.woff2') format('woff2'),
  url('../fonts/Biko-Bold.ttf') format('truetype'),
  url('../fonts/Biko-Bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Biko';
  src: url('../fonts/Biko-Black.eot') format('embedded-opentype'),
  url('../fonts/Biko-Black.woff') format('woff'),
  url('../fonts/Biko-Black.woff2') format('woff2'),
  url('../fonts/Biko-Black.ttf') format('truetype'),
  url('../fonts/Biko-Black.svg') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-Thin.eot') format('embedded-opentype'),
  url('../fonts/WorkSans-Thin.woff') format('woff'),
  url('../fonts/WorkSans-Thin.woff2') format('woff2'),
  url('../fonts/WorkSans-Thin.ttf') format('truetype'),
  url('../fonts/WorkSans-Thin.svg') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-ExtraLight.eot') format('embedded-opentype'),
  url('../fonts/WorkSans-ExtraLight.woff') format('woff'),
  url('../fonts/WorkSans-ExtraLight.woff2') format('woff2'),
  url('../fonts/WorkSans-ExtraLight.ttf') format('truetype'),
  url('../fonts/WorkSans-ExtraLight.svg') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-Light.eot') format('embedded-opentype'),
  url('../fonts/WorkSans-Light.woff') format('woff'),
  url('../fonts/WorkSans-Light.woff2') format('woff2'),
  url('../fonts/WorkSans-Light.ttf') format('truetype'),
  url('../fonts/WorkSans-Light.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-Regular.eot') format('embedded-opentype'),
  url('../fonts/WorkSans-Regular.woff') format('woff'),
  url('../fonts/WorkSans-Regular.woff2') format('woff2'),
  url('../fonts/WorkSans-Regular.ttf') format('truetype'),
  url('../fonts/WorkSans-Regular.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-Medium.eot') format('embedded-opentype'),
  url('../fonts/WorkSans-Medium.woff') format('woff'),
  url('../fonts/WorkSans-Medium.woff2') format('woff2'),
  url('../fonts/WorkSans-Medium.ttf') format('truetype'),
  url('../fonts/WorkSans-Medium.svg') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-SemiBold.eot') format('embedded-opentype'),
  url('../fonts/WorkSans-SemiBold.woff') format('woff'),
  url('../fonts/WorkSans-SemiBold.woff2') format('woff2'),
  url('../fonts/WorkSans-SemiBold.ttf') format('truetype'),
  url('../fonts/WorkSans-SemiBold.svg') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-Bold.eot') format('embedded-opentype'),
  url('../fonts/WorkSans-Bold.woff') format('woff'),
  url('../fonts/WorkSans-Bold.woff2') format('woff2'),
  url('../fonts/WorkSans-Bold.ttf') format('truetype'),
  url('../fonts/WorkSans-Bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-ExtraBold.eot') format('embedded-opentype'),
  url('../fonts/WorkSans-ExtraBold.woff') format('woff'),
  url('../fonts/WorkSans-ExtraBold.woff2') format('woff2'),
  url('../fonts/WorkSans-ExtraBold.ttf') format('truetype'),
  url('../fonts/WorkSans-ExtraBold.svg') format('svg');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-Black.eot') format('embedded-opentype'),
  url('../fonts/WorkSans-Black.woff') format('woff'),
  url('../fonts/WorkSans-Black.woff2') format('woff2'),
  url('../fonts/WorkSans-Black.ttf') format('truetype'),
  url('../fonts/WorkSans-Black.svg') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'OS Cloud';
  src: url('../fonts/OS-Cloud.eot') format('embedded-opentype'),
  url('../fonts/OS-Cloud.woff') format('woff'),
  url('../fonts/OS-Cloud.woff2') format('woff2'),
  url('../fonts/OS-Cloud.ttf') format('truetype'),
  url('../fonts/OS-Cloud.svg') format('svg');
  font-weight: 900;
  font-style: normal;
}
body {
  font-family: 'WorkSans', sans-serif;
  color: #363636;
}
h1, .h1 {
  font-family: 'WorkSans', sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
}
.h2, h2 {
  font-family: 'WorkSans', sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 24px;
  line-height: 32px;
}
.h3, h3 {
  font-family: 'WorkSans', sans-serif;
  font-weight: 500;
  text-transform: none;
}
.h4, h4 {
  font-family: 'WorkSans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: none;
  margin: 10px 0px;
}

/*Links*/
.os-cloud-inner-page a:link,
.os-cloud-inner-page a:visited {
  color: #f08d00;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-weight: 500;
}
.os-cloud-inner-page .dropdown-menu > li > a {
  color: #797979;
}
.os-cloud-inner-page a:hover {
  color: #f6ba29;
  /*background-color: #dcdcdc;*/
}

.tld-filters a {
  color: #fff;
}
/*Buttons*/
.os-cloud-inner-page .btn-success,
.os-cloud-inner-page a.btn-success:link,
.os-cloud-inner-page a.btn-success:visited {
  background-color: #f08d00;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
  box-shadow: unset;
}
.os-cloud-inner-page .btn-success.active,
.os-cloud-inner-page .btn-success:active,
.os-cloud-inner-page .btn-success:focus,
.os-cloud-inner-page .btn-success:active:focus,
.os-cloud-inner-page .btn-success:hover,
.os-cloud-inner-page .open .dropdown-toggle.btn-success {
  background-color: #f6ba29;
}


.os-cloud-inner-page .btn-primary.btn-3d {
  border-radius: 20px;
  box-shadow: none;
  font-size: 14px;
}
.os-cloud-inner-page .btn-primary.btn-3d:active {
  -webkit-box-shadow: 0 2px 0 #d3530d;
  box-shadow: 0 2px 0 #d3530d;
}
.os-cloud-inner-page .btn-primary.btn-3d:focus,
.os-cloud-inner-page .btn-primary.btn-3d:active,
.os-cloud-inner-page .btn-primary.btn-3d.active,
.os-cloud-inner-page .btn-primary.btn-3d:hover {
  background-color: #f6ba29;
}
.os-cloud-inner-page .btn-primary.btn-3d {
  background-color: #f08d00;
  color: #fff;
}
.os-cloud-inner-page .btn-primary.btn-3d:hover,
.os-cloud-inner-page .btn-primary.btn-3d:focus {
  background-color: #f6ba29;
}
.os-cloud-inner-page .btn-info,
.os-cloud-inner-page a.btn-info:link,
.os-cloud-inner-page a.btn-info:visited {
  background-color: #f08d00;
  color: #fff;
}
.os-cloud-inner-page .btn-info:hover {
  background-color: #f6ba29;
}
.os-cloud-inner-page .btn-info:active,
.os-cloud-inner-page .btn-info.active,
.os-cloud-inner-page .open .dropdown-toggle.btn-info {
  background: #f08d00;
  border-color: #f08d00;
  color: #fff;
}
.os-cloud-inner-page .btn-info.disabled,
.os-cloud-inner-page .btn-info[disabled],
.os-cloud-inner-page fieldset[disabled] .btn-info,
.os-cloud-inner-page .btn-info.disabled:hover,
.os-cloud-inner-page .btn-info[disabled]:hover,
.os-cloud-inner-page fieldset[disabled] .btn-info:hover,
.os-cloud-inner-page .btn-info.disabled:focus,
.os-cloud-inner-page .btn-info[disabled]:focus,
.os-cloud-inner-page fieldset[disabled] .btn-info:focus,
.os-cloud-inner-page .btn-info.disabled:active,
.os-cloud-inner-page .btn-info[disabled]:active,
.os-cloud-inner-page fieldset[disabled] .btn-info:active,
.os-cloud-inner-page .btn-info.disabled.active,
.os-cloud-inner-page .btn-info[disabled].active,
.os-cloud-inner-page fieldset[disabled] .btn-info.active {
  background-color: #f08d00;
  border-color: #f08d00;
  color: #fff;
}
.os-cloud-inner-page .btn-primary.disabled,
.os-cloud-inner-page .btn-primary[disabled],
.os-cloud-inner-page fieldset[disabled] .btn-primary,
.os-cloud-inner-page .btn-primary:hover,
.os-cloud-inner-page .btn-primary[disabled]:hover,
.os-cloud-inner-page fieldset[disabled] .btn-primary:hover,
.os-cloud-inner-page .btn-primary.disabled:focus,
.os-cloud-inner-page .btn-primary[disabled]:focus,
.os-cloud-inner-page fieldset[disabled] .btn-primary:focus,
.os-cloud-inner-page .btn-primary:active,
.os-cloud-inner-page .btn-primary[disabled]:active,
.os-cloud-inner-page fieldset[disabled] .btn-primary:active,
.os-cloud-inner-page .btn-primary.disabled.active,
.os-cloud-inner-page .btn-primary[disabled].active,
.os-cloud-inner-page fieldset[disabled] .btn-primary.active {
  background-color: #f08d00;
  border-color: #f08d00;
  color: #fff;
}
.os-cloud-inner-page .btn-info.btn-3d:hover,
.os-cloud-inner-page .btn-info.btn-3d:focus {
  background-color: #f6ba29;
  color: #fff;
}
.os-cloud-inner-page .btn-info.btn-trans {
  color: #f08d00;
  border: solid thin #f08d00;
}
.os-cloud-inner-page .btn-info.btn-trans:hover,
.os-cloud-inner-page .btn-info.btn-trans:active,
.os-cloud-inner-page .btn-info.btn-trans:focus {
  background-color: #f6ba29;
  border: solid thin #f6ba29;
}
.os-cloud-inner-page .btn-primary.btn-trans {
  color: #f08d00;
  border-color: #f08d00;
}
.os-cloud-inner-page .btn-primary.btn-trans:hover,
.os-cloud-inner-page .btn-primary.btn-trans:active,
.os-cloud-inner-page .btn-primary.btn-trans:focus {
  color: #fff;
  background-color: #f6ba29;
  border-color: #f6ba29;
}
.os-cloud-inner-page .btn-success.btn-trans {
  color: #f08d00;
  border-color: #f08d00;
}
.os-cloud-inner-page .btn-success.btn-trans:hover,
.os-cloud-inner-page .btn-success.btn-trans:active,
.os-cloud-inner-page .btn-success.btn-trans:focus {
  color: #fff;
  background-color: #f6ba29;
  border-color: #f6ba29;
}
.os-cloud-inner-page .btn-info.btn-trans {
  color: #f08d00;
  border-color: #f08d00;
}
.os-cloud-inner-page .btn-info.btn-trans:hover,
.os-cloud-inner-page .btn-info.btn-trans:active,
.os-cloud-inner-page .btn-info.btn-trans:focus {
  color: #fff;
  background-color: #f6ba29;
  border-color: #f6ba29;
}
.os-cloud-inner-page .btn-default,
.os-cloud-inner-page a.btn-default:link,
.os-cloud-inner-page a.btn-default:visited {
  color: #fff;
}
/*Badges*/
.badge,
.badge.badge-primary {
  background-color: #f08d00;
}
#header .messages .badge.badge-primary.badge-cart {
  background-color: #4baf00;
  left: auto;
  right: -5px;
  top: -5px;
}
#header .messages .badge.badge-envelope {
  left: auto;
  right: -5px;
}
#header .user-nav ul li.dropdown.settings {
  -webkit-display: inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}


.badge.badge-info {
  background-color: #f08d00;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  background-color: #fff;
  color: #f08d00;
}
/*Pagination*/
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #f08d00;
  border-color: #f08d00;
  color: #fff;
}
.pagination > li > a,
.pagination > li > span {
  color: #f08d00;
}
/*Labels*/
.label-info {
  background-color: #f08d00;
}
.label-primary {
  background-color: #f08d00;
}
/*Panels*/
.panel-solid-info > .panel-heading,
.panel-solid-info > .panel-body,
.panel-solid-info > .panel-footer {
  background: #f08d00;
}
.panel-primary > .panel-heading {
  background-color: #f08d00;
  border-color: #f08d00;
}
.panel-primary {
  border-color: #f08d00;
}
.panel-solid-primary > .panel-heading,
.panel-solid-primary > .panel-body,
.panel-solid-primary > .panel-footer {
  background: #f08d00;
}
/*Tabs*/
.tab-wrapper > .nav-tabs > li.active > a {
  border-top-color: #f08d00;
}
.tab-wrapper.tab-left > .nav-tabs > li.active > a {
  border-left-color: #f08d00;
}
.tab-wrapper.tab-bottom > .nav-tabs > li.active > a {
  border-bottom-color: #f08d00;
}
.tab-primary.tab-wrapper > .nav-tabs > li.active > a {
  border-top-color: #f08d00;
}
.tab-primary.tab-wrapper.tab-left > .nav-tabs > li.active {
  border-left-color: #f08d00;
}
.tab-primary.tab-wrapper.tab-right > .nav-tabs > li.active {
  border-right-color: #f08d00;
}
.tab-primary.tab-wrapper.tab-bottom > .nav-tabs > li.active > a {
  border-bottom-color: #f08d00;
}
.overlay {
  background-color: #f08d00;
  border-color: #f08d00;
}
.overlay_arrow.above {
  border-bottom-color: #f08d00;
}
.overlay_arrow.below {
  border-bottom-color: #f08d00;
}
.domain-loading-spinner {
  color: #f08d00;
}
section.cart button.btn-link,
section.cart a.btn-link {
  color: #f08d00;
}
.store-promoted-product ul.features li .fas:not(.fa-spinner),
.store-promoted-product ul.features li .far:not(.fa-spinner) {
  color: #f08d00;
}
.promo-banner .fas:not(.fa-spinner),
.promo-banner .far:not(.fa-spinner) {
  color: #f08d00;
}
.dot-pulse {
  background-color: #f08d00;
  color: #f08d00;
  box-shadow: 9999px 0 0 -5px#f08d00;
}

.dot-pulse::before,
.dot-pulse::after {
  background-color: #f08d00;
  color: #f08d00;
}

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px #f08d00;
}

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px #f08d00;
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #f08d00;
  }
  30% {
    box-shadow: 9984px 0 0 2px #f08d00;
  }
  60%,
  100% {
    box-shadow: 9984px 0 0 -5px #f08d00;
  }
}

@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #f08d00;
  }
  30% {
    box-shadow: 9999px 0 0 2px #f08d00;
  }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px #f08d00;
  }
}

@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #f08d00;
  }
  30% {
    box-shadow: 10014px 0 0 2px #f08d00;
  }
  60%,
  100% {
    box-shadow: 10014px 0 0 -5px #f08d00;
  }
}

.status-customer-reply {
  background-color: #f08d00;
}
.pm-status-inprogress {
  background-color: #f08d00;
}
.dashboard-tile.tile-blue {
  background-color: #186b78;
}
.dashboard-tile.tile-turquoise {
  background-color: #6dbec5;
}
.dashboard-tile.tile-purple {
  background-color: #f08d00;
}
.panel-default > .panel-footer {
  text-transform: none;
}
.panel {
  overflow: hidden;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  color: #fff !important;
  background-color: #f08d00;
  border-color: #f08d00;
}
.sidebar-left-old .nav-pills > li > a {
  border-left-color: #363636;
  color: #363636;
}
.sidebar-left .nav > li > a:hover {
  border-left-color: #f08d00;
  background-color: #363636;
}

.sidebar-mini .sidebar-left .nav > li.open > a {
  background-color: #363636;
}



.panel-solid-default > .panel-body {
  background-color: #363636;
}

#header .toggle-navigation button:hover,
#header .toggle-navigation button:active,
#header button#toggle-mail:hover,
#header button#toggle-mail:active,
#header button#tickets-link:hover,
#header button#tickets-link:active,
#header button#invoices-link:hover,
#header button#invoices-link:active,
#header .btn-default:hover,
#header .btn-default:active,
#header li.open .btn-default {
  background: #f08d00;
}
#header .dropdown.settings .dropdown-menu > li > a:hover .badge.badge-danager {
  color: #f08d00;
}
#header .user-nav {
  position: relative;
  z-index: 2;
}
#header .user-nav ul li.dropdown.messages .dropdown-menu > li > a:hover,
#header
.user-nav
ul
li.dropdown.messages
.dropdown-menu
> li
> a:hover
.message-info
.time {
  background: #f08d00;
}
#header .brand {
  background-color: transparent;
  display: flex;
  position: relative;
  z-index: 2;
}

.os-cloud-inner-page #header {
  background: #363636;
  position: relative;
}

/*Temp helpers*/
img.fits {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.icon {
  font-family: 'OS Cloud';
  font-style: normal;
}
.icon::before {
  font-family: 'OS Cloud';
}
.icon.icon-login::before {
  content: '\e800';
}
.icon.icon-cart::before {
  content: '\e80f';
}
.login-container .icon-login {
  font-size: 27px;
  margin: 0 10px;
  color: #fff;
}


.flex-row {
  -webkit-display: flex;
  display: flex;
}
.flex-align-center {
  -webkit-align-items: center;
  align-items: center;
}
/*End of temp*/

#header::after {
  display: block;
  clear: both;
  content: '';
}
#header .toggle-navigation.toggle-left {
  display: none;
  position: relative;
  z-index: 2;
}
.os-cloud-inner-page .login-container,
.os-cloud-inner-page .cart-container,
.os-cloud-inner-page .envelope-container {
  background-color: transparent;
  border: none;
  box-shadow: none;
  display: inline-block;
}
.os-cloud-inner-page .login-container:focus,
.os-cloud-inner-page .cart-container:focus,
.os-cloud-inner-page .envelope-container:focus {
  outline-color: transparent;
}

#header .toggle-navigation {
  display: none;
}

@media (max-width: 660px) {
  #header .toggle-navigation {
    display: block;
  }
}
.sidebar-left .nav-pills > li > a > i {
  display: none;
}
.btn-clientera-cust {
  background-color: #f08d00 !important;
  border-radius: 10px;
  font-family: sans-serif, Work;
}
.header-cart-clientera-cust {
  background: #363636 !important;
  color: #fff !important;
}
.header-cart-clientera-cust a {
  color: #fff !important;
}
.panel-accent-gold .list-group a .label {
  margin-top: 3px;
}

.panel-accent-emerald input[type='submit'] {
  font-size: 14px !important;
}
#order-standard_cart .products .product header span {
  font-weight: 600;
  font-family: 'Biko';
}
#order-standard_cart .products .product i {
  display: none;
}
#order-standard_cart .products .product {
  border: unset !important;
  border-radius: 20px !important;
}
#order-standard_cart .products .product header {
  border-radius: 20px 20px 0 0 !important;
  margin: -1px 0 !important;
}
.domain-pricing .tld-filters a {
  border-radius: 10px;
  padding: 8px;
  color: #fff;
}
.tld-filters .label-success {
  background-color: #f08d00;
}
.tld-filters .label-success[href]:focus,
.label-success[href]:hover {
  background-color: #f08d00;
}
.domain-pricing .tld-row.highlighted {
  background: #EFEFEF !important;
}
.domain-promo-box {
  border: unset !important;
  color: #363636 !important;
}
.domain-promo-box .clearfix h3 {
  font-weight: 600;
}
.domain-promo-box .btn-warning {
  background-color: #f08d00;
  color: #fff;
  border-radius: 20px;
}
.responsive-edit-button a i {
  display: none;
}
.dataTables_filter label input {
  border-radius: 20px;
}
table {
  border: unset !important;
}
td {
  border-left: unset !important;
  border-right: unset !important;
  vertical-align: middle !important;
}
th {
  border-right: unset !important;
  border-left: unset !important;
}
tbody tr:nth-child(odd) {
  background-color: #fafafa !important;
}
.odd {
  background-color: #fafafa !important;
}
.sorting_1 a strong {
  font-weight: 400 !important;
}
.pagination .active a {
  background-color: #ccc !important;
  border-color: #ccc !important;
}
.sidebar-primary a.collapse-link {
  color: #fff !important;
}
.mg-left-40 {
  margin-left: 40px;
}
#header .user-nav {
  padding-top: 20px !important;
}

.product header span {
  color: #fff !important;
}
.panel .panel-heading {
  background: #363636 !important;
  color: #fff !important;
  border-radius: unset !important;
}
#mg-wrapper {
  font-family: 'Biko', sans-serif !important;
}
#noAddons {
  color: #363636 !important;
  background-color: #c5ded7 !important;
  border: unset !important;
}
.sidebar-primary .panel-footer a i {
  display: none;
}
.btn-addons-cust {
  background-color: #f08d00 !important;
  color: #fff;
  border-radius: 20px;
  font-size: 14px;
}
.mx-width-600 {
  max-width: 600px;
}
.domain-checker-bg-cust {
  padding: 20px 0;
}
.domain-checker-input-cust {
  border-radius: 20px 0 0 20px !important;
  font-size: 14px !important;
}
.domain-checker-btn-cust {
  border-radius: 0 20px 20px 0 !important;
  font-size: 14px !important;
}
.domain-register-browse-extensions {
  font-family: 'Work', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.responsive-edit-button a {
  margin-bottom: 0px;
}
#Secondary_Navbar-Account .dropdown-toggle {
  height: 45px;
}
.envelope-container {
  position: relative;
  top: 3px;
}

td .btn-primary i {
  display: none !important;
}
.product-header-1 {
  background-color: #88b7ae !important;
}
.product-header-2 {
  background-color: #53978a !important;
}
.product-header-3 {
  background-color: #3c766b !important;
}
.product-header-4 {
  background-color: #a6afad !important;
}
.product-header-5 {
  background-color: #53978a !important;
}
.product-page-wrapper-mob{

}
@media (max-width: 660px){
  .product-page-wrapper-mob{
    margin: unset;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#Secondary_Navbar-Account .dropdown-menu {
  background-color: #fff;
}
#Secondary_Navbar-Account .dropdown-menu li a i {
  display: none;
}
button.dropdown-toggle .fas {
  display: none;
}
button.dropdown-toggle {
  border-radius: 20px;
  padding: 7px 15px;
}
button.dropdown-toggle .caret {
  margin-left: 3px;
}
.dark-bg {
  background-color: #363633;
}
td form button i {
  display: none !important;
}
td form button {
  box-shadow: unset !important;
  border-radius: 20px !important;
}
.panel-danger .header-cart-clientera-cust {
  background-color: #c5ded7 !important;
  border: unset;
}
.btn-set-default {
  border-radius: 20px;
}
td .btn-default {
  border-radius: 20px !important;
  margin-bottom: unset;
}
td .btn-primary {
  border-radius: 20px !important;
  margin-bottom: unset;
}

.nav-sub .active a {
  color: #363636 !important;
}
.green {
  color: #363636 !important;
  font-weight: normal !important;
}
.package-details {
  text-align: left;
}

#serverstats td {
  text-align: left;
}
.header_label {
  text-align: left;
}
#rbuttons {
  text-align: left;
}
#rbuttons,
#nbuttons {
  text-align: left !important;
}

#nbuttons button {
  border-radius: 20px;
  background: #dddddd !important;
}
#nbuttons button img{
  display:none;
}
#rbuttons button {
  border-radius: 20px;
  background: #dddddd !important;
}
#rbuttons button img{
  display:none;
}
.subtotal {
  font-size: 14px;
}
.recurring-totals {
  font-size: 14px;
}
.font-size-14 {
  font-size: 14px !important;
}
#continueShopping {
  color: #f08d00 !important;
  font-size: 12px;
}
#checkout {
  width: 100%;
}
#checkout i {
  display: none;
}
.bg-36 {
  background-color: #363636 !important;
}
.font-size-19 {
  font-size: 19px !important;
}
.view-cart-items .item-group {
  font-size: 14px !important;
}
.view-cart-items .cycle {
  font-size: 14px !important;
}
.view-cart-tabs ul .active a {
  background-color: #fff !important;
  font-size: 14px;
}
.view-cart-tabs .tab-content {
  background-color: #fff !important;
}
.border-radius-20 {
  border-radius: 20px !important;
}
.btn-validate-code-cust {
  width: 40%;
  margin: 10px auto 0;
  border-radius: 20px;
  font-size: 14px;
}
.empty-cart button {
  background-color: #363636 !important;
}
.view-cart-items {
  border-bottom: 2px solid #363636 !important;
}
.order-summary {
  border-bottom: 3px solid #363636 !important;
}
.summary-container {
  background-color: #fff !important;
}
.view-cart-items .item:nth-child(even) {
  background-color: #fff !important;
}
.sub-heading {
  border: unset !important;
}
.sub-heading span {
  background-color: transparent !important;
  font-family: Biko, sans-serif;
  font-weight: 500;
  color: #363636 !important;
  font-size: 20px !important;
  letter-spacing: 0.5px;
}
#frmCheckout input {
  border-radius: 10px ;
  background-color: #fff !important;
}
.payment-details {
  font-weight: 400 !important;
  color: #363636 !important;
}
.icheckbox_square-blue, .iradio_square-blue {
  background: url(../img/icheck/green.png) no-repeat !important;
  background-position: -44px 0;
}
.paymethod-info .iradio_square-blue.checked {
  background: url(../img/icheck/radio_check.svg) no-repeat !important;
  width: 30px !important;
  height: 30px !important;
  background-size: 30px 30px !important;
}
.paymethod-info .iradio_square-blue {
  background: url(../img/icheck/radio_empty.svg) no-repeat !important;
  width: 30px !important;
  height: 30px !important;
  background-size: 30px 30px !important;
}
label .iradio_square-blue.checked {
  background: url(../img/icheck/radio_check.svg) no-repeat !important;
  width: 30px !important;
  height: 30px !important;
  background-size: 30px 30px !important;
}
label .iradio_square-blue {
  background: url(../img/icheck/radio_empty.svg) no-repeat !important;
  width: 30px !important;
  height: 30px !important;
  background-size: 30px 30px !important;
}
.checkbox-inline .icheckbox_square-blue.checked {
  background: url(../img/icheck/radio_check.svg) no-repeat !important;
  width: 30px !important;
  height: 30px !important;
  background-size: 30px 30px !important;
}
.checkbox-inline .icheckbox_square-blue {
  background: url(../img/icheck/radio_empty.svg) no-repeat !important;
  width: 30px !important;
  height: 30px !important;
  background-size: 30px 30px !important;
}

.modal {
  overflow-y: scroll;
}
.cloud-card-body {
  height: 100px;
}
.infoDetail {
  width: 24px;
  height: 23px;
  border-radius: 50%;
  font-size: 13px;
  border: 2px solid #f08d00;
  color: #fff;
  background: #f08d00;
}

#btnEmptyCart,
#btnEmptyCart:hover{
  color: #fff !important;
}
#cartHeading{
  margin-top: 0;
  color: #fff;
  font-weight: 500;
  padding-left: 11px;
  padding-top: 5px;
  font-size: 27px!important;
}

.w-hidden {
  display: none;
}


/*******New Design*******/
.os-cloud-inner-page #header::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 2;
}
.cart-container .icon-cart {
  font-size: 27px;
  color: #777777;
}
.envelope-container .fa-envelope {
  font-size: 27px;
  color: #777777;
}
.os-cloud-inner-page .login-container .icon {
  color: #777777;
}
#header .dropdown.settings > a {
  color: #777777;
}
#header .dropdown.settings > a:hover {
  color: #909090;
  background-color: transparent;
}
.os-cloud-inner-page .caret {
  width: 10px;
  height: 10px;
  border-right: 2px solid #909090;
  border-bottom: 2px solid #909090;
  border-left: none;
  border-top: none;
  box-sizing: border-box;
  transform: rotate(45deg);
  position: relative;
  top: -2px;
}
.os-cloud-inner-page #header .dropdown.settings > a:hover .caret {
  border-color: #909090;
}
#header .dropdown.settings .dropdown-menu > li > a:active,
#header .dropdown.settings .dropdown-menu > li > a:hover {
  background-color: #909090;
  color: #fff !important;
}
.main-content-wrapper {
  background: #fff;
}
.sidebar-left .nav-pills > li > a {
  color: #363636;
  border-left: unset;
  padding: 12px 16px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.sidebar-left .nav-dropdown>a:after {
  display: none;
}
.sidebar-left .nav .nav-sub {
  background: unset;
}
.sidebar-left .nav a {
  color: #363636;
}
.sidebar-left .nav-pills > li.active > a[href^="#"] {
  border:unset;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-right: unset;
}
.sidebar-left .nav-pills > li.active > a[href^="#"] {
  background-color: #fff !important;
  cursor: unset;
  color: #8d8d8d !important;
}
.sidebar-left .nav-pills .nav-sub > li.active > a:after ,
.sidebar-left .nav-pills .nav-sub > li.active > a:focus:after ,
.sidebar-left .nav-pills .nav-sub > li.active > a:hover:after {
  content: '';
  position: absolute;
  left: 100%;
  margin-left: 8px;
  width: 0.5px;
  height: 28px;
  background-color: #d4d4d4;
  transform: rotate(34deg);
  display: block;
  margin-top: -19px;
  border:unset !important;
}
.sidebar-left .nav-pills .nav-sub > li.active > a:before ,
.sidebar-left .nav-pills .nav-sub > li.active > a:focus:before ,
.sidebar-left .nav-pills .nav-sub > li.active > a:hover:before {
  content: '';
  position: absolute;
  left: 100%;
  margin-left: 8px;
  width: 0.5px;
  height: 28px;
  background-color: #d4d4d4;
  transform: rotate(-34deg);
  display: block;
  margin-top: -11px;
  border:unset !important;
}
.sidebar-left .nav-pills .nav-sub > li > a:focus ,
.sidebar-left .nav-pills .nav-sub > li > a:hover {
  background-color: #fafafa;
  border-right: 1px solid transparent;
}
.sidebar-left .nav-pills .nav-sub > li.active > a {
  background-color: unset;
}
.sidebar-left .nav-pills > li > a[href^="#"]{
  color: #8D8D8D;
}
.sidebar-left .nav-pills > li > a[href^="#"]:hover{
  background: unset;
  cursor: unset;
  color: #8d8d8d;
}
.sidebar-left .nav>li>.nav-sub>li>a {
  height: 46px;
  line-height: 30px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;

  border-right: 1px solid transparent;
}
.sidebar-left .nav>li>.nav-sub>li.active>a {
  margin-right: -1px;
  border-right: 1px solid #fff;
}
.sidebar-left .nav .open > a {
  border-left: unset;
  background-color: #fff;
  color: #363636;
  border-right: 1px solid transparent;
}

.sidebar-left .nav .open > a:focus,
.sidebar-left .nav .open > a:hover,
.sidebar-left .nav > li > a:focus {
  border-left: unset;
  color: #363636;
  background-color: #fafafa;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.sidebar-left .nav-pills > li.active > a{
  background-color: #fff;
  border-right: 1px solid transparent;
  border-left: unset;
}
.sidebar-left .nav-pills > li.active > a:focus,
.sidebar-left .nav-pills > li.active > a:hover {
  border-left: unset;
  color: #363636;
  background-color: #fafafa;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
#Primary_Navbar-My_Services.active {
  border-top: 1px solid #e7e8ec ;
  border-bottom: 1px solid #e7e8ec ;
  border-right: 1px solid #fff;
  margin-right: -1px;
}
#Primary_Navbar-My_Services.active a {
  color:#363636
}
#Primary_Navbar-My_Services.active > a:hover {
  background-color: #fff;
}
#Primary_Navbar-My_Services.active > a:after ,
#Primary_Navbar-My_Services.active > a:focus:after ,
#Primary_Navbar-My_Services.active > a:hover:after {
  content: '';
  position: absolute;
  top: 20px;
  left: 100%;
  margin-left: 8px;
  width: 0.5px;
  height: 28px;
  background-color: #d4d4d4;
  transform: rotate(34deg);
  display: block;
  margin-top: unset;
  border:unset !important;
}
#Primary_Navbar-My_Services.active > a:before ,
#Primary_Navbar-My_Services.active > a:focus:before ,
#Primary_Navbar-My_Services.active > a:hover:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 100%;
  margin-left: 8px;
  width: 0.5px;
  height: 28px;
  background-color: #d4d4d4;
  transform: rotate(-34deg);
  display: block;
  margin-top: unset;
  border:unset !important;
}

.nav-sub .active {
  background-color: #fff !important;
  border-top: 1px solid #e7e8ec;
  border-bottom: 1px solid #e7e8ec;
}
.nav-stacked>li+li {
    margin-top: unset;
}

#footer {
  display: none;
}
.flex-wrap {
  height: calc(100vh - 80px);
}
.os-cloud-inner-page .logo-container {
  display: block;
  margin: auto 27px;
  width: 115px;
  height: 60px;
}
.main-content-wrapper #main-content .h1 {
  font-family: 'WorkSans', sans-serif;
  font-weight: 400;
  font-size: 22px;
  margin-top: 25px;
  padding-left: unset;
}
.sidebar-left {
  background-color: #fff;
  color: #363636;
  padding-top: 60px;
  border-top: 1px solid #e7e8ec;
  border-right: 1px solid #e7e8ec;
}
.breadcrumb {
  display: none;
}
.main-content-wrapper #main-content {
  padding: 15px 60px 150px 60px;
}
.domain-renewals {
  margin: 0;
}
.custom-table {
  width: 100%
}
.custom-table tbody tr{
  height: 47px;
}
.custom-table tbody {
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
}
.custom-table thead tr th{
  font-size: 16px;
  font-family: 'WorkSans', sans-serif;
  font-weight: 500;
  color: #fff;
}
.custom-table tbody tr td{
  font-size: 14px;
  font-family: 'WorkSans', sans-serif;
}
.custom-table thead tr{
  background-color: #186B78;
  border-right: 1px solid #186B78;
  border-left: 1px solid #186B78;
  height: 47px;
}
.custom-table-name{
  display: inline-block;
  background: #186B78;
  padding: 10px 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 16px;
  font-family: 'WorkSans', sans-serif;
  font-weight: 500;
  color: #fff;
}
.custom_header_backup {
  font-size: 20px;
  letter-spacing: 0.5px;
  font-weight: 400;
}

.custom-table-footer {
  background-color: #fff;
  height: 69px;
  padding-left: 30px;
  padding-right: 30px;
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
}
.custom-table-footer-invoices {
  background-color: #eaf1f9;
  height: 10px;
}
.custom-table-footer a, .custom-table-footer > span{
  color: #fff !important;
  background-color: #f08d00;
  border-radius: 12px;
  line-height: 69px;
  padding: 10px 35px;
  border: 3px solid #f08d00;
  cursor: pointer;
}
.custom-table-footer a:active{
  background-color: #fafafa;
  color: #f08d00 !important;
}
.custom-table-footer a:hover{
  background-color: #fafafa;
  color: #f08d00 !important;
}
.custom-table-wrapper {
  margin-bottom: 25px;
}
.custom-table-wrapper:nth-child(2n+1) .custom-table-name {
  background-color: #6DBEC5
}
.custom-table-wrapper:nth-child(2n+1) .custom-table thead tr {
  background-color: #6DBEC5;
  border-right: 1px solid #6dbec5;
  border-left: 1px solid #6dbec5;
}
.custom-table-ssl {
  width: 100%
}
.custom-table-ssl tbody tr{
  height: 47px;
}
.custom-table-ssl tbody {
  border-left: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  border-bottom: 1px solid #d4d4d4;
}
.custom-table-ssl thead tr th{
  font-size: 16px;
  font-family: 'WorkSans', sans-serif;
  font-weight: 500;
  color: #fff;
}
.custom-table-ssl tbody tr td{
  font-size: 14px;
  font-family: 'WorkSans', sans-serif;
}
.custom-table-ssl thead tr{
  background-color: #186B78;
  height: 47px;
}

.billing_header {
  font-family: 'WorkSans', sans-serif;
  font-weight: 400;
  font-size: 22px;
  margin-top: 50px;
  margin-bottom: 50px;
}
#order-standard_cart .order-summary h2 {
  color: #363636 !important;
  font-size: 20px !important;
  font-family: 'Biko';
  letter-spacing: 0.5px;
  background-color: #fff;
}
#order-standard_cart .order-summary{
  background-color: unset !important;
  border-bottom: unset !important;
  margin: unset !important;
}

#order-standard_cart .order-summary .product-group {
  font-size: 16px;
}
#order-standard_cart .order-summary .clearfix span{
  font-size: 14px !important;
}
#order-standard_cart .order-summary span{
  font-size: 14px !important;
}
#order-standard_cart .order-summary .clearfix{
  margin-bottom: 5px;
}
#order-standard_cart .order-summary .summary-totals .clearfix span{
  font-size: 16px;
}
#order-standard_cart .order-summary .summary-totals {
  margin: 15px 0 !important;
  padding: 15px 0 !important;
}
.os-cloud-inner-page .btn-primary,
.os-cloud-inner-page a.btn-primary:link,
.os-cloud-inner-page a.btn-primary:visited {
  background-color: #f08d00;
  color: #fff;
  border-radius: 12px;
  margin-bottom: unset;
  border: 3px solid #f08d00;
  font-size: 14px;
}
.os-cloud-inner-page .btn-primary:hover,
.os-cloud-inner-page .btn-primary:active,
.os-cloud-inner-page .btn-primary.active,
.os-cloud-inner-page .btn-primary:focus {
  background-color: #fafafa !important;
  color: #f08d00 !important;
}

.os-cloud-inner-page .btn-default,
.os-cloud-inner-page a.btn-default:link,
.os-cloud-inner-page a.btn-default:visited {
  background-color: #AAAAAA;
  color: #fff;
  border-radius: 12px;
  margin-bottom: unset;
  border: 3px solid #AAAAAA;
  font-size: 14px;
}
.os-cloud-inner-page .btn-default:hover,
.os-cloud-inner-page .btn-default:active,
.os-cloud-inner-page .btn-default.active,
.os-cloud-inner-page .btn-default:focus {
  background-color: #fafafa !important;
  color: #AAAAAA !important;
}



.os-cloud-inner-page .btn-secondary,
.os-cloud-inner-page a.btn-secondary:link,
.os-cloud-inner-page a.btn-secondary:visited {
  background-color: #6DBEC5;
  color: #fff;
  border-radius: 12px;
  margin-bottom: unset;
  border: 3px solid #6DBEC5;
  font-size: 14px;
}
.os-cloud-inner-page .btn-secondary:hover,
.os-cloud-inner-page .btn-secondary:active,
.os-cloud-inner-page .btn-secondary.active,
.os-cloud-inner-page .btn-secondary:focus {
  background-color: #fafafa !important;
  color: #6DBEC5 !important;
}
#order-standard_cart .order-summary .summary-totals {
  border-top: 1px solid #C4D7E9 !important;
  border-bottom: 1px solid #C4D7E9 !important;
}
#order-standard_cart label {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #363636 !important;
}
#order-standard_cart .field, #order-standard_cart .form-control {
  border: 1px solid #C4C4C4 !important;
  color: #777777 !important;
  border-radius: unset !important;
  font-size: 14px !important;
  height: 40px;
}
.form-wrapper-cust{
  margin: 0px 20%;
  padding: 40px 90px;
  background-color: #FAFAFA
}
@media (min-width:1240px) and (max-width: 1600px) {
  .form-wrapper-cust{
    margin: 0px 10%;
    padding: 40px;
  }
}
@media (min-width:660px) and (max-width: 1240px) {
  .form-wrapper-cust{
    margin: 0px 5%;
    padding: 40px 20px;
  }
}
@media (max-width: 660px) {
  .form-wrapper-cust{
    margin: 20px;
    padding: 20px;
  }
}
.customize_summary {
  padding-left:50px;
}
@media (max-width: 660px) {
  .customize_summary {
    padding-left: unset;
    padding-right:unset;

  }
}
.customize_options {
  padding-right:100px;
}
@media (max-width: 660px) {
  .customize_options {
    padding-right:unset;
    padding-left: unset;
  }
}
.form-h1-cust {
  font-weight: 400;
  font-size: 25px;
  color: #363636;
  font-family: 'Biko';
  margin-bottom: 50px;
  letter-spacing: 0.63px;
}

.flow-wrapper {
  width: 150px;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.h-50 {
  height: 50px;
}
.flow-first-dot {
  width: 6px;
  height: 6px;
  background: #6DBEC5;
  margin-top: 26px;
  box-shadow: 0px 0px 0px 23px rgb(109 190 197 / 22%);
  border-radius: 50%;
}
.flow-line {
  height: 2px;
  width: 130px;
  background-color: #A7A7A7;
  margin-top: 28px;
  margin-left: 3px;
}
.flow-unactive-dot {
  width: 6px;
  height: 6px;
  background: #6DBEC5;
  margin-top: 26px;
  border-radius: 50%;
  margin-left: 3px;
}
.flow-text-wrapper{
  margin-left: -30px;
  width: 200px;
}
.flow-text-wrapper span{
  color: #547A9E;
  font-size: 10px;
}
.flow-wrapper .h-50 {
  display: flex;
  margin-top: 25px;
  margin-bottom: 10px;
}
.set_main_header {
  text-align: left;

}
.manage-prod-add-info-block {
  background: #fafafa;
  height: 200px;
  padding: 30px 35px;
}
.manage-prod-add-info-block-domains {
  height: 200px;
  background: #fafafa;
  margin-top: 10px;
}
.manage-prod-add-info-block-domains .col-md-6{
  margin-top: 5px;
}
#openstack_vps_custom h3{
  background: #186B78;
  padding: 10px 30px;
  margin-bottom: unset;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 16px;
  font-family: 'WorkSans', sans-serif;
  font-weight: 500;
  display: block;
  width: max-content;
  color: #fff;
}
#openstack_vps_custom .table-cust-odd thead {  background: #336c78;}
#openstack_vps_custom .table-cust-even thead{  background: #6DBEC5;}

#openstack_vps_custom h3:not(:first-of-type):nth-child(3n+3) {
  background: #6DBEC5;
}
#openstack_vps_custom table tbody tr td {
  border: unset !important;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
}
#openstack_vps_custom table thead tr th {
  border: unset !important;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding-left: 30px;
}
#wp_vps_custom h3{
  background: #186B78;
  padding: 10px 30px;
  margin: unset !important;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 16px !important;
  font-family: 'WorkSans', sans-serif !important;
  font-weight: 500 !important;
  width: fit-content;
  width: -moz-fit-content;
  color: #fff !important;
  line-height: 1.1 !important;
}
#wp_vps_custom .table-cust-odd thead {  background: #186B78;}
#wp_vps_custom .table-cust-even thead{  background: #6DBEC5;}

#wp_vps_custom h3:not(:first-of-type):nth-child(3n+3) {
  background: #6DBEC5;
}
#wp_vps_custom table tbody tr td {
  border: unset !important;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
}
#wp_vps_custom table thead tr th {
  border: unset !important;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding-left: 30px;
}
.wp_vps_custom h3{
  background: #186B78;
  padding: 10px 30px;
  margin: unset !important;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 16px !important;
  font-family: 'WorkSans', sans-serif !important;
  font-weight: 500 !important;
  width: fit-content;
  width: -moz-fit-content;
  color: #fff !important;
  line-height: 1.1 !important;
}
.wp_vps_custom .table-cust-odd thead {  background: #336c78;}
.wp_vps_custom .table-cust-even thead{  background: #6DBEC5;}

.wp_vps_custom h3:not(:first-of-type):nth-child(3n+3) {
  background: #6DBEC5;
}
.wp_vps_custom table tbody tr td {
  border: unset !important;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
}
.wp_vps_custom table thead tr th {
  border: unset !important;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding-left: 30px;
}
#rbuttons button {
  background-color: #6dbec5 !important;
  color: #fff;
  border-radius: 12px;
  width: 170px !important;
  height: 40px;
  border: 3px solid #6dbec5;
}
#rbuttons button:hover {
  background-color: #fafafa !important;
  color:  #6dbec5;
}
#serverstats {
  flex: 0 0 60%;
  display: flex;
  padding-bottom: unset;
  border-right: 1px solid #6DBEC5;
}
#rbuttons {
  flex: 0 0 40%;
  padding-left: 20px;
}
.rbutton_vps_oasis {
  flex: 0 0 40%;
  padding-left: 20px;
  text-align: left;
}
.rbutton_vps_oasis button:hover {
  background-color: #fafafa;
  color:  #6dbec5;
}
.rbutton_vps_oasis button {
  background-color: #6dbec5;
  color: #fff;
  border-radius: 20px;
  width: 170px !important;
  height: 40px;
  border: 3px solid #6dbec5;
}
.rbutton_vps_oasis button img{
  display:none;
}
.d-flex {
  display: flex;
}
.justify-left {
  justify-content: left;
}
.align-center {
  align-items: center;
}
.flex-50 {
  flex: 0 0 50%;
}
.main-info-wrapper{
  background-color: #fafafa;
  padding-top: 20px;
  padding-bottom: 20px;
}
#nbuttons {
  display: flex;
  flex-direction: column;
}
#nbuttons button{
  background: #fff !important;
  border-radius: unset;
  border-bottom: 1px solid #6dbec5;
  width: 200px !important;
  margin: unset !important;
}
#nbuttons button:hover{
  background-color: #fafafa !important;
}
#nbuttons button:first-child{
  border-top: 1px solid #6dbec5;
  width: 170px;
}
.set_main_header-cust{

}
.configure_label_cust {
  line-height: 40px;
}
.product-details hr{
  display: none;
}
.email-verification {
  height: 57px;
  display: flex;
  width: 850px;
  padding-top: 13px;
  background-color: #C9E9EC;
  margin-bottom: 20px;
}
.email-verification span {
  font-size: 14px;
  color: #363636;
}
.email-verification i {
  font-size: 16px;
  color: #ec8d06;
  margin-right: 5px;
}
.btn-verification-email {
  background-color: #F08D00;
  border-radius: 10px;
  margin-left: 52px;
  margin-top: -4px;
  letter-spacing: 0.14px;
  font-weight: 500;
}
#actionBtns{
  display: flex;
  margin: 20px 0px;
  margin-left: 15px;
}
#actionBtns a {
  background-color: #F08D00;
  color: #fff !important;
  border-radius: 12px;
  height: 40px;
  margin-right: 20px;
  border: 3px solid #F08D00;
  line-height: 14px;
}
#actionBtns a:hover {
  background-color: #FAFAFA !important;
  color: #F08D00 !important;
}

#actionBtns a.disabled {
  background-color: #999999;
  border-color: #999999;
}

#main-info-wrapper-cust {
  padding: 0px 20px;
  margin-top: 20px;
}
.bg-5D5D5D{
  background-color: #5D5D5D !important;
}
.bg-FAFAFA {
  background-color: #FAFAFA !important;
}
.d-block {
  display: block !important;
}
.margin-0-auto {
  margin: 0 auto !important;
}
.color-fff {
  color: #FFF;
}
.color-363636 {
  color: #363636;
}
.register_h2 {
  text-align: center;
  font-size: 25px;
  margin-top: 46px;
  margin-bottom: 25px;
  font-family: "Biko", sans-serif;
  letter-spacing: 0.63px;
}
.text-center {
  text-align: center;
}
.padding-0-110 {
  padding: 0 110px;
}
.register_input {
  border-radius: unset !important;
  height: 40px !important;
  border-color: #C4C4C4;
  background-color: #fff !important;
}
.generate-password {
  border: unset;
  background: unset;
  color: #6DBEC5 !important;
  margin-left: auto;
  margin-right: 90px;
  margin-top: 10px;
  display: block;
  cursor: pointer;
}
.generate-password:hover,.generate-password:focus {
  border: unset;
  color: #80e2ea !important;
  outline: none !important;
  background: unset;
}
.generate-password-checkout {
  border: unset;
  background: unset;
  color: #6DBEC5 !important;
  margin-left: auto;
  margin-right: -10px;
  margin-top: 10px;
  display: block;
  cursor: pointer;
}
.generate-password-checkout:hover,.generate-password-checkout:focus {
  border: unset;
  color: #80e2ea !important;
  outline: none !important;
  background: unset;
}
.pl-100 {
  padding-left: 100px;
}
.g-recaptcha > div:first-child  {
  margin: 0 auto;
}
.pt-unset {
  padding-top: unset;
}
.register_select {
  width: calc(100% - 190px);
  display: block;
  margin: 0 auto;
  background-color: #fff;
}
#registration form {
  margin-top: 100px;
}
/**custom-checkbox**/
/* Customize the label (the container) */
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #6DBEC5;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
  background-color: #6DBEC5;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox label, .radio label {
  padding-left: 35px;
}
#login {
  width: 135px;
  height: 45px;
  font-size: 16px;
  border-radius: 12px;
  margin-bottom: 20px !important;
}
#loginform {
  margin-top: 150px;
}
.login_info_img {
  margin: 100px auto 20px;
}
div#order-standard_cart.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
#containerNewUserSignup .field-icon {
  display: none !important;
}
#containerNewUserSecurity {
  margin-bottom: 10px;
}

#containerNewUserSecurity .field-icon {
  display: none;
}
#containerExistingUserSignin  .field-icon {
  display: none;
}
#frmCheckout {
  background: #FAFAFA;
}
#order-standard_cart .sub-heading {
  text-align: left !important;
  margin-bottom: 45px !important;
}
#order-standard_cart .sub-heading span{
  padding-left: unset !important;
}
.checkout_h1 {
  color: #363636;
  font-size: 25px;
  letter-spacing: 0.63px;
  margin-top: 60px;
  margin-bottom: 40px;
  font-weight: 500;
}
#order-standard_cart .prepend-icon .field {
  padding-left: 16px !important;
}
.checkout_btn_cust {
  border-radius: 12px !important;
  font-size: 16px !important;
  margin-bottom: 30px !important;
  margin-top: 50px;
}
.plr-40{
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.plr-50{
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.already_registered_text_wrapper {
  position: absolute;
  z-index: 10000;
  top: 60px;
  left: 55px;
}
@media (max-width: 660px){
  .already_registered_text_wrapper {
    top: 90px;
    left: 40px;
  }
}
.already_registered_text_wrapper a {
   color: #f08d00;
   cursor: pointer;
 }
.already_registered_text_wrapper p{
  margin: unset;
}
.accepttos_wrapper_not_loged_in {
  padding-left: unset;
}
#order-standard_cart .prepend-icon .field-icon {
  display: none !important;
}
#checkoutCurrencies label {
  display: none !important;
}
#existingCardInfo > div:first-of-type {
  width: 100% !important;
}
#inputDescriptionContainer {
  width: 100% !important;
  margin: unset !important;
}
.stripe-cards-inputs .row .col-m-6:first-of-type {
  width: 100% !important;
}
.stripe-cards-inputs .row .col-m-3 {
  width: 50% !important;
}
#checkoutCurrencies .row .col-lg-9 {
  width: 100% !important;
  padding: unset !important;
}
.icheckbox_flat-orange, .iradio_flat-orange{
  background: url(../img/icheck/green.png) no-repeat !important;
}
#paymentGatewaysContainer label:first-of-type  {
  padding-left: unset !important;
}
#order-standard_cart .cc-input-container {
  background-color: unset !important;
  border: unset !important;
}
#order-standard_cart .cc-input-container {
  padding: unset !important;
}
.icheckbox_flat-orange.checked {
  background-position: -22px 0 !important;
}
.pl-30 {
  padding-left: 30px;
}
@media (max-width: 660px){
  .pl-30 {
    padding: unset;
  }
}
.pr-30 {
  padding-right: 30px;
}
@media (max-width: 660px){
  .pr-30 {
    padding: unset;
  }
}
label[for=stripeExpiryDate] {
  margin-top: 5px;
}
label[for=stripeCvc] {
  margin-top: 5px;
}
#checkoutCurrencies {
  margin-top: 10px;
}
.wp_n_btn {
  margin: unset !important;
  background: #fff !important;
  border-radius: unset;
  border-bottom: 1px solid #6dbec5;
  width: 200px !important;
}

.wp_n_btn.disabled {
  color: inherit;
}

.wp_n_btn:first-child {
  border-top: 1px solid #6dbec5;
}
.wp_nbtns_wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.wp_nbtns_wrapper a{
  color: #363636 !important;
  font-weight: unset !important;
}
.flex-column {
  flex-direction: column;
}
.p-30 {
  padding: 30px;
}
.wp_info_text {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}
.vps-block {
  height: 560px;
  border-left: 1px solid #959595;
}
@media (max-width: 992px){
  .vps-block{
    height: 460px;
    border-left: unset;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
.vps-block:first-of-type {
  border-left: unset;
}
@media (max-width: 992px) {
  .vps-block:nth-of-type(2) {
    height: 520px
  }
}
@media (max-width: 992px) {
  .vps-block img {
      width: 70px
  }
}
.mt-50{
  margin-top: 50px
}
.vps-recommended {
  color: #fff;
  background-color: #4CA37B;
  height: 36px;
  line-height: 36px;
  display: block;
  text-align: center;
  margin-bottom: -36px;
}
@media (max-width: 992px) {
  .vps-recommended {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: -20px;
  }
}
.vps-block h4 {
  margin-top: 56px;
  font-size: 20px;
  font-family: 'Biko';
  color: #363636;
  margin-bottom: 26px;
  height: 40px;
}
@media (max-width: 992px) {
  .vps-block h4 {
    border-top: 1px solid #d4d4d4;
    margin-top: unset;
    padding-top: 40px;
    .vps-block span;
    display: block;
    text-align: center;
    margin-top: 37px;
    margin-bottom: 22px;
    color: #4CA37B;
    letter-spacing: 0.75px;
    font-size: 30px;
    font-family: 'Biko';
    line-height: 30px;
  }
}
.vps-block span {
  display: block;
  text-align: center;
  margin-top: 37px;
  margin-bottom: 22px;
  color: #4CA37B;
  letter-spacing: 0.75px;
  font-size: 30px;
  font-family: 'Biko';
  line-height: 30px;
  height: 70px;
}
.vps-block ul li {
  font-size: 14px;
  margin-bottom: 15px;
  font-family: 'WorkSans';
}
.vps-block ul {
  padding-left: 60px;
  margin-bottom: 40px;
}
.vps-block .text-left {
  padding-left: 40px;
}
.vps-block p {
  font-size: 16px;
  color: #363636;
  font-family: 'WorkSans';
  height: 100px;
}
.vps-block button {
  width: 135px;
  height: 45px;
}
.d-block-m-auto {
  margin: 0 auto;
  display: block;
}
.d-block {
  display: block;
}
#cartHeading {
  margin-top: 10px;
  background-color: #fff;
  font-family: Biko, sans-serif;
  font-weight: 500 !important;
  color: #363636 !important;
  font-size: 20px !important;
  letter-spacing: 0.5px;
  display: block;
  position: relative;
  padding: 17px;
  text-align: center;
}
.icheckbox_square-blue.checked {
  background-position: -20px 0 !important;
}
.icheckbox_square-blue label {
  padding-left: unset;
}
#sidebarCollapse a {
  background: #fff ;
  border-radius: unset;
  border-bottom: 1px solid #6dbec5 !important;
  width: 200px !important;
  margin: unset !important;
  color: #363636;
}
#sidebarCollapse a:first-child {
  border-top: 1px solid #6dbec5 !important;
}
#sidebarCollapse a:hover {
  background: #fafafa !important;
}
#sidebarCollapse .list-group-item {
  border: unset;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  color: #363636 !important;
  background-color: #fafafa !important;
  border-color: #6dbec5;
}
.list-group-item.disabled {
  color: #5d5f63 !important;
}

.badge-secondary {
  background-color: #AAAAAA;
}
.badge-success {
  background-color: #6DBEC5 !important;
}
.tld-pricing-header {
  height: 47px;
  background-color: #186B78;
}
.domain-pricing .tld-pricing-header div:nth-child(odd) {
  background-color: #186B78 !important;
  color: #fff;
}
.register_dom_thead {
  padding-top: 12px;
}
.domain-pricing .tld-row {
  height: 47px;
  padding-top: 12px !important;
}
.input_domain_cust input{
  height: 40px;
  border-radius: 12px 0px 0px 12px !important;
}
.input_domain_cust button{
   height: 40px;
   line-height: 10px;
  border-radius: 0px 12px 12px 0px !important;
}
.table-payment thead tr {
  background-color: #186b78;
}
.table-payment tr th{
   height: 47px;
   line-height: 29px !important;
   color: #fff;
   border: unset !important;
   font-weight: 600;
}
.table-payment tr td{
  border: unset !important;
  height: 47px;
  line-height: 29px !important;
}
.btn-set-default {
  border-radius: 10px !important;
}
.edit-payment {
  padding: unset;
  margin-left: 20px;
}
.delete-payment {
  padding: unset;
  margin-left: 20px;
}
.table-payment  tr:nth-child(even) {
  background-color: #EFEFEF !important;
}
.table-payment  tr:nth-child(even):hover {
  background-color: #EFEFEF !important;
}
.mass-payment-head-row {
  background-color: #186B78;
  color: #fff;
}
.mass-payment-row:nth-child(odd) {
  background-color: #FAFAFA;
}
.mass-payment-row:nth-child(even) {
  background-color: #EFEFEF;
}
.mass-payment-left-col-p {
  padding: 15px 0px 15px 45px;
}
.mass-payment-right-col-p {
  padding: 15px 0px 15px 0px;
}
.payment-method-selector-text {
  margin-left: 15px;
  font-size: 20px;
  font-weight: 100;
}
/* Customize the label (the container) */
.container-radio  {
  display: inline;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container-radio  input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio :hover input ~ .checkmark-radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio  input:checked ~ .checkmark-radio {
  background-color: #6DBEC5;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkmark-radio input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkmark-radio .checkmark-radio:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.masspay-label {
  font-weight: 400;
  position: relative;
  top: 5px;
  margin-right: 20px;
}
#tableInvoicesList thead tr {
  background-color: #186B78;
  color: #fff;
  height: 47px;
}
#tableInvoicesList thead tr th{
  border: unset;
  line-height: 30px;
  font-family: 'WorkSans';
  font-size: 14px;
  font-weight: 500;
}
#tableInvoicesList thead tr th:after{
  display: none;
}
#tableInvoicesList tbody tr td{
  border: unset;
}
#tableInvoicesList tbody tr .even{
  background-color: #EFEFEF;
}
.status-unpaid {
  color: #F08D00;
  background: unset;
}
.status-paid {
   color: #4CA37B;
   background: unset;
 }
.status-cancelled {
  background-color: #e84c3d;
}
.knowledgebase-title {
  font-size: 20px;
  letter-spacing: 0.5px;
  font-weight: 200;
  margin-bottom: 10px;
}
.list-group-item-knowledgebase {
  background: #FAFAFA;
}
.list-group-item-knowledgebase:last-of-type {
  border-bottom: unset !important;
}
.list-group-item-knowledgebase:first-of-type {
  border-top: unset !important;
}
.knowledgebase-badge {
  background: #6DBEC5;
  padding: unset;
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 7px;
  padding-top: 5px;
  font-size: 14px;
  margin-top: 8px;
}
#inputKnowledgebaseSearch {
  height: 43px;
  border-radius: 12px 0px 0px 12px;
  background-color: #fff;
}
.complete_order_cust h1 {
  font-family: "Biko", sans-serif;
  font-size: 25px;
  letter-spacing: 0.63px;
  margin-top: 100px;
}
.complete_order_cust .order-confirmation {
  color: #363636;
  border-color: #186B78;
  width: 400px;
  font-size: 14px;
  display: block;
  margin: 40px auto;
}
.complete_order_cust {
  background: url('../img/cloud_vector.svg'),  linear-gradient(180deg, #FFFFFF 0%, #FEFEFE 43%, #EBF0F5 100%);
  height: 550px;
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
}
.custom_warning {
  background: #C9E9EC;
  color: #363636;
  border: unset;
  border-radius: unset;
}
.two_factor_wrapper {
  margin-left: 15px;
  padding: 20px;
  background-color: #FAFAFA;
  width: 60%;
  padding-right: 40px;
}
.two_factor_wrapper h2 {
  font-size: 20px;
  letter-spacing: 0.5px;
  font-weight: 400;
}
.register_select_wrapper {
  width: calc(100% - 190px);
  margin: 0 auto;
  justify-content: space-between;
}
.register_select_country {
  flex: 0 0 69%;
}
.register_select_currency {
  flex: 0 0 29%;
}
  /*******New Design*******/
.two_factor_wrapper_challenge {
  width: 700px;
  padding: 45px;
  background-color: #FAFAFA;
  margin: 150px auto;
}
.two_factor_wrapper_challenge h2 {
  margin-top: unset;
  text-align: center;
  font-size: 25px;
  letter-spacing: 0.63px;
  margin-bottom: 40px;
  font-weight: 400;
}
.input_two_factor_challenge {
  height: 40px;
  background-color: #fff;
  margin: 20px auto;
  width: 70%;
  display: block;
  border-color: #C4C4C4;
}
.input_two_factor_challenge_login {
  display: block;
  margin: 30px auto 0px  auto;
  width: 135px;
}
.sidebar-left .nav .nav-sub {
  display: block;
}
.panel-primary {
  border-color: unset;
}
.modal-content {
  border:unset;
  border-radius: unset;
}
.panel-primary>.panel-heading {
  color: #fff;
  background-color: #186B78;
  border: unset;
  border-radius: unset;
}
.modal-title {
  margin: 0;
  color: #000000;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 24px;
  display: inline-block;
}
.modal-header .close {
  float: right;
  font-size: 34px;
  font-weight: 400;
  line-height: .6;
  color: #fff;
  margin-top: unset;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
}

#gidForm {
  display: none;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.bell-custom {
  font-size: 23px;
  color: #777;
}
.messages-custom {
  margin-right: -10px !important;
}

#show_wp_message {
  background-color: #f08d00;
  border-radius: 13px;
  width: 450px;
  margin: 0 auto;
  margin-bottom: 20px;
  border: 3px solid #f08d00;
}
#show_wp_message:hover {
  background: transparent;
  border: 3px solid #f08d00;
}
#show_wp_message:hover p{
  color: #f08d00;
}
#show_wp_message p {
  text-align: center;
  color: #ffffff;
  font-size: 14px !important;
  padding: 15px 15px !important;
  font-weight: 500 !important;
  margin: unset !important;
}
#show_wp_message a {
  color: #31708f;
}
#header .user-nav ul li.dropdown.settings .dropdown-menu {
  top: 54px;
  box-shadow: unset;
  border: unset;
  border-radius: unset;
  padding: 10px;
  background-color: #fafafa;
}
#header .user-nav ul li.dropdown.settings .dropdown-menu>li>a {
  padding: 10px 15px;
  font-size: 14px;
  color: #363636;
  font-family: 'WorkSans';
  font-weight: unset;
  border-radius: unset;
}
.dropdown_toggle_custom {
  font-weight: unset !important;
  font-size: 16px !important;
}


#header .messages .badge.badge-envelope {
  top: 0px;
}
.os-cloud-inner-page .login-container, .os-cloud-inner-page .cart-container, .os-cloud-inner-page .envelope-container {
  top: 9px;
}
.vpc_option_label {
  ont-size: 14px;
  font-family: 'WorkSans';
  font-weight: 500;
}
.log_in_horizon_btn {
  position: absolute;
  left: calc(50% - 75px);
  right: 0;
  bottom: 30px;
}
.vpc_panel_custom_header {
  font-size: 20px;
  letter-spacing: 0.5px;
  font-family: 'Biko';
  font-weight: 500;
  margin-bottom: 10px;
}
.summary-bold-header {
  font-size: 14px;
  font-family: "WorkSans", sans-serif;
  font-weight: 500;
  color: #363636;
}
#order-standard_cart .order-summary .total-due-today .amt {
  font-size: 18px !important;
}
.radio_input_custom {
  height: 30px !important;
  width: 30px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  visibility: visible !important;
  left: 15px;
  top: -8px;
}

.radio_input_custom::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 2px solid #6DBEC5;
}

.radio_input_custom:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #6DBEC5;
  transform: translate(-50%, -50%);
  visibility: visible;
}

.subtotal_cust {
  font-size: 14px;
  font-weight: 600;
  font-family: "WorkSans", sans-serif;
  margin: unset;
  display: inline-block;
}
#inputNoStoreContainer {
  display:none !important;
}
#order-standard_cart .order-summary .bordered-totals {
  padding: 0px 0 15px 0 !important;
}
.cost {
  font-size: 18px !important;
}
#order-standard_cart .order-summary .recurring-totals {
  margin: 15px 0 10px 0 !important;
}
#order-standard_cart .order-summary .subtotal {
  margin-bottom: 15px !important;
}
#order-standard_cart .apply-credit-container {
  margin-top: 10px !important;
}
#order-standard_cart .summary-container {
  padding: 10px 27px !important;
}
.payment-methods-vertical-align{
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: "WorkSans", sans-serif;
}
.sidebar-left .nav>li>.nav-sub>li.active>a {
  border-right: 1px solid #fff;
}
#useFullCreditOnCheckout_id, #skipCreditOnCheckout_id {
  font-size: 14px !important;
}

.configure_hr {
  border-color: #777;
  margin-bottom: 20px;
}
#btnCompleteProductConfig {
  margin-top: 10px;
}
/* The Modal (background) */
.modal-custom {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 20000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.72); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content-custom {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  width: 610px; /* Could be more or less, depending on screen size */
  padding-bottom: 30px;
}

/* The Close Button */
.close-modal-custom {
  color: #fff;
  float: right;
  font-size: 37px;
  margin-right: 20px;
  margin-top: -2px;
}

.close-modal-custom:hover,
.close-modal-custom:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.checkout_login_input_custom {
  padding:0px 110px;
}
.sub-heading-custom {
  background-color: #186B78;
  height: unset !important;
  margin: unset;
  padding: 20px 20px 0px 20px;
  border: unset !important;
}
.sub-heading-custom span {
  color: #fff !important;
}
.checkbox-inline-modal-login {
  margin-left: 70px;
  margin-top: 30px;
}
.forgot-pass-modal-login {
  color: #6DBEC5 !important;
  margin-left: 70px;
}
#btnLogin {
  margin-bottom: unset !important;
  margin-top: 20px !important;
}
#existingCardsContainer {
  grid-template-columns: repeat(2,auto) minmax(1em,20em) auto !important;
}
#paymentGatewaysContainer .payment-details {
  margin-right:15px;
  padding-left:5px;
}
#terms_of_service{
  margin-top: 15px;
}
.flex-35 {
  flex: 0 0 35%;
}
#vps_info table tbody tr td {
  border: unset !important;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
}
.whmcs-sidebar {
  margin-top: 48px;
}
.alert_wrapper {
 margin: 0px 15px 20px 15px;
}

#Secondary_Navbar-Account-Contacts{
  display: none !important;
}
#domainRegistrantInputFields .sub-heading{
  padding-left: 17px;
}
.close {
  color: #000 !important;
}
.helpSettings {
  padding-bottom: 4px;
}
.modal-footer-flex {
  display: flex;
  justify-content: space-between;
}
#MGAddRecordModal {
  max-height: 100vh;
}
.error-red-border {
  border-color: red;
}
.modal-error {
  color: red;
}
#tableEmailsList tr th {
  height: unset
}
#tableEmailsList tr td {
  height: unset
}
#tableEmailsList thead .sorting_desc:after  {
  position: relative;
  bottom: -2px !important;
  right: unset !important;
  margin-left: 10px;
  display: inline-block;
}
#tableEmailsList thead .sorting_asc:after {
  position: relative;
  bottom: -2px !important;
  right: unset !important;
  margin-left: 10px;
  display: inline-block;
}
#tableEmailsList thead .sorting:after {
  position: relative;
  margin-left: 10px;
  display: inline-block;
  bottom: -2px !important;
  right: unset !important;
}

.tooltip-cust {
  position: relative;
}
.tooltip-cust-subdomain {
  position: relative;
}
.tooltip-cust .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #fefefe;
  border-color: #b6b6b6;
  color: #363636;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 10;
  bottom: 100%;
  left: 50%;
  margin-left: -90px;
}
.tooltiptext {
  visibility: hidden;
  display: none
}
.tooltip-cust:hover .tooltiptext {
  visibility: visible;
  display: block;
}
.tooltip-cust .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tooltip-cust-subdomain .tooltiptext {
  visibility: hidden;
  width: 500px;
  background-color: #4e4e4e;
  border-color: #b6b6b6;
  color: #fff;
  text-align: left;
  padding: 10px 40px;
  border-radius: unset;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 150%;
  margin-left: -90px;
}
.tooltip-cust-subdomain .tooltiptext img {
  position: absolute;
  left: 10px;
}
.tooltip-cust-subdomain .tooltiptext span {
  margin-left: 30px;
  display: block;
  margin-bottom: 20px;
}
.tooltip-cust-subdomain .tooltiptext div {
  margin-left: 30px;
  display: block;
  margin-bottom: 5px;
}
.tooltip-cust-subdomain .tooltiptext ol {
  margin-left: 10px;
}
.tooltip-cust-subdomain:hover .tooltiptext {
  visibility: visible;
  display: block;
}
.tooltip-cust-subdomain .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 2%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #4e4e4e transparent transparent transparent;
}
.btn-add-to-cart a{
  color: #fff !important;
}
.btn-add-to-cart:hover a{
  color: #f08d00 !important;
}
.btn-add-to-cart:active a{
  color: #f08d00 !important;
}
.btn-add-to-cart:focus a{
  color: #f08d00 !important;
}
.red {
  color: red;
}
.panel-reg-lock {
  margin-top: 30px;
}
#autorenew {
  margin-top: 28px;
}
#mg-wrapper .panel-default {
  border: unset !important;
}
.password-strength-info {
  color: #363636;
  background-color: #C9E9EC;
  padding: 15px;
  margin-bottom: 20px;
  display: flex;
}
.progress {
  border-radius: unset;
  box-shadow: unset;
  background-color: #e3e3e3;
}
.reset_pass_form{
  width: 900px;
  background-color: #FAFAFA;
}
.pass_strength_wrapper{
  margin-top: 24px;
  margin-right: 20px;
}
.reset_pass_btn_wrapper {
  display: flex;
  flex-direction: row-reverse;
  margin: 0px 20px 10px 10px;
}
#selectDcvMethodsTable .form-group {
  margin:unset;
}
#selectDcvMethodsTable select {
  background-color: #fff;
  border-radius: unset;
}
#sslComplete .panel-body {
  background-color: #fafafa;
}
#sslComplete .panel-footer {
  border: unset;
  text-align: right;

}
#newPassword1 #inputNewPassword1 {
  background: #fff;
  color: #777;
  border-radius: unset;
  border: 1px solid #C4C4C4;
}
#newPassword2 #inputNewPassword2 {
  background: #fff;
  color: #777;
  border-radius: unset;
  border: 1px solid #C4C4C4;
}
#inputExistingPassword {
  background: #fff;
  color: #777;
  border-radius: unset;
  border: 1px solid #C4C4C4;
}
#accountDetailsCust .panel-body{
  background-color: #fafafa;
  padding: 15px 25px;
}
#accountDetailsCust .panel-footer {
  display:flex;
  justify-content:end;
  background-color: #fafafa;
  border:unset;
  padding: 15px 25px;
}
#accountDetailsCust .form-control {
  height: 40px;
  background-color: #fff;
  color: #777;
  border-radius: unset;
  margin-bottom: 19px;
}
#accountDetailsCust h2 {
  color:#363636;
  letter-spacing: 0.4px;
  font-size:16px;
  font-family: 'Biko';
  margin-bottom: 13px;
  margin-top: 6px;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 16px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #F08D00;
}

input:focus + .slider {
  box-shadow: 0 0 1px #F08D00;
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.passCustWrapper {
  background-color: #FAFAFA;
  padding: 24px 15px;
  margin-left: 15px;
}
.addFundsWrapper .panel-body {
  background-color: #FAFAFA;
  padding-bottom: unset;
}
.addFundsWrapper .form-group {
  margin-right: unset;
  margin-left: unset;
  margin-bottom: 22px;
}
.addFundsWrapper .form-group .form-control{
  background-color: #ffffff;
  border-radius: unset;
  border: 1px solid #C4C4C4;
  height: 40px;
}
.addFundsWrapper .panel-footer {
  border: unset;
  padding-top: unset;
}
.addFundsWrapper .panel-footer input{
  margin-right: 10px;
}
.addFundsWrapper p {
  color: #777777;
  font-size: 12px;
  margin-bottom: 14px;
}
.addFundsPricesWrapper {
  background: #fff;
  padding: 10px;
}
.addFundsPricesWrapper .addFundsPriceName {
  color: #242424;
  margin-bottom: 2px;
}
.addFundsPricesWrapper span {
  color: #777777;
  font-size: 10px;
}
.addPaymentWrapper {
  background: #FAFAFA;
  padding: 15px 25px 40px 25px;
}
.addPaymentWrapper .form-group {
  margin-left: unset;
  margin-right: unset;
}
.addPaymentWrapper h2 {
  font-size: 16px;
  font-family: "Biko", sans-serif;
  color: #363636;
  letter-spacing: 0.4px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.addPaymentWrapper .form-group .form-control{
  background-color: #ffffff;
  border-radius: unset;
  border: 1px solid #C4C4C4;
  height: 40px;
}
#innerBillingContactsContainer .form-control{
  background-color: #ffffff;
  border-radius: unset;
  border: 1px solid #C4C4C4;
  height: 40px;
}
.addPaymentAddressCustLink {
  position: absolute;
  top: 12px;
  right: 20px;
  color: #777777 !important;
  font-family: 'Open Sans', Arial, sans-serif;
}
.fieldgroup-creditcard #stripeElements .cc-billing-address label {
  display: none;
}
.fieldgroup-creditcard #stripeElements .cc-billing-address .col-sm-7 {
  width: 100%;
  padding-left: unset;
  padding-right: unset;
}
.fieldgroup-creditcard #stripeElements .cc-billing-address:nth-of-type(2), .cc-billing-address:nth-of-type(3) {
  width: 50%;
  display: inline-flex;
}
.fieldgroup-creditcard #stripeElements .cc-billing-address:nth-of-type(2) .col-sm-2, .cc-billing-address:nth-of-type(3) .col-sm-2{
  width: 100%;
}
.fieldgroup-creditcard #stripeElements .cc-billing-address:nth-of-type(2) .col-sm-2 {
  padding-left: unset;
}
.fieldgroup-creditcard #stripeElements .cc-billing-address:nth-of-type(3) .col-sm-2 {
  padding-right: unset;
}
.fieldgroup-creditcard #stripeElements .cc-billing-address:nth-of-type(2) .col-sm-6, .cc-billing-address:nth-of-type(3) .col-sm-4{
  display: none;
}
.fieldgroup-creditcard #stripeElements .StripeElement {
  padding-top: 11px;
}

#inputDescription {
  font-size: 14px;
  color: #000000
}#inputDescription::placeholder {
  font-size: 14px;
  color: #727272;
}
#inputDescription:focus {
  border-color: #c4c4c4;
}
#innerBillingContactsContainer select {
  font-size: 14px;
  color: #727272;
}
.server_inputs_wrapper {
  background-color: #FAFAFA;
  padding-top: 20px;
  margin-left: 15px;
}
.server_inputs_wrapper hr {
  border-top: 1px solid #707070;
  opacity: .42;
}
.server_inputs_wrapper input {
  background-color: #FFFFFF;
  height: 40px;
  border: 1px solid #C4C4C4;
  margin-bottom: 20px;
}
.server_inputs_wrapper select {
  background-color: #FFFFFF;
  height: 40px;
  border: 1px solid #C4C4C4;
  margin-bottom: 20px;
}
.server_inputs_wrapper textarea {
  background-color: #FFFFFF;
  border: 1px solid #C4C4C4;
}
.server_inputs_wrapper .panel-title {
  margin-bottom: 15px;
}
#copyCsrButton {
  width: 90%;
}
.custom-table-footer .manage_dns_btn {
  float: right;
  line-height: 14px;
  margin-top: 14px;
}
#modalGenerateCsr .modal-dialog {
  width: 480px;
  margin: 200px auto;
}
#modalGenerateCsr .modal-header {
  border: unset;
  background-color: #FAFAFA;
}
#modalGenerateCsr .modal-body {
  background-color: #FAFAFA;
  padding-bottom: unset;
}
#modalGenerateCsr .panel-footer {
  border: unset;
  background-color: #FAFAFA;
  padding-top: unset;
  padding-right: 30px;
  padding-bottom: 40px;
}
#modalGenerateCsr .form-control {
  height: 40px;
  border-radius: unset;
  border: 1px solid #C4C4C4;
  background-color: #fff;
  color:#777777;
  margin-bottom: 20px;
}
#modalgenerateCsrSubmit {
  margin-left: 20px;
}
#modalGenerateCsr  h4 {
  position: absolute;
  top: 35px;
  left: 30px;
  font-size: 16px;
}
#modalGenerateCsr  .close {
   color: #242424 !important;
   opacity: 1;
   font-size: 35px;
   font-weight: 300;
}
#modalgenerateCsrDanger {
  margin-left: 15px;
  margin-right: 15px;
}
#google-recaptcha-domainchecker > div[role=tooltip]{
  display: none!important;
}
.field {
  width: 100%;
  height: 36px;
}
#existingCardInfo {
  display: none;
}
.knowledgebase-closed {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
/*#stripeElements{
  display: block !important;
}*/
#newCardInfo{
  display: none !important;
}
#newCardSaveSettings {
  display: none !important;
}
#mg-container {
  width: 100%;
}
.custom-table-ssl-2 {
  border: unset !important;
  border-spacing: 0px 20px;
  border-collapse: separate;
}
.custom-table-ssl-2 tbody tr td {
  border: unset;
}
.custom-table-ssl-2 tbody tr {
  background-color: #fafafa !important;
}
.custom-table-ssl-hr {
  border: 1px solid #707070;
  display: block !important;
  opacity: .6;
}
#additionalActionsTr {
  background-color: unset !important;
}
.textarea_wrapper {
  display: -webkit-box;
}
.textarea_wrapper textarea {
  width: 85%;
  margin-right: 10px;
  background: #fff;
  border-radius: unset;
}
.domain_link_wrapper {
  width: 60%;
  text-align: right;
  font-size: 16px;
}
.arrow {
  border: solid #242424;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  cursor: pointer;
}
.list-group-item-knowledgebase .arrow {
  position: absolute;
  right: 15px;
  top: 15px;
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.kb_opened_item {
  background-color: #EBEBEB;
}
#brexitBtn {
  color: #f08d00;
  font-weight: 500;
  display: inline-block;
  cursor: pointer;
}
#btnSubmitContainer {
  background-color: unset;
  border-top: unset;
  margin-bottom: 15px;
}
.notification_alert {
  background-color: #ac1722;
  padding: 10px;
  position: absolute;
  z-index: 100;
  width: 60%;
  left: 20%;
  color: #fff;
}
#requestCancelationModal {
  max-height: unset;
  z-index: 1000;
}
a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
#cancel_btn.disabled{
  pointer-events: unset;
}
#cancel_btn.disabled:hover{
  color:#999999 !important;
}
.label_subdomain {
  position: absolute;
  bottom: 35px;
  font-weight: 400;
}
#ccv {
  position: absolute;
  top: 4px;
  right: 10px;
}
#lowCreditLimit div{
  display: inline-block;
}
.advanced-billing-integration .panel-title {
  font-weight: 700 !important;;
  font-size: 16px !important;
}

#usageRecordsTables thead tr th{
  font-size: 12px !important;
}
#usageRecordsTables tbody tr td{
  font-size: 12px !important;
}
.lu-app {
  position: unset !important;
}
.advanced-billing-integration .panel-default {
  border-color: #fff !important;
  box-shadow: none !important;
  padding-bottom: 10px;
}
.advanced-billing-integration .panel-default > .panel-heading {
  color: #363636 !important;
  background-color: #fff !important;
  border-color: #006f78 !important;
  border-bottom: unset;
  border-top: 1px solid;
}
.advanced-billing-integration a {
  color: #6DBEC5 !important;
}
#usageRecordsTableData div {
  color: #6DBEC5 !important;
}
.header_label-even {
  background: #6DBEC5 !important;
}
.hide_input {
  background: #fafafa !important;
  border: unset!important;
}
.loader {
  position: relative;
  left: 50%;
  top: 45%;
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #444444; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.loaderWrapper {
  display:none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4)
}
#show_custom_field,
#edit_button_custom_field{
  display: inline-block;
}
#save_button_custom_field {
  margin-left: 10px;
}
#orderSummaryLoader {
  position: relative;
  top: 10px;
  height: 0;
  padding-right: 10px;
  text-align: right;
  color: #efefef;
}
.unpaidInvoicesNotification{
  margin-bottom: 20px;
  font-size: 16px;
  color: red;
}
#manageProductBtns{
  display: flex;
}
#manageProductBtns .btn {
  width: 140px !important;
  border-radius: 6px;
  margin-bottom: unset;
  padding: 8px 12px;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 12px !important;
  height: 32px !important;
  margin-right: 10px;
}
.beta-notification {
  height: 57px;
  display: flex;
  width: 100%;
  padding: 16px;
  background-color: #F1F4FF;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
}
.beta-notification span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #4E73F8;
}
.padding-40-60-0-60 {
  padding: 40px 60px 0px 60px;
}

#Modal label {
  color: #000000;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
#Modal .form-group input{
  min-height: unset;
  height: 32px;
  padding: 1px 8px;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  background-color: #FFFFFF;
}
#Modal .form-group input.form-inline{
  min-height: unset;
  height: 32px;
  padding: 1px 8px;
  border: 1px solid #CCCCCC;
  border-right: unset;
  border-radius: 6px 0px 0px 6px;
  background-color: #FFFFFF;
}
#Modal .form-group button.dropdown-toggle {
  border-left: unset;
}
#Modal .form-group button.dropdown-toggle:hover {
  border-left: unset;
  border-color: #CCCCCC;
}
#Modal .form-group button.dropdown-toggle:focus {
  border-left: unset;
  border-color: #CCCCCC;
}
#Modal .form-group ul.dropdown-menu {
  margin: unset;
  border: unset;
  border-radius: unset;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.08);
  padding: unset;
  background-color: #fff;
}
#Modal .form-group ul.dropdown-menu li {
  border: unset;
  border-radius: unset;
}
#Modal .form-group ul.dropdown-menu li a{
  color: #000 !important;
  background-color: unset;
  padding: 12px 10px;
}
#Modal .form-group ul.dropdown-menu li:hover {
  background-color: #F1F2F3;
}
#Modal .alert {
  display: flex;
  align-items: center;
}
#Modal .alert img {
  flex: 0 0 10%;
}
#Modal .alert div {
  flex: 0 0 85%;
}
#Modal .alert button {
  flex: 0 0 5%;
}
#Modal .alert i{
  display: none;
}