.width-5 {
  width: 5% !important;
}

.width-10 {
  width: 10% !important;
}

.width-15 {
  width: 15% !important;
}

.width-20 {
  width: 20% !important;
}

.width-25 {
  width: 25% !important;
}

.width-30 {
  width: 30% !important;
}

.width-35 {
  width: 35% !important;
}

.width-40 {
  width: 40% !important;
}

.width-45 {
  width: 45% !important;
}

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

.data-table-main-container td.width-5,
.data-table-main-container th.width-5 {
  width: 5% !important;
}

.data-table-main-container td.width-10,
.data-table-main-container th.width-10 {
  width: 10% !important;
}

.data-table-main-container td.width-15,
.data-table-main-container th.width-15 {
  width: 15% !important;
}

.data-table-main-container td.width-20,
.data-table-main-container th.width-20 {
  width: 20% !important;
}

.data-table-main-container td.width-25,
.data-table-main-container th.width-25 {
  width: 25% !important;
}

.data-table-main-container td.width-30,
.data-table-main-container th.width-30 {
  /* width: 30% !important; */
  width: 24% !important;
}

.data-table-main-container td.width-35,
.data-table-main-container th.width-35 {
  width: 35% !important;
}

.data-table-main-container td.width-40,
.data-table-main-container th.width-40 {
  width: 40% !important;
}

.data-table-main-container td.width-45,
.data-table-main-container th.width-45 {
  width: 45% !important;
}

.data-table-main-container td.width-50,
.data-table-main-container th.width-50 {
  width: 50% !important;
}

.dataTables_wrapper table.table-list tbody td.width-5 {
  width: 4%;
  padding-right: 5px;
}

.data-table-main-container {
  margin: 0;
  padding: 15px 15px 30px 15px;
}

.bg-white {
  background-color: var(--bg-white) !important;
}

.html-section-home-page {
  padding-top: 15px;
}

.table {
  color: var(--text-color);
}

body {
  color: var(--text-color);
}

.table-list>tbody>tr>td {
  background-color: var(--bg-white);
  color: var(--text-color);
}

.form-control:disabled,
.form-control[readonly] {
  background-color: var(--bg-white);
  color: var(--text-color);
}

#sidebar.wgssidebaraddon {
  background: var(--sidebar-bg);
}

.clientx.header.wgsheaderfromaddon {
  background: var(--header-bg);
}

#wgs-top-bar-menu li a {
  color: var(--header-text-color);
}

ul.list-unstyled.components.wgssidefontcoloraddon i {
  color: var(--sidebar-icon-color);
}

/*:root{
    --bg-white: #fff;
    --black:#000;
    --bg-primary-dark: #0e3e6e;
    --bg-primary-light: #1c4e80;
    --light-bg-grey:#f5f5f5;
    --text-color:#181717;
    }
*/
body.modal-open {
  padding: 0 !important;
}

/* .close:hover {
    color: var(--text-color) !important;
} */
.data-table-main-container .dataTables_wrapper table.table-list tr:last-child td:first-child {
  border-radius: 0;
}

.data-table-main-container .dataTables_wrapper table.table-list thead th:first-child {
  border-radius: 0;
}

.message-box-theme .alert {
  padding: 15px;
}

.wgs_custom-btn:hover,
.btn-default[disabled]:hover {
  background: var(--primary-btn-bgcolor-hover) !important;
  color: var(--primary-btn-color-hover) !important;
  border-color: var(--primary-border-color-hover) !important;
}

.captcha-left-position .recaptcha-container {
  margin-left: 0 !important;
  padding-left: 15px;
}

.t-yellow {
  background: linear-gradient(to right, #edb800 0%, #cea30d 100%);
}

.t-blue {
  background: linear-gradient(to right, #4e94c4 0%, #167fc5 100%);
}

.t-purple {
  background: linear-gradient(to right, #310879 0%, #673ab7 100%);
}

.t-green {
  background: linear-gradient(to right, #349d16 0%, #5cc552 100%);
}

.t-lightblue {
  background: linear-gradient(to right, #08466b 0%, #1095cb 100%);
}

.m-30 {
  margin: 30px;
}

table#tableEmailsList button:focus {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  box-shadow: unset;
}

.btn-default.focus,
.btn-default:focus {
  color: var(--secondary-btn-color);
  background-color: var(--secondary-btn-bg-color) !important;
  border-color: var(--secondary-border-color) !important;
}

@font-face {
  font-family: "Open Sans Bold";
  src: url("../fonts/OpenSans-Bold.eot");
  src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/OpenSans-Bold.woff2") format("woff2"),
    url("../fonts/OpenSans-Bold.woff") format("woff"),
    url("../fonts/OpenSans-Bold.ttf") format("truetype"),
    url("../fonts/OpenSans-Bold.svg#Open Sans") format("svg");
}

.btn-danger {
  background-color: rgb(240 95 87);
  border-color: rgb(240 95 87);
}

.theme-main-inner-page-section .card {
  background: transparent;
  border: transparent;
}

.dataTables_wrapper table {
  border-spacing: 0 8px;
}

.dataTables_wrapper table.table-list {
  border: transparent;
}

::placeholder {
  color: var(--text-color) !important;
}

ul.action-buttons-table {
  list-style: none;
  padding-left: 20px;
  display: flex;
  margin-bottom: 0px;
}

ul.action-buttons-table a {
  padding: 4px 10px;
  color: var(--text-color);
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 1px solid var(--border-color);
  width: 32px;
  margin-bottom: 0px;
  margin-right: 5px;
  background: var(--bg-white);
}

.dataTables_wrapper table.table-list a {
  color: var(--primary-color);
}

/*a.add-button-common.wgs_custom-btn:hover {
    background: #1c7cd6;
    color: #fff;
}*/
.table-container {
  position: relative;
}

select {
  appearance: none;
  -webkit-appearance: none !important;
  background-image: url(../images/selectclientx_arrow.svg) !important;
  background-size: 11px !important;
  background-repeat: no-repeat !important;
  background-position: 98% !important;
}

.dataTables_length .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: var(--bg-white) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
  border: 1px solid var(--border-color);
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wgs_edit_btn {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border: 1px solid var(--secondary-border-color);
  padding: 8px 22px;
  font-size: 13px;
}

/* .wgs_edit_btn:hover {
    background: var(--secondary-btn-bgcolor-hover);
    color: var(--secondary-btn-color);
    border: 1px solid var(--secondary-border-color);
} */
.wgs_edit_btn:hover {
  color: var(--secondary-btn-color-hover);
  background: var(--secondary-btn-bgcolor-hover);
  border-color: var(--secondary-border-color-hover);
}

/* .wgs_back_btn:hover,
.wgs_edit_btn:hover,
.wgs_custom-btn:hover,
.btn-default.disabled,
.btn-default.disabled:hover {
    background: var(--secondary-btn-bgcolor-hover);
    color: var(--secondary-btn-color);
    border: 1px solid var(--primary-border-color);
    opacity: 1;
} */
.wgs_remove_button:hover {
  color: var(--text-white);
}

.wgs_back_btn {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border-color: var(--primary-border-color);
}

.wgs_remove_button {
  color: var(--text-white);
  background-color: rgb(240 95 87);
  border-color: transparent;
  font-size: 14px;
  padding: 10px 22px;
  font-weight: 600;
  border-radius: 6px;
}

.wgs_back_btn:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover);
  color: var(--primary-btn-color-hover);
}

.footer-link-knowldegebase .wgs_back_btn {
  padding: 8px 22px;
  font-size: 13px;
}

/*table.dataTable thead .sorting_asc:before {
    position: absolute;
    content: "" !important;
    background: url(../images/sort_asc.png) no-repeat center right;
    width: 20px;
    height: 20px;
    top: 15px;
    opacity: 1 !important;
    right: 11px !important;
}
table.dataTable thead .sorting_desc:after{
    position: absolute;
    content: "" !important;
    background: url(../images/sort_desc.png) no-repeat center right;
    width: 20px;
    height: 20px;
    top: 16px !important;
    opacity: 1 !important;
    right: 11px !important;
}*/
.dataTables_wrapper div.dataTables_paginate ul.pagination a.page-link {
  padding: 8px 13px;
  font-size: 13px;
  color: var(--text-color);
  background-color: var(--bg-white);
  margin-right: 5px;
  border-color: var(--border-color);
}

#tableEmailsList button {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

#tableEmailsList button:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

div.dataTables_wrapper div.dataTables_length label {
  font-size: 14px;
}

ul.pagination .page-link:focus {
  box-shadow: none;
}

ul.action-buttons-table li.manage-server a {
  color: var(--grey);
}

ul.action-buttons-table li.edit-contact-info a {
  color: #d75a4b;
}

ul.action-buttons-table li.name-server-info a {
  color: #1b66ef;
}

ul.action-buttons-table li.manage-allow-renew a {
  color: var(--primary-color);
}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

select:focus,
input:focus {
  outline: none;
}

#main-body {
  padding: 0px 0px !important;
}

#content {
  width: calc(100% - 295px);
  position: relative;
  left: 295px;
  top: 80px;
}

.theme-main-inner-page-section {
  min-height: 740px;
}

.dataTables_wrapper table.table-list thead th {
  border-bottom: 0px solid rgba(29, 57, 101, 0.2);
  border-top: transparent;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-color);
  padding: 20px 10px;
  text-align: left;
  letter-spacing: -0.2px;
  white-space: nowrap;
}

.dataTables_wrapper table.table-list tbody td {
  padding: 10px 17px;
  font-size: 13px;
  /* border: 1px solid var(--border-color); */
}

.dataTables_wrapper input.form-control {
  border: transparent;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  margin-bottom: 20px;
}

.dataTables_filter {
  display: none;
}

/*table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before{
    opacity: .2;
    font-size: .9em;
}*/
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before {
  font-size: 16px;
}

table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after {
  transform: rotate(181deg);
  content: "▴";
  line-height: 18px;
}

/*thead>tr>th.sorting_asc:before {
    color: #0cb4e5;
    opacity: 0.5!important;
}*/
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: var(--bg-white);
}

table.table-list thead th {
  padding: 8px;
  background-color: var(--bg-white);
}

/* .dataTables_info {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--grey);
    font-size: 14px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
} */
.dataTables_info {
  bottom: 10px;
  left: 0;
  right: 0;
  color: var(--grey);
  font-size: 14px;
  width: 100%;
  margin: 0 auto;
}

table.dataTable>tr {
  background: #f2f6fa;
  margin-bottom: 14px;
  display: table;
  width: 100%;
  box-shadow: 4px 5px 6px -4px #778fa6;
}

.select-format-style {
  height: 50px;
  border: 1px solid var(--border-color);
  border-radius: 0;
  color: var(--text-color);
  background: var(--bg-white);
}

.wgs_custom-btn {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: 1px solid var(--primary-border-color);
  box-shadow: 0 0 10px #0000001a;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  clear: both;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}

.common-table-upper-header ul.common-header-top {
  padding-left: 0px;
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.common-table-upper-header {
  background: var(--light-grey-bgcolor);
  padding: 23px 30px 18px 30px;
}

a.add-button-common.wgs_custom-btn {
  box-shadow: none;
  padding: 10px 22px;
}

li.dropdown.common-filter-dropdown a.dropdown-toggle {
  color: #000;
  font-size: 15px;
  padding: 10px 19px !important;
  margin: 0 !important;
  background: var(--bg-white);
  border-radius: 4px;
  cursor: pointer;
}

li.dropdown.common-filter-dropdown {
  margin: 0px 15px;
}

li.dropdown.common-filter-dropdown i.fas.fa-bars {
  font-size: 16px;
  color: #767676;
  margin-left: 6px;
}

li.common-title-all h3 {
  margin: 0px 15px 0 0px;
  font-size: 22px;
  display: inline-block;
  line-height: 15px;
  color: var(--text-color);
}

h3.common-title-count {
  font-size: 13px;
  margin-top: 12px;
  color: #bdd2db;
  display: inherit;
  margin-right: 25px;
}

.common-sort-dropdown a.dropdown-toggle {
  font-size: 13px;
  color: var(--primary-color);
}

.common-serach-input input {
  background: transparent;
  border: transparent;
  font-size: 14px;
  color: var(--text-color);
  width: 100%;
  max-width: 100%;
}

.common-serach-input .input-group {
  border: solid 1px var(--border-color);
  border-radius: 4px;
}

.common-serach-input .input-group input::placeholder {
  color: var(--text-color);
}

.common-serach-input {
  width: 100%;
  max-width: 230px;
  margin-right: 15px;
  position: relative;
}

.common-serach-input .input-group-btn {
  position: absolute;
  top: 2px;
  left: 0;
}

.common-serach-input .input-group-btn span {
  color: var(--grey);
}

a:not([href]):not([class]):hover {
  color: var(--primary-color);
}

.common-serach-input input {
  padding: 8px 0 9px 35px;
  font-size: 13px;
}

.common-table-upper-header .dropdown-menu.show {
  max-width: 180px;
}

.common-table-upper-header .dropdown.common-sort-dropdown {
  width: 100%;
  max-width: 190px;
  cursor: pointer;
}

.common-search-filter-icon {
  color: var(--text-white);
}

.common-table-upper-header ul.dropdown-menu a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: var(--text-color);
  white-space: nowrap;
  font-size: 13px;
}

.common-table-upper-header ul.dropdown-menu li {
  display: inline-block;
  margin: 0;
  border-bottom: 1px solid var(--border-color);
  width: 100%;
  cursor: pointer;
  padding: 4px 0;
}

.common-table-upper-header ul.dropdown-menu li:last-child {
  border: transparent;
}

.common-table-upper-header ul.dropdown-menu.show:before {
  border-bottom: 16px solid #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10px;
}

.common-table-upper-header ul.dropdown-menu.show {
  margin-top: 0 !important;
}

.common-sort-dropdown a.dropdown-toggle:hover {
  color: var(--text-color);
}

.common-serach-input .form-control:focus {
  background-color: transparent;
}

.common-serach-input input.form-control {
  height: unset;
  border-radius: 6px;
  border: none;
}

.red {
  background: #ff0000;
}

.orange {
  background: #ffa500;
}

.indigo {
  background: #4b0082;
}

.purple {
  background: #800080;
}

.pink {
  background: #ffc0cb;
}

.green {
  background: #62c376;
}

.blue {
  background: #6a6fd1;
}

.checkbox-universal-box {
  cursor: pointer;
}

.checkbox-universal-box input[type="checkbox"]:checked+.check-icon-span>.check-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox-universal-box input[type="checkbox"]+.check-icon-span>.check-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all 0.3s ease-in;
}

.table td,
.table th {
  border-top: transparent;
}

/*common page spacing start*/
.theme-affiliates-page {
  margin: 30px 30px;
}

/*common page spacing*/
/*login page */
.login-bg {
  padding: 50px 0;
  background: url(../images/login-bg.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.rubuts {
  background: url(../images/cloud-bg.png) no-repeat;
  padding: 90px 44px 20px;
  background-size: cover;
}

#page-wrapper {
  padding-bottom: 50px;
}

.host-row {
  background: url(../images/login-blue-bg.jpg) no-repeat;
  background-size: cover;
  display: inline-block;
  width: 100%;
  display: flex;
}

#registration {
  margin: 0;
  padding: 0 0 0 0;
}

.bg-box {
  padding: 15px 15px 33px;
  background: var(--bg-white);
  min-height: 650px;
}

.titel-sup {
  margin-bottom: 24px;
  font-size: 30px;
  padding-left: 47px;
  color: var(--heading-color);
  font-weight: 600;
  text-transform: uppercase;
}

.back-arrow {
  margin-left: 20px;
}

.log-btn {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border: 1px solid var(--secondary-border-color);
  font-size: 14px;
  padding: 15px 42px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 3px;
  letter-spacing: 5px;
  border-radius: 4px;
  display: inline-block;
  box-shadow: none;
  width: 100%;
  text-align: center;
}

.log-btn:hover {
  color: var(--secondary-btn-color-hover);
  background: var(--secondary-btn-bgcolor-hover);
  border-color: var(--secondary-border-color-hover);
}

.rubuts.servers p {
  padding: 15px 0 10px;
  font-size: 17px;
  color: var(--text-white);
  line-height: 26px;
  font-weight: 300;
}

.rubuts.servers h3 {
  font-size: 32px;
  color: var(_-text-white);
  line-height: 35px;
  font-weight: 300;
}

.btn-facebook.fb-login-button {
  background-color: var(--bg-white) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-color) !important;
  padding: 8px 20px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  margin-right: 15px;
  border-radius: 0 !important;
}

button#btnGoogleSignin1 {
  border: 2px solid #dd4b39 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 8px 33px !important;
  border-radius: 0;
  color: var(--text-white);
  background-color: #dd4b39;
}

.regst-form .form-group {
  margin-bottom: 25px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.register-div-block {
  display: flex;
  flex-wrap: wrap;
}

.back-arrow a {
  color: var(--text-color);
  height: 40px;
  border: solid 1px var(--border-color);
  border-radius: 50%;
  box-shadow: 0 0 10px #ccc;
  display: inline-block;
  text-align: center;
  width: 40px;
  font-size: 18px;
  line-height: 36px;
}

.regst-form .card {
  border: transparent;
  background: transparent;
}

.register-div-block .back-arrow {
  margin-left: 0;
}

form.login-form .card-body {
  padding: 0 20px !important;
}

.container {
  max-width: 1170px;
}

h4.info-titel {
  font-size: 17px;
  color: var(--heading-color);
  font-weight: 600;
  padding: 0 15px;
  margin-bottom: 25px;
  margin-top: 20px;
}

.inputBox .inputText {
  position: absolute;
  font-size: 13px;
  line-height: 20px;
  transition: 0.5s;
  opacity: 1;
  font-weight: 500;
  color: var(--text-color);
  margin-bottom: 5px;
}

.inputBox .input {
  position: relative;
  width: 100%;
  height: 44px;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
  font-weight: 400;
  border-bottom: 1px solid var(--border-color);
  border-radius: 0px;
  -webkit-border-radius: 0px;
  color: var(--text-color);
}

/*select#inputCountry,
select#inputCurrency,
select#inputSecurityQId {
    width: 100%;
    position: relative;
    width: 100%;
    height: 44px;
    font-size: 14px;
    background: transparent;
    border: none;
    outline: none;
    font-weight: 600;
    border-bottom: 1px solid #d2d2d2;
}*/
.intl-tel-input.separate-dial-code .selected-flag {
  background-color: transparent;
}

.inputBox.phonenumber input#inputPhone {
  border: transparent;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 0;
  height: 44px;
}

/*select#stateselect {
    border-radius: 0;
    border: transparent;
    border-bottom: 1px solid #ddd;
    height: 44px;
}*/
#registration .p-4 {
  padding: 0 !important;
}

#registration .row {
  margin-right: 0;
  margin-left: 0;
}

.marketing-email-optin p {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--grey);
}

.marketing-email-optin h4 {
  font-size: 18px;
}

.marketing-email-optin {
  margin: 0 0 5px 0;
  padding: 20px 20px 20px;
  background-color: #f8f8f8;
  border-radius: 3px;
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: var(--light-bg-color);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
  margin-top: 25px;
}

.label {
  font-size: 13px;
}

div#containerPassword {
  width: 100%;
}

p#passwordStrengthTextLabel {
  font-size: 14px;
  text-align: left !important;
}

.regst-form #containerNewUserSecurity h4.info-titel {
  margin-top: 0;
}

.regst-form .generate-password {
  margin-top: 0;
}

.regst-form .progress {
  margin-bottom: 5px;
  margin-top: 10px;
}

p.wgs-top-gen-password {
  margin-top: 10px;
}

.btn-save.wgs_custom-btn.generate-password {
  background: var(--primary-btn-bg-color);
  border: 1px solid var(--primary-border-color);
  text-transform: capitalize;
  padding: 5px 8px;
  font-weight: 600;
  color: var(--primary-btn-color);
  border-radius: 5px;
  letter-spacing: 0.4px;
  font-size: 14px;
}

.inputBox.focus .inputText {
  transform: translateY(-28px);
  font-size: 14px;
  opacity: 1;
  color: var(--primary-color);
}

.regst-form input.wgs_custom-btn {
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 4px;
  padding: 17px 0;
  background: #0cb4e5;
  border-radius: 4px;
  color: var(--text-white);
  box-shadow: 0 0 10px #ccc;
  width: auto;
  padding: 16px 42px;
  margin-left: 15px;
}

.checkbox.agry {
  padding: 0px 15px;
}

.checkbox.agry a {
  font-size: 13px;
  margin-left: 5px;
  color: var(--primary-color);
}

.checkbox.agry {
  display: flex;
}

.inputBox.phonenumber .inputText {
  margin-left: 85px;
}

.inputBox.phonenumber.focus .inputText {
  margin-left: 0px;
}

.inputBox.focus .input {
  border-bottom: 2px solid var(--border-color);
}

.inputBox.focus {
  margin-bottom: 25px;
}

#registration .sub-heading {
  display: none;
}

/*login page css start*/
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all 0.3s ease-in;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: 0.8em;
  line-height: 0;
  top: 50%;
  left: 20%;
  color: var(--text-white);
}

.login-form span.cr {
  background: var(--light-bg-color);
}

.login-bg input[type="checkbox"]:checked+span {
  background: var(--primary-bgcolor);
  color: var(--text-white);
}

.text-centerform-group.row {
  margin-top: 20px;
}

.checkbox .cr,
.radio .cr {
  position: relative;
  background: var(--light-bg-color);
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: 0.25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: 0.5em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}

.form-group.check-top label {
  font-size: 14px;
  color: var(--text-color);
  font-weight: 300;
}

.wel-titel {
  /* padding-top: 25px; */
  text-align: center;
  font-size: 30px;
  color: var(--heading-color);
  text-transform: uppercase;
  font-weight: 400;
}

.lossPasswordlayout2 .form-forgot-password {
  padding: 10px 30px;
}

.login-logo {
  text-align: center;
}

form.login-form .card.mw-540.mb-md-4.mt-md-4 {
  border: transparent;
  margin-bottom: 0 !important;
  background: transparent;
}

span.clearfix {
  display: none;
}

a.pull-right.need-help {
  font-size: 14px;
  color: var(--primary-color);
  font-weight: 300;
}

.form-group.check-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

input#login {
  width: 100%;
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 4px;
  padding: 10px 0;
  background: var(--primary-btn-bg-color);
  border: 1px solid var(--primary-border-color);
  color: var(--primary-btn-color);
  border-radius: 6px;
  box-shadow: 0 0 10px #ccc;
}

.login-form .form-group {
  margin-bottom: 22px;
}

.login-form .form-group.check-top.wgslogin-captch {
  margin-bottom: 10px;
}

.login-logo img {
  width: 100%;
  max-width: 100%;
  height: 80px;
}

div#google-recaptcha-domainchecker1 {
  position: relative;
  margin-bottom: 15px;
}

.login-form div#google-recaptcha-domainchecker1 {
  position: relative;
  margin-bottom: 15px;
  left: 16px;
}

.regst-form div#google-recaptcha-domainchecker1 {
  left: 15px;
}

.form-forgot-password div#google-recaptcha-domainchecker1 {
  margin-left: 0 !important;
}

.theme-contact-page div#google-recaptcha-domainchecker1 {
  left: 0;
}

/*.g-recaptcha {
    -webkit-transform: scale(0.77);
    -webkit-transform-origin: center 0;
    display: flex;
    align-items: center;
    text-align: center;
}*/
.login-form .social-signin-btns,
.regst-form .social-signin-btns {
  text-align: center;
}

.login-form .social-signin-btns button.btn {
  margin-right: 0;
}

.login-new .social-signin-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rubuts p {
  padding: 15px 0 45px;
  font-size: 17px;
  color: var(--text-white);
  line-height: 26px;
  font-weight: 300;
}

.rubuts h3 {
  font-size: 32px;
  color: var(--text-white);
  line-height: 35px;
  font-weight: 300;
  margin-top: 20px;
}

.login-brand-img img {
  width: 100%;
  max-width: 400px;
}

form.login-form .card-body {
  padding-bottom: 0 !important;
}

.rubuts b {
  font-weight: 600;
}

.btn-facebook.fb-login-button:hover {
  background: var(--primary-btn-bg-color) !important;
  color: var(--text-white) !important;
  border-color: var(--primary-border-color) !important;
}

button#btnGoogleSignin1:hover {
  background: transparent;
  color: #dd4b39;
}

/*login page css end*/
/*header css start*/
.top-resp {
  display: none;
}

.card-info-box {
  margin-bottom: 15px;
}

.clientx.header.wgsheaderfromaddon {
  padding: 18px 0 11px;
  min-height: 60px;
  position: fixed;
  width: 100%;
  z-index: 9999999;
  top: 0;
}

.navbar-brand img {
  max-width: 100%;
  height: 45px;
}

ul.ul-right-top {
  display: flex;
  list-style: none;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  justify-content: end;
}

.dropdown.user.user-menu a.dropdown-toggle i {
  border-radius: 50%;
  border: transparent;
  width: auto;
  height: auto;
  color: #fbfafa;
  text-align: center;
  font-size: 18px;
  line-height: 39px;
}

ul.ul-right-top .dropdown-toggle {
  white-space: nowrap;
  color: var(--header-icon-color);
  font-size: 20px;
  margin: 0 0 0 25px;
  cursor: pointer;
}

.counter-header-label {
  position: absolute;
  border-radius: 50%;
  font-size: 10px;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  top: -4px;
  padding: 2px;
  color: #000;
  background: #ffc600;
  right: -10px;
}

.notification-counter-item-label {
  background: #fa3e3e;
  color: var(--text-white);
}

.dropdown-toggle::after {
  display: none;
}

.contact-description li a:hover {
  color: var(--header-submenu-descption-color);
}

.user-menu .dropdown-menu a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.user-menu ul.dropdown-menu.show:before {
  border-bottom: 10px solid var(--header-submenu-bgcolor);
}

ul.dropdown-menu.show:before {
  content: "";
  border-bottom: 10px solid #ccc;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  position: absolute;
  right: 12px;
  top: -10px;
}

.view-cart-items ul.dropdown-menu.show:before {
  left: 12px;
  right: unset;
  border-bottom: 10px solid #f6f6f6;
}

li.header.langlist {
  background: #63b155;
  color: var(--text-white);
  padding: 12px 0;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.dropdown-menu.show {
  display: block;
  right: 0;
  left: auto;
  animation-name: fadeAnimation;
  animation-duration: 0.7s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  margin: 23px 0 0;
}

@keyframes fadeAnimation {
  0% {
    opacity: 0;
    top: 120%;
  }

  100% {
    opacity: 1;
    top: 100%;
  }
}

ul.menu.notf.language li {
  min-height: 30px;
  float: left;
  width: 25%;
  list-style: none;
  padding: 9px 11px;
  border-bottom: 1px solid #f7f7f7;
}

ul.menu.notf.language {
  padding-left: 0;
  width: 100%;
  position: relative;
  margin-top: 0px;
}

li.dropdown.messages-menu.lang.show ul.dropdown-menu.show {
  min-width: 450px;
  width: 450px;
  padding: 0;
}

ul.menu.notf.language a {
  width: 100%;
  border: none;
  font-size: 14px;
  color: #767575;
}

li.dropdown.messages-menu.lang ul.dropdown-menu:before {
  content: "";
  border-bottom: 16px solid #63b155;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  position: absolute;
  right: 12px;
  top: -15px;
}

.dropdown-menu {
  background-clip: padding-box;
  border-radius: 0px;
  -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 11%);
  box-shadow: 0 3px 9px rgb(0 0 0 / 11%);
  border: transparent;
  background-color: var(--bg-white);
}

.client-name {
  margin-top: 4px;
  color: #0e3e6e;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}

.user-icone {
  float: left;
}

li.user-header.bg-light-blue {
  padding: 12px 25px;
  display: inline-block;
  width: 100%;
  border-radius: 4px 4px 0 0;
}

.user-icone i {
  background: #ffc600;
  border-radius: 50%;
  border: solid 2px #0e3e6e;
  width: 42px;
  height: 42px;
  color: #0e3e6e;
  text-align: center;
  font-size: 21px;
  line-height: 36px;
}

.user-icone {
  float: left;
}

.client-name {
  margin-top: 4px;
  color: #0e3e6e;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}

li.dropdown.user.user-menu.show ul.dropdown-menu {
  min-width: 300px;
  background: transparent;
  padding: 0;
}

.user-menu .dropdown-menu>li>a {
  font-size: 15px;
  padding: 8px 14px;
  color: #767575;
  border-bottom: 1px solid #f7f7f7;
  display: block;
}

.user-menu .dropdown-menu>li:last-child a {
  border-bottom: transparent;
}

.clientx-default-navigation .dropdown-menu {
  position: absolute;
  max-width: 750px;
  left: 0;
  width: auto;
  top: 76px;
  background: transparent;
  box-shadow: none;
  margin: 0 auto;
  right: 0;
}

.clientx-default-navigation ul.sub-menu {
  padding-left: 0;
  list-style: none;
  max-width: 95%;
}

.clientx-default-navigation li.dropdown {
  position: static;
}

.clientx-default-navigation ul.sub-menu p {
  font-size: 13px;
  margin: 5px 0 0;
  word-break: break-word;
  clear: both;
  font-weight: normal;
  display: inline-block;
  width: 100%;
  color: var(--header-submenu-descption-color);
  padding-left: 47px;
}

.clientx-default-navigation .dropdown-menu a {
  padding-bottom: 15px;
  display: block;
}

.top-menu-open-hov li.dropdown:hover .dropdown-menu {
  display: block;
}

.drop-menu .col:hover {
  background-color: #faf9ff;
}

.dropdown .drop-menu .row {
  margin: 0;
}

.dropdown-menu .drop-menu .col {
  border-right: 1px solid #ddd;
  margin-bottom: 10px;
}

.drop-menu {
  background: var(--header-submenu-bgcolor);
  width: auto;
  max-width: 100%;
  display: table;
  margin: auto;
  border-radius: 10px;
  padding: 15px 15px 20px;
}

.navbar-collapse .dropdown-menu:before {
  content: "";
  border-bottom: 16px solid #ffffff;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  position: absolute;
  left: 0;
  top: -6px;
  right: 0;
  width: 10px;
  margin: 0 auto;
}

.icon-img-sprite {
  margin: 0 0px 0px 0px;
  padding: 0;
  background-image: url(../images/sprite_menu-icon.png);
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  float: left;
}

.clientx-default-navigation ul.sub-menu i.fab,
.clientx-default-navigation ul.sub-menu i.fa,
.clientx-default-navigation ul.sub-menu i.fas,
.clientx-default-navigation ul.sub-menu i.fad,
.clientx-default-navigation ul.sub-menu i.fal,
.clientx-default-navigation ul.sub-menu i.far {
  background: no-repeat;
  text-align: center;
  vertical-align: middle;
  line-height: 38px;
  font-size: 22px;
  font-weight: normal;
  float: left;
  width: 35px;
  height: 35px;
}

.home_icon_cx {
  background-position: -1px 5px;
}

.cart_icon_cx {
  background-position: -40px 2px;
}

.service_icon_cx {
  background-position: -72px 5px;
}

.addon_icon_cx {
  background-position: -107px 5px;
}

.detail_icon_cx {
  background-position: -142px 5px;
}

.domain_icon_cx {
  background-position: -177px 5px;
}

.register_icon_cx {
  background-position: -212px 5px;
}

.transfer_icon_cx {
  background-position: -247px 5px;
}

.ticket_list_icon_cx {
  background-position: -2px -66px;
}

.contact_icon_cx {
  background-position: -1px -31px;
}

.announcement_icon_cx {
  background-position: -36px -31px;
}

.knowledgebase_icon_cx {
  background-position: -72px -31px;
}

.downloads_icon_cx {
  background-position: -107px -31px;
}

.network_icon_cx {
  background-position: -142px -31px;
}

.affiliates_icon_cx {
  background-position: -177px -31px;
}

.submitticket_icon_cx {
  background-position: -212px -31px;
}

.invoice_icon_cx {
  background-position: -247px -31px;
}

.quotes_icon_cx {
  background-position: -72px -67px;
}

.masspay_icon_cx {
  background-position: -282px -31px;
}

.addfunds_icon_cx {
  background-position: -317px -31px;
}

.logout_icon_cx {
  background-position: -107px -74px;
}

.thumbup_icon_cx {
  background-position: -316px 6px;
}

.support_icon_cx {
  background-position: -282px 5px;
}

.rupee_icon_cx {
  background-position: -36px -64px;
}

.hosting_kit_icon1_cx {
  background-position: -142px -62px;
}

.hosting_kit_icon11_cx {
  background-position: -142px -98px;
}

.hosting_kit_icon21_cx {
  background-position: -142px -134px;
}

.hosting_kit_icon31_cx {
  background-position: -142px -170px;
}

.hosting_kit_icon41_cx {
  background-position: -142px -203px;
}

.hosting_kit_icon2_cx {
  background-position: -177px -64px;
}

.hosting_kit_icon12_cx {
  background-position: -177px -98px;
}

.hosting_kit_icon22_cx {
  background-position: -177px -134px;
}

.hosting_kit_icon32_cx {
  background-position: -177px -170px;
}

.hosting_kit_icon42_cx {
  background-position: -177px -203px;
}

.hosting_kit_icon3_cx {
  background-position: -212px -66px;
}

.hosting_kit_icon13_cx {
  background-position: -212px -98px;
}

.hosting_kit_icon23_cx {
  background-position: -212px -134px;
}

.hosting_kit_icon33_cx {
  background-position: -212px -170px;
}

.hosting_kit_icon43_cx {
  background-position: -212px -203px;
}

.hosting_kit_icon4_cx {
  background-position: -247px -65px;
}

.hosting_kit_icon14_cx {
  background-position: -247px -98px;
}

.hosting_kit_icon24_cx {
  background-position: -247px -134px;
}

.hosting_kit_icon34_cx {
  background-position: -247px -170px;
}

.hosting_kit_icon44_cx {
  background-position: -247px -203px;
}

.hosting_kit_icon5_cx {
  background-position: -282px -63px;
}

.hosting_kit_icon15_cx {
  background-position: -282px -98px;
}

.hosting_kit_icon25_cx {
  background-position: -282px -134px;
}

.hosting_kit_icon35_cx {
  background-position: -282px -170px;
}

.hosting_kit_icon45_cx {
  background-position: -282px -203px;
}

.hosting_kit_icon6_cx {
  background-position: -317px -64px;
}

.hosting_kit_icon16_cx {
  background-position: -317px -98px;
}

.hosting_kit_icon26_cx {
  background-position: -317px -134px;
}

.hosting_kit_icon36_cx {
  background-position: -317px -170px;
}

.hosting_kit_icon46_cx {
  background-position: -317px -203px;
}

.hosting_kit_icon7_cx {
  background-position: -2px -100px;
}

.hosting_kit_icon17_cx {
  background-position: -2px -134px;
}

.hosting_kit_icon27_cx {
  background-position: -2px -170px;
}

.hosting_kit_icon37_cx {
  background-position: -2px -202px;
}

.hosting_kit_icon47_cx {
  background-position: -2px -235px;
}

.hosting_kit_icon8_cx {
  background-position: -36px -98px;
}

.hosting_kit_icon18_cx {
  background-position: -36px -134px;
}

.hosting_kit_icon28_cx {
  background-position: -36px -170px;
}

.hosting_kit_icon38_cx {
  background-position: -36px -202px;
}

.hosting_kit_icon48_cx {
  background-position: -36px -235px;
}

.hosting_kit_icon9_cx {
  background-position: -72px -98px;
}

.hosting_kit_icon19_cx {
  background-position: -72px -134px;
}

.hosting_kit_icon29_cx {
  background-position: -72px -170px;
}

.hosting_kit_icon39_cx {
  background-position: -72px -202px;
}

.hosting_kit_icon49_cx {
  background-position: -72px -237px;
}

.hosting_kit_icon10_cx {
  background-position: -110px -98px;
}

.hosting_kit_icon20_cx {
  background-position: -107px -134px;
}

.hosting_kit_icon30_cx {
  background-position: -107px -170px;
}

.hosting_kit_icon40_cx {
  background-position: -107px -202px;
}

.hosting_kit_icon50_cx {
  background-position: -107px -241px;
}

ul.ul-right-top li.dropdown.messages-menu.lang a.dropdown-toggle {
  margin-left: 0;
}

.faq-wrapper .accordion .card .card-header button[aria-expanded="true"] img {
  transform: rotate(180deg);
}

/*header css end*/
/*sidebar css start*/
nav#sidebar.topmenu-hide-desktop {
  margin-left: -100%;
}

nav#sidebar {
  z-index: 999;
  min-width: 295px;
  max-width: 295px;
  background: #1c4e80 url(../images/nav-bg.png) repeat-y;
  color: var(--text-white);
  position: fixed;
  height: 100%;
  top: 80px;
}

.whmcs-primary-for-mobile-only {
  display: none;
}

#sidebar ul li a {
  padding: 15px 14px;
  font-size: 1.1em;
  display: block;
  border-bottom: 1px solid var(--sidebar-bottom-border-color);
  border-left: 1px solid transparent;
  transition: 1s;
}

ul.list-unstyled.components i {
  color: #adbeee;
  font-size: 21px;
  padding: 0 50px 0 9px;
  width: 25px;
  font-weight: normal;
}

ul.list-unstyled.components span {
  font-size: 15px;
  font-weight: 600;
  color: var(--sidebar-text-color);
  /* margin-left: 21px; */
  width: 80%;
}

.wgsSidebar1 ul.sidebar_items.custom_sidebar_items li a {
  padding-left: 40px !important;
}

.leftSideBarClosed.active ul.sidebar_items.custom_sidebar_items li a {
  padding-left: 25px !important;
}

.shift-btn {
  background: url(../images/nav-arrow.png) no-repeat;
  width: 40px;
  height: 40px;
  border: transparent;
  position: absolute;
  bottom: 155px;
  right: -20px;
}

button:focus {
  outline: none;
}

form.account-permission-form label {
  font-size: 14px;
  color: var(--text-color);
}

li.setting-payment a {
  border-color: var(--primary-border-color);
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: 1px solid !important;
}

li.edit-payment a {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color) !important;
  border-color: var(--secondary-border-color);
}

li.edit-payment a i {
  color: var(--secondary-btn-color) !important;
}

li.setting-payment a:hover {
  border-color: var(--primary-btn-color-hover);
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
}

#sidebar ul li a.active {
  color: var(--text-white);
  border-left: 1px solid var(--sidebar-left-border-color);
  background: var(--sidebar-bg-active);
}

.table-list>tbody>tr:hover>td {
  background-color: var(--light-grey-bgcolor);
}

#sidebar.active ul {
  position: relative;
  left: 200px;
  width: 32%;
}

#sidebar.active {
  margin-left: -200px;
}

.defaultClientxSidebar,
#sidebar,
#content {
  transition: 0.8s;
}

#sidebar.active ul.list-unstyled.components span {
  display: none;
}

a.pull-right.need-help {
  color: var(--primary-color) !important;
}

a.pull-right.need-help:hover {
  text-decoration: underline;
}

#content.active {
  width: calc(100% - 95px);
  left: 95px;
}

.active .shift-btn {
  background: url(../images/nav-arrowactive.png) no-repeat;
}

#sidebar.active ul ul.sidebar_items.custom_sidebar_items {
  left: 0;
  width: 100%;
}

ul.sidebar_items.custom_sidebar_items {
  list-style: none;
  padding-left: 0;
  background: transparent;
}

.intl-tel-input .country-list {
  background-color: var(--bg-white);
  border: 1px solid var(--border-color);
}

#sidebar ul li ul li a.active {
  border-left: 1px solid var(--sidebar-left-border-color);
  background: var(--sidebar-bg-active);
}

/*.sidebar_items li a span {
    font-size: 14px !important;
    color: #17b8fb !important;
}
.sidebar_items li a i {
    font-size: 20px !important;
    color: #17b8fb !important;
}*/
/* #sidebar ul li ul li a.active span,
#sidebar ul li ul li a.active i {
  color: #17b8fb !important;
} */
/*sidebar css end*/
/*footer css start*/
#footer {
  padding: 20px 0;
  background-color: var(--bg-white);
  border-top: 1px solid var(--border-color);
}

#footer .nav {
  display: block;
  text-align: center;
}

footer.footer .btn {
  color: #acafb9;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

#footer ul.nav.justify-content-center.justify-content-lg-start {
  display: flex;
  align-items: center;
  justify-content: center !important;
  padding-bottom: 15px;
}

footer ul.list-inline.mb-7.text-center {
  margin-bottom: 10px;
}

footer.footer .btn:hover {
  background: #1c4e80;
  color: var(--text-white);
}

footer.footer .nav-link {
  font-size: 14px;
  padding: 0px 10px;
  text-decoration: unset;
  /* color: var(--grey); */
  color: var(--primary-color);
}

footer.footer .copyright {
  margin: 0;
  border-top: none;
  padding-top: 0;
  color: var(--grey);
  font-size: 13px;
}

/*footer css end*/
/*header css start*/
.navbar-header {
  display: flex;
  float: left;
  width: 280px;
}

.page-item.disabled .page-link {
  color: var(--grey);
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

.navbar-header-cover-top {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

ul#wgs-top-bar-menu {
  display: flex;
  flex-direction: unset;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  justify-content: center;
}

.nav.navbar-nav a {
  color: var(--text-white);
  font-size: 15px;
  font-weight: 400;
  padding: 15px 10px 30px !important;
  position: relative;
}

.nav.navbar-nav .dropdown-menu.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.clientx-default-navigation .dropdown-menu.show {
  padding-top: 0;
}

.top-nav-have-child a.dropdown-toggle::after {
  display: inline-block;
  vertical-align: middle;
}

.nav.navbar-nav .dropdown-menu .dropdown-toggle::after {
  display: none;
}

.nav.navbar-nav .drop-menu .sub-menu li a {
  padding: 12px 10px;
}

.nav.navbar-nav .drop-menu .sub-menu li a:hover {
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
}

div#bs-example-navbar-collapse-1 {
  display: block;
  flex-basis: auto;
}

a:hover {
  text-decoration: none;
}

ul#wgs-top-bar-menu ul.sub-menu a {
  color: var(--header-submenu-heading-color);
}

.clientx-default-navigation a {
  color: var(--text-white);
  font-size: 15px;
  font-weight: bold;
  padding: 15px 10px 30px;
  position: relative;
}

.navbar-header-cover-top .navbar-collapse .dropdown-menu:before {
  display: none !important;
}

.clientx-default-navigation .drop-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 32px rgba(0, 0, 0, 0.08);
}

.clientx-default-navigation ul.sub-menu b {
  display: block;
  line-height: 16px;
  margin: 0px 0 0 46px;
  vertical-align: bottom;
  position: unset;
  top: 4px;
  font-size: 16px;
  color: var(--header-submenu-heading-color);
}

.navbar-header-cover-top .dropdown-menu .drop-menu .col:last-child {
  border: none;
}

.clientx-default-navigation div.opendropmenu::after {
  display: none !important;
}

.whmcs-default-navigation li .dropdown-toggle::after {
  display: inline-block;
  vertical-align: middle;
}

/*header css end*/
/*=============================== Default Header css start here======================*/
.no-top-bar-enable .header-right {
  width: 280px;
}

.no-top-bar-enable .navbar-nav {
  flex-direction: row;
  justify-content: end;
  align-items: center;
}

header.header.no-top-bar-enable .navbar-nav a {
  white-space: nowrap;
  color: var(--text-white);
  font-size: 20px;
  margin: 0 0 0 40px;
  cursor: pointer;
  padding: 0 !important;
}

header.header.no-top-bar-enable .navbar-nav .dropdown-menu a {
  margin: 0;
}

header.header.no-top-bar-enable .navbar-nav li:first-child a {
  margin-left: 0;
}

.no-top-bar-enable li.dropdown.user.user-menu.show ul.dropdown-menu {
  position: absolute;
}

.no-top-bar-enable .user-menu .dropdown-menu.show {
  margin: 18px 0 0;
}

.no-top-bar-enable #Secondary_Navbar-Account .dropdown-menu {
  border-radius: 0;
}

/*=============================== Default Header css end here======================*/
/*pagination css start*/
.pagination-announcements form.form-inline {
  justify-content: center;
  padding: 0px 30px 50px 30px;
}

.pagination-announcements a.btn.btn-default.active {
  background: #40b5e7;
  color: var(--text-white);
  border-color: #57b6e9;
}

.pagination-announcements .btn-default:hover {
  color: #57b6e9;
  background-color: var(--text-white);
  border-color: transparent !important;
}

.pagination-announcements .btn-default {
  color: #637995;
  background-color: var(--text-white);
  border-color: transparent;
  font-weight: 600;
}

.pagination-announcements .btn-default:first-child {
  display: none;
}

.pagination-announcements .btn-default:last-child {
  display: none;
}

/*pagination css end*/
/*index css start*/
.row.my-5.action-icon-btns {
  margin: 0;
}

.find-domain {
  background-color: var(--secondary-bgcolor);
  padding: 100px 0px 85px;
  background-image: url(../images/find-domainbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.home-domain-search h2 {
  font-size: 36px;
  font-weight: 500;
  text-align: center;
  color: var(--text-white);
  margin: 0;
  padding: 0;
}

.home-domain-search .btn-primary {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
}

.home-domain-search .input-group {
  align-items: center;
}

.home-domain-search .input-group-wrapper .form-control {
  border: 0;
  height: 50px;
  border-radius: 8px;
}

.home-domain-search .input-group-wrapper {
  width: 591px;
  margin: 22px auto;
  border-color: var(--border-color);
}

.home-domain-search div#google-recaptcha-domainchecker1 {
  left: unset;
}

ul.tld-logos {
  display: flex;
  justify-content: center;
}

.home-domain-search .tld-logos li {
  font-size: 14px;
  color: var(--text-color);
  font-weight: 600;
  margin: 10px 5px;
  background: var(--light-bg-color);
  padding: 10px 10px;
  border-radius: 5px;
}

.home-domain-search .p-5 {
  padding: 0 !important;
}

.home-domain-search .tld-logos img {
  width: 45px;
}

.home-page-product-heading {
  padding: 20px 40px !important;
}

.find-domain a.btn.btn-link.btn-sm.float-right {
  float: unset !important;
  display: block;
  color: var(--text-white);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: table;
  margin: auto;
  position: relative;
}

.find-domain a.btn.btn-link.btn-sm.float-right::after {
  content: "";
  background: var(--border-color);
  height: 2px;
  position: absolute;
  width: 106px;
  left: 0;
  right: 0;
  bottom: 0px;
  display: inline-block;
  margin: 0 auto;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

.find-domain a.btn.btn-link.btn-sm.float-right:hover::after {
  transform: scaleX(1);
}

span.switch-slider {
  padding: 3px 12px;
  text-align: center;
  border-radius: 24px;
  min-width: 51px;
  line-height: 20px;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-color);
  cursor: pointer;
}

.switcher-for-product {
  border: 1px solid var(--border-color);
  border-radius: 24px;
  padding: 3px;
  background: var(--bg-white);
  display: inline-block;
}

span.switch-slider.active {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
}

ul.menu.notf.language li:hover {
  background: #dddddd61;
}

h3.card-title.pricing-card-title {
  padding: 12px 0 10px;
  text-align: center;
  font-size: 26px;
  font-weight: 300;
  color: var(--text-white);
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
  min-height: 60px;
  line-height: 40px;
}

.home-page-product-listing p {
  font-size: 15px;
  margin: 0 0px;
  padding: 7px 3px;
  min-height: 80px;
  color: var(--text-color);
  max-width: 400px;
  margin: 0 auto 20px;
}

.home-page-product-listing a.wgs_custom-btn {
  box-shadow: 0 0 10px #dfdfdf;
  padding: 10px 22px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 10px;
  position: unset;
  display: block;
}

.dropdown-menu.wgsSuper4.show {
  padding-top: 0;
}

.home-page-product-listing .card.mb-3 {
  margin-bottom: 50px !important;
}

.domainchecker-homepage-captcha div#default-captcha-domainchecker p {
  color: var(--text-white);
  font-size: 14px;
}

#default-captcha-domainchecker .captchaimage {
  padding-top: 0;
}

/*.home-page-product-listing .card-body{
    padding: 0rem 0px 25px 0px!important;
}*/
.home-page-product-heading {
  padding: 20px;
}

.home.home-page-product-listing {
  padding: 20px;
}

div#content {
  background: var(--light-bg-color);
}

.home-page-product-heading h2 {
  font-size: 27px;
  color: var(--heading-color);
  font-weight: 600;
}

.p-blue {
  background: #3498db;
}

.p-lightblue {
  background: #0cb4e5;
}

.p-green {
  background: #2dcc71;
}

.p-yellow {
  background: #edb800;
}

.p-purple {
  background: #9b58b5;
}

.card-columns.home.home-page-product-listing.home-page-slider.slick-initialized.slick-slider {
  column-count: unset;
}

/* input[type=checkbox],
input[type=radio] {
    accent-color: var(--primary-color);
} */
.action-icon-btns a {
  transition: all 0.8s ease;
}

button.slick-prev.slick-arrow {
  font-size: 0;
  border: transparent;
  position: absolute;
  top: -56px;
  right: 60px;
  background: transparent;
}

button.slick-prev.slick-arrow:after {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  color: var(--secondary-color);
}

button.slick-next.slick-arrow {
  font-size: 0;
  border: transparent;
  position: absolute;
  top: -56px;
  right: 29px;
  background: transparent;
}

button.slick-next.slick-arrow:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  color: var(--secondary-color);
}

.home-page-product-listing.home-page-slider.slick-initialized.slick-slider .card.mb-3 {
  margin: 10px;
}

.can-help-home-page .action-icon-btns a,
.your-account-home-page .action-icon-btns a {
  font-size: 16px;
  color: var(--text-color);
  text-align: center;
  font-weight: 600;
}

.card-columns.home.home-page-product-listing.home-page-slider {
  column-count: 4;
}

.can-help-home-page .action-icon-btns,
.your-account-home-page .action-icon-btns {
  margin: 0;
  max-width: 1570px;
  margin: 0 auto !important;
}

.can-help-home-page .action-icon-btns a .ico-container i,
.your-account-home-page .action-icon-btns a .ico-container i {
  color: var(--text-color);
}

.your-account-home-page {
  margin: 65px 0px;
}

.can-help-home-page {
  padding: 85px 0px;
  background: var(--light-grey-bgcolor);
}

.can-help-home-page h2,
.your-account-home-page h2 {
  margin-top: 0 !important;
  font-size: 27px;
  color: var(--heading-color);
  font-weight: 600;
  padding-bottom: 10px;
}

.news-title-sec h2 {
  font-size: 27px;
  color: var(--heading-color);
  text-align: center;
  font-weight: 600;
  margin-bottom: 15px;
  margin-top: 10px;
}

.news-title-sec p {
  font-size: 16px;
  color: #708097;
  text-align: center;
  font-weight: 500;
}

.media-news {
  border-radius: 7px;
  box-shadow: 0 0 13px rgb(0 0 0 / 4%);
  background-color: var(--bg-white);
  padding: 30px;
  margin-top: 15px;
  display: flex;
}

.domain-promo-box p {
  color: var(--text-color) !important;
}

.left-img-icon {
  float: left;
  width: 100%;
  max-width: 78px;
}

.image-right-body {
  max-width: 80%;
  text-align: left;
  width: 100%;
}

.image-right-body h4 {
  font-size: 16px;
  color: var(--text-color);
  font-weight: 600;
  margin: 0px;
  line-height: 20px;
}

.image-right-body p {
  color: var(--grey);
  font-size: 14px;
  font-weight: 500;
  padding-top: 10px;
  margin-bottom: 0px;
  word-wrap: break-word;
  line-height: 22px;
}

.news-sec {
  background: var(--light-grey-bgcolor);
  padding: 39px 0px 70px;
}

.home-page-product-listing .card-body {
  background: var(--bg-white);
  padding: 15px !important;
  border-radius: 10px;
  box-shadow: 0px 0px 4px #0000000f;
}

.home-page-product-listing h3.card-title.pricing-card-title {
  background: var(--light-bg-grey);
  border-radius: 6px;
  color: var(--heading-color);
  padding: 0;
}

pre {
  color: var(--text-color) !important;
}

/*index css end*/
/* domain pricing css */
.theme-head-bar {
  background: url(../images/shape.png) no-repeat top;
  background-color: var(--bg-white);
  padding: 20px 25px;
  /* display: inline-block; */
  width: 100%;
  background-size: cover;
  border-bottom: 1px solid var(--border-color);
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
}

.payment-gateway-section {
  margin-top: 15px;
}

a.back-button-head-bar {
  padding: 6px 18px 6px 18px;
  background: var(--primary-btn-bg-color);
  border: 1px solid var(--primary-border-color);
  font-size: 14px;
  position: relative;
  color: var(--primary-btn-color);
  border-radius: 5px;
  transition: all 0.5s;
}

.print-btn-knowldegebase {
  padding: 6px 18px 6px 18px;
  background: #1cb8e6;
  font-size: 14px;
  position: relative;
  color: var(--text-white);
  border-radius: 5px;
  transition: all 0.5s;
  border: transparent;
}

.theme-head-bar.row {
  margin: 0;
}

.theme-head-bar.row .col-md-9 {
  padding-left: 5px;
}

.domain-detail-sub-head .col-md-9 {
  display: flex;
  align-items: center;
}

.theme-head-bar .col-md-3 {
  text-align: right;
}

a.back-button-head-bar:hover,
.print-btn-knowldegebase:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
}

.theme-head-bar h1 {
  font-size: 24px;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0 0 4px;
  position: relative;
  padding: 0;
  line-height: 27px;
  display: flex;
  align-items: center;
  word-break: break-word;
}

.ribbon-domain-days-remaining {
  position: relative;
  float: left;
  margin-left: 20px;
  top: 3px;
}

.ribbon-domain-days-remaining::after {
  content: "";
  width: 100%;
  height: 100%;
  transform: rotate(356deg);
  position: absolute;
  left: 0;
  border-radius: 10px;
  z-index: 8;
  background: var(--secondary-bgcolor);
  top: -3px;
}

.ribbon-domain-days-remaining h3 {
  background: var(--primary-bgcolor);
  display: flex;
  border-radius: 10px;
  padding: 3px 5px;
  position: relative;
  z-index: 9;
  align-items: center;
}

.ribbon-domain-days-remaining h3 strong {
  border-radius: 5px;
  background: var(--bg-white);
  padding: 5px;
  display: inline-block;
  font-size: 17px;
}

span.day-count-remain-text {
  font-size: 13px;
  display: inline-block;
  color: var(--text-white);
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 6px;
  line-height: 16px;
}

.theme-head-bar h1 i {
  font-size: 30px;
  padding-right: 15px;
  vertical-align: middle;
}

.image-store-pages {
  width: 30px;
  margin-right: 15px;
}

.theme-head-bar p {
  font-size: 15px;
  font-weight: 300;
  color: var(--grey);
  padding: 0 0 0 50px;
  margin: 0;
  line-height: 24px;
}

.theme-domain-price .featured-tlds-container {
  margin: 15px 0 15px;
}

.theme-domain-price .tld-title-4 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: normal;
  margin: 20px 0;
}

.filter-nav-domain {
  display: inline-block;
  width: 100%;
  padding: 0;
  box-shadow: none;
}

.filter-nav-domain a {
  padding: 10px 16px;
  font-size: 12px;
  line-height: 20px;
}

.featured-tld {
  box-shadow: none;
  background: var(--bg-white);
  border: 1px solid var(--border-color);
}

/* domain pricing start */
.theme-domain-price .dataTables_wrapper table.table-list thead th {
  text-align: left;
  /* text-transform: uppercase; */
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-black);
  border-bottom: 1px solid var(--border-color);
}

.theme-domain-price .dataTables_wrapper table.table-list td {
  font-size: 14px;
  color: #333;
  font-weight: 400;
  text-align: left;
  border-bottom: 1px solid #ccc;
  padding: 15px 15px;
}

.theme-domain-price .dataTables_wrapper .dataTables_filter label .form-control {
  /* border: none; */
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background-color: var(--bg-white);
}

.theme-domain-price .dataTables_wrapper table.table-list td small {
  color: var(--grey);
}

.theme-domain-price .tld-sale-group-hot {
  border-radius: 3px;
}

.filter-nav-domain a.badge-secondary.focus,
.filter-nav-domain a.badge-secondary:focus {
  box-shadow: none;
}

.theme-domain-price .page-item.active .page-link,
.pagination>.active>a {
  background-color: #337ab7;
  border-color: #337ab7;
}

.action-icon-btns a .ico-container {
  transform: scale(1);
}

.action-icon-btns a:hover .ico-container {
  font-size: 2.6em;
  transform: scale(1.2);
}

.menu-settings-clientx.left-open-setting-sec,
.menu-notification-clientx.left-open-notification-sec,
.menu-myaccount-clientx.left-open-myaccount-sec,
.menu-cart-clientx.left-open-cart-sec {
  margin-right: 0;
}

.menu-settings-clientx,
.menu-notification-clientx,
.menu-myaccount-clientx,
.menu-cart-clientx {
  margin-right: -300px;
}

/*contact page css start*/
.theme-contact-page label {
  color: var(--text-color);
  font-size: 14px;
}

.theme-contact-page .form-group.textarea {
  margin-top: 50px;
}

.theme-contact-page button.btn-recaptcha {
  border: transparent;
  font-size: 14px;
}

/*contact page css end*/
/*==================right-side-sidebar css start==================*/
/*------whmcs-default-navigation------*/
.whmcs-default-navigation.navbar-nav .dropdown-menu {
  position: absolute;
  top: 48px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
  background: var(--header-submenu-bgcolor);
}

.whmcs-default-navigation.navbar-nav .dropdown-menu li~.dropdown-divider {
  margin: 0;
}

.whmcs-default-navigation .dropdown-menu li a {
  color: #363636;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 1.5rem !important;
}

.whmcs-default-navigation .dropdown-menu li.dropdown-item {
  padding: 0;
}

.whmcs-default-navigation .dropdown-menu li a i {
  font-weight: normal;
}

.whmcs-default-navigation .dropdown-menu .dropdown-item:active,
.whmcs-default-navigation .dropdown-menu .dropdown-item:active i {
  color: #96abe9;
  background: #f8f9fa;
}

/*------whmcs-default-navigation------*/
.defaultClientxSidebar,
.menu-myaccount-clientx,
.menu-notification-clientx,
.menu-settings-clientx,
.menu-cart-clientx {
  position: fixed;
  right: 0;
  box-shadow: none;
  border-left: transparent;
  top: 81px;
  z-index: 101;
  min-width: 300px;
  max-width: 300px;
  background: var(--right-sidebar-bgcolor);
  height: 100%;
  transition: all 0.3s;
  border-left: 1px solid var(--border-color);
}

.panel-setting-heading {
  display: flex;
  align-items: center;
}

.panel-setting-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  background: var(--light-grey-bgcolor);
  padding: 25px;
}

div#spinner-cart-loading {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}

div#spinner-cart-loading i {
  font-size: 18px;
  margin: 5px 0 0;
}

.menu-myaccount-clientx .panel-setting-heading {
  padding: 17px 25px;
  align-items: center;
}

h4.panel-setting-title {
  font-size: 16px;
  color: var(--heading-color);
  font-weight: 600;
  margin: 0;
}

h3.card-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--heading-color);
  position: relative;
  padding-right: 25px;
}

.menu-setting-content i.float-right {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.card-header {
  background: transparent;
  box-shadow: none;
  border: transparent;
  border-bottom: 1px solid var(--border-color);
  padding: 20px;
}

.common-table-upper-header ul.dropdown-menu.show:before {
  top: -10px;
  border-bottom: 11px solid var(--bg-white);
}

.card.card-sidebar {
  border: transparent;
  margin-bottom: 0;
}

/*.defaultClientxSidebar .shift-btn {
    right: unset;
    left: -20px;
    z-index: 99;
}*/
.defaultClientxSidebar .shift-btn {
  right: unset;
  z-index: 9;
  margin: 0;
  float: left;
  left: -27px;
  /* left: -30px; */
  background: url(../images/nav-arrowactive.png) no-repeat;
}

.defaultClientxSidebar .shift-btn.active {
  background: url(../images/nav-arrow.png) no-repeat;
  left: -30px;
}

input#invoiceSearches,
input#emailsSearches {
  height: 41px;
}

input#ticketSearches {
  height: 41px;
}

.payment-gateway-section button {
  margin-top: 10px;
}

.sidebar-default {
  margin-right: -300px;
}

/*div#content.rightsidebaractive {
    width: calc(100% - 395px);
    right: 395px;
}
div#content.rightsidebaractive.bothSidebaractive {
    width: calc(100% - 592px);
}
#content.no-navbar.rightsidebaractive {
    width: calc(100% - 300px) !important;
}*/
#content.no-navbar {
  width: calc(100% - 0px);
  left: 0px;
}

div#content.no-navbar.rightSideBarOpened {
  width: calc(100% - 300px);
  right: 300px;
}

.menu-setting-content .list-group-item {
  font-size: 14px;
  color: var(--text-color);
  padding: 13px 25px;
  border: none;
  background: transparent;
}

.defaultClientxSidebar-content .disabled,
.defaultClientxSidebar-content .list-group-item.disabled {
  opacity: 0.4 !important;
}

.defaultClientxSidebar-content .menu-setting-content,
.menu-setting-content .notifi-content,
.myaccount-sidenav .dropdown-menu-right,
.menu-settings-content .panel-setting-sidconetnt,
#summary-content-dynmic-get {
  height: calc(100vh - 190px);
  overflow-y: scroll;
  padding-bottom: 50px;
}

/*.defaultClientxSidebar-content .list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
    background: transparent;
    border-left: 3px solid #1cb9e6;
}*/
.defaultClientxSidebar i.fas.fa-chevron-up.card-minimise.float-right.minimised {
  transform: rotate(182deg);
}

ul.nav.myaccount-sidenav li {
  width: 100%;
}

#Secondary_Navbar-Account .dropdown-menu {
  margin: 0;
  transform: inherit !important;
  padding: 0;
  box-shadow: none;
  display: block !important;
  width: 100%;
  background-color: transparent;
}

#Secondary_Navbar-Account a.dropdown-toggle {
  display: none;
}

ul.nav.myaccount-sidenav li a,
#Secondary_Navbar-Account .dropdown-menu li a {
  padding: 16px 25px !important;
  font-size: 15px;
  color: var(--text-color);
  font-weight: normal;
  line-height: 20px;
  transition: font-weight 0.5s ease-in-out;
  position: relative;
  display: block;
}

#Secondary_Navbar-Account ul.dropdown-menu.show:before {
  display: none;
}

#Secondary_Navbar-Account .dropdown-menu li {
  width: 100%;
  position: relative;
  padding: 0;
}

ul.nav.myaccount-sidenav li a i,
#Secondary_Navbar-Account .dropdown-menu li a i {
  margin-right: 14px;
  color: #8a8f95;
  font-size: 15px;
}

.domain-invalid {
  color: var(--text-white) !important;
}

.notifi-clearbar {
  padding: 18px 25px;
  border-bottom: 1px solid #e9e9e9;
  width: 100%;
  display: inline-block;
}

.notifi-content {
  padding: 20px 25px;
}

.notifi-title {
  margin: 0px;
  padding: 0px;
  float: left;
  font-size: 13px;
  font-weight: 700;
  color: #707070;
}

.notifi-details {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 10px;
}

.panel-setting-sidconetnt {
  padding: 20px 25px;
}

.setting-details-row {
  margin-bottom: 32px;
}

.screenshot-sec {
  cursor: pointer;
}

.panel-setting-sidconetnt h5 {
  font-size: 15px;
  font-weight: bolder;
  color: #3f4c55;
  margin: 0px 0 10px;
  padding: 0px;
}

.panel-setting-sidconetnt li a {
  font-size: 14px;
  font-weight: 500;
  display: block;
  max-width: 100%;
  width: 100%;
  padding: 8px 15px;
  margin: 0px;
  border-radius: 2px;
  color: #888888;
}

.panel-setting-sidconetnt ul {
  padding-left: 0;
  list-style: none;
}

.panel-setting-sidconetnt li a i {
  margin-right: 10px;
}

.panel-setting-sidconetnt li a:hover {
  background: #e7eeff;
  color: #226dea;
}

/*div#summary-content-dynmic-get {
    padding: 20px 25px;
}*/
.avatar.user-setting-icon {
  height: 40px;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 40px;
  background-size: cover;
  margin-right: 18px;
}

.avatar.user-setting-icon-neww {
  width: 30px;
}

.menu-myaccount-clientx h4.panel-setting-title {
  display: flex;
  align-items: center;
}

/*sidebar-cart-css stat*/
.m-cart-sidebar-content {
  margin: 0px;
  padding: 20px 25px;
  border-bottom: 1px solid var(--border-color);
}

.m-cart-sidebar-content {
  width: 100%;
  clear: both;
}

.setting-details-row h5,
.cart-pnl-content h4.panel-title {
  font-size: 15px;
  font-weight: bolder;
  color: var(--text-color);
  margin: 0px 0 10px;
  padding: 0px;
}

.cart-pnl-content .panel-body.mcrt-pnl-body {
  padding: 10px 0 0;
}

span.product-domain-wgs {
  padding: 0px;
  font-size: 13px;
  color: #1cb8e6;
  font-weight: 700;
  margin: 0px 0 5px;
  display: inherit;
  width: 100%;
}

.clear {
  clear: both;
}

.cart-pnl-content .cart-colam {
  padding: 12px 0 8px;
  margin: 0;
  border: none !important;
  background: transparent !important;
  border-top: 1px solid #e7e7e7 !important;
  width: 100%;
  display: inline-block;
}

.cart-pnl-content .cart-colam .year-price,
.price-tps.year-price {
  display: inherit;
}

span.cycle,
span#recurringMonthlySummary,
#recurringAnnuallySummary,
#recurringSemiAnnuallySummary,
#recurringBienniallySummary {
  font-size: 12px;
  color: #b0b0b0;
  display: inherit;
}

.price-tps.year-price .cycle {
  display: inherit;
}

.cart-pnl-content .cart-colam:last-child {
  border-bottom: none !important;
  padding-bottom: 0;
}

.cart-pnl-content h4.panel-title a {
  color: var(--text-color);
}

.cart-pnl-content .cart-up-down-toggle {
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
  float: right;
}

.summary-cart-side-bars .recurring-charges span {
  margin-bottom: 9px;
  display: inherit;
}

.summary-cart-side-bars .recurring-charges .cost {
  font-size: 13px;
  color: var(--text-color);
  width: 100%;
  display: block;
  margin: 0;
  font-weight: 600;
  line-height: 16px;
}

select.form-control.custom-select {
  padding-top: 8px !important;
  background: var(--bg-white);
  border-color: var(--border-color);
  color: var(--text-color);
}

.addon-cart-summary-area .year-price {
  display: inherit;
}

.crt-regist h4,
.cart-domain-title h4,
.cart-colam h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-color);
}

.crt-regist h4 i,
.cart-domain-title h4 i {
  margin-right: 6px;
  font-size: 15px;
  color: #8a8f95;
}

.cart-colam .crt-regist {
  width: 100%;
  word-break: break-all;
}

.crt-drop {
  font-size: 12px;
  margin: 5px 0;
}

.crt-regist span {
  font-size: 13px;
  color: var(--grey);
}

.domain-managment-options {
  width: 100%;
  display: block;
  color: #b0b0b0;
}

/*.m-cart-domains .cart-colam {
    border: none;
    display: inline-block;
    padding: 10px 25px 25px;
    width: 100%;
    margin-bottom: 0px;
    border-radius: 0;
    border-bottom: 1px solid #e7e7e7;
}*/
.cart-colam {
  border: none;
  display: inline-block;
  padding: 10px 25px 25px;
  width: 100%;
  margin-bottom: 0px;
  border-radius: 0;
  border-bottom: 1px solid var(--border-color);
}

.summary-cart-side-bars {
  padding: 20px 25px;
}

.cart-pnl-content .cart-colam .pull-left,
.cart-pnl-content .cart-colam .pull-right,
.m-cart-domains .cart-colam .pull-left,
.m-cart-domains .cart-colam .pull-right {
  width: 50%;
  line-height: 18px;
}

.left-open-cart-sec .pull-left {
  float: left;
}

.left-open-cart-sec .pull-right {
  float: right;
  text-align: right;
}

.cart-pnl-content .crt-regist h4,
.cart-pnl-content .pull-right .year-price,
.m-cart-domains .pull-right .year-price {
  font-size: 13px;
  line-height: 18px;
  min-width: 100%;
}

.cart-pnl-content .primiere-btns {
  margin-bottom: 20px;
}

.m-cart-domains .pull-right .year-price {
  text-align: right;
}

span.st {
  display: inline-block;
  width: 100%;
  text-align: right;
  margin-bottom: 4px;
  font-size: 14px;
  color: var(--grey);
}

.m-cart-domains .cart-colam span.crt-price {
  clear: both;
  width: 100%;
  display: inline-block;
  line-height: 18px;
}

.m-cart-domains .cart-colam span.renewal-price.cycle,
.m-cart-domains .cart-colam span.renewal.cycle,
.value {
  color: #333;
  font-size: 13px;
  font-weight: 900;
}

.m-cart-domains .cart-colam span.renewal-price.cycle {
  float: right;
}

.m-cart-domains .primiere-btns {
  clear: both;
  width: 100%;
  margin-top: 12px;
  display: inherit;
}

.prm-btn {
  background: var(--primary-bgcolor);
  font-size: 11px;
  padding: 4px 8px;
  margin: 0px 10px 10px;
  border-radius: 2px;
  color: var(--text-white);
  font-weight: 600;
}

.prm-btn:hover {
  color: var(--text-white);
}

.prm-btn i {
  margin-right: 5px;
}

.edit-btn {
  margin-left: 0px;
}

.summary-cart-side-bars .order-btn {
  padding-top: 5px;
}

.order-btn {
  text-align: center;
  background: transparent;
  padding: 30px 0 15px;
  margin-top: -5px;
}

.anchor-btn-checkout,
.empty-cart {
  width: 100%;
  display: inherit;
}

.btn-domin a,
.anchor-btn-checkout,
.empty-cart button.btn-save {
  background: var(--primary-btn-bg-color);
  font-size: 16px;
  color: var(--primary-btn-color);
  padding: 12px 30px;
  font-weight: 700;
  border-radius: 5px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  width: 100%;
  border: none;
}

.btn-domin a:hover,
.anchor-btn-checkout:hover,
.empty-cart button.btn-save:hover {
  color: var(--primary-btn-color-hover);
  background: var(--primary-btn-bgcolor-hover);
}

.menu-setting-content .list-group-item i {
  color: var(--grey);
}

.menu-setting-content .list-group-item:hover i,
.menu-setting-content .list-group-item.active i {
  color: var(--primary-color);
}

.defaultClientxSidebar .menu-setting-content .card-header,
.defaultClientxSidebar .menu-setting-content .card-footer {
  background: transparent;
  border: none;
}

.knowledgebase-articles {
  color: var(--text-color);
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
}

.defaultClientxSidebar .card {
  border-bottom: 1px solid var(--border-color);
  background-color: transparent;
}

.defaultClientxSidebar .card-header h3.panel-title {
  font-size: 14px;
  font-weight: bolder;
  color: #3f4c55;
}

.defaultClientxSidebar .card-header h3 i {
  font-weight: normal;
}

.defaultClientxSidebar .card-body {
  padding: 0 25px;
  font-size: 14px;
  color: var(--grey);
  line-height: 24px;
  margin-bottom: 10px;
  font-style: normal;
}

.defaultClientxSidebar .card-body strong {
  color: var(--text-color);
}

.bg-color-blue {
  background-color: var(--blue-bg);
  color: var(--text-white);
}

.defaultClientxSidebar .card-body em {
  margin: 5px 0;
  display: inherit;
  padding: 0;
  line-height: normal;
  font-size: 14px;
  color: var(--grey);
  font-style: normal;
}

.defaultClientxSidebar .card-footer .btn-success {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  margin-bottom: 10px;
}

.defaultClientxSidebar .card-footer .btn-success:active {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
}

.menu-setting-content .card-footer {
  padding: 5px 25px 15px;
}

.mc-panel-promo img {
  max-width: 50%;
}

.collapsable-card-body .card-body .text-center a,
.collapsable-card-body .card-body .text-center a span {
  font-size: 13px;
  color: var(--primary-color);
  text-align: left;
}

.collapsable-card-body .card-body .text-center a img {
  margin-left: 0;
}

ul.myaccount-sidenav li a:hover,
.menu-setting-content .list-group-item:hover,
.menu-setting-content .list-group-item.active,
ul.myaccount-sidenav li a:hover,
ul.myaccount-sidenav li.active a,
#Secondary_Navbar-Account .dropdown-menu li a:hover,
#Secondary_Navbar-Account .dropdown-menu li.active a {
  color: var(--text-color);
  background: transparent;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--text-color);
  background-color: var(--light-bg-color);
}

ul.myaccount-sidenav li a:hover::before,
.defaultClientxSidebar .list-group a.list-group-item:hover::before,
.defaultClientxSidebar .panel-sidebar a.list-group-item.active::before,
.defaultClientxSidebar .list-group a.list-group-item.active::before,
ul.myaccount-sidenav li a:hover::before,
ul.myaccount-sidenav li.active a::before,
#Secondary_Navbar-Account .dropdown-menu li a:hover::before,
#Secondary_Navbar-Account .dropdown-menu li.active a::before {
  background: var(--primary-bgcolor);
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  content: "";
  top: 0;
  bottom: 0;
}

#Secondary_Navbar-Account .dropdown-item.active,
#Secondary_Navbar-Account .dropdown-item:active {
  background: var(--light-bg-color);
}

ul.myaccount-sidenav li a:hover i,
ul.myaccount-sidenav li.active a i,
.defaultClientxSidebar .list-group a.list-group-item:hover i {
  color: #1cb9e6 !important;
}

.defaultClientxSidebar .card-footer .btn-default {
  color: var(--secondary-btn-color);
  background-color: var(--secondary-btn-bg-color);
  border-color: var(--secondary-border-color);
}

.defaultClientxSidebar .card-footer .btn-default:hover {
  color: var(--secondary-btn-color-hover);
  background-color: var(--secondary-btn-bgcolor-hover);
  border-color: var(--secondary-border-color-hover);
}

.notifi-details {
  width: 100%;
  padding: 10px 0 25px;
}

.notifi-details p {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 10px;
}

.ntf-pay-btn {
  background: #e7eeff;
  font-size: 11px;
  padding: 4px 8px;
  margin: 0px 5px;
  border-radius: 2px;
  color: #226dea;
  font-weight: 700;
}

.notifi-btm {
  margin: 0px;
  width: 100%;
}

.notification-danger {
  background: #ffcc00;
}

.notification-info {
  background: #d7f7e8;
  color: #2db572;
}

.notification-warning {
  background: #fdf2ee;
  color: #f18586;
}

ul.acc-setting-list li a:hover,
ul.acc-setting-list li.active a {
  background: #e7eeff;
  color: #226dea;
}

.col-xs-6.col-button-right {
  margin-top: 8px;
}

.defaultClientxSidebar .col-xs-6.col-button-right {
  margin-top: 0px;
}

.cart-summary-line.cart-total {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  line-height: 22px;
}

.summary-cart-side-bars .label-text {
  color: var(--text-color);
  font-weight: 600;
  font-size: 13px;
}

.summary-cart-side-bars .cart-grid-total {
  border-bottom: none;
  border-top: 1px solid var(--border-color);
  padding: 12px 0;
  margin: 0 0 10px;
}

.cart-grid-total {
  border-bottom: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
  padding: 16px 0;
  margin: 27px 0 10px;
}

.total-clt {
  font-weight: 900;
  font-size: 22px;
}

.pric-clt {
  float: right;
  font-weight: 900;
  color: var(--text-color);
  font-size: 22px;
}

.value {
  float: right;
}

.m-cart-domains .cart-colam span.renewal-price.cycle,
.m-cart-domains .cart-colam span.renewal.cycle,
.value,
.year-price {
  color: var(--text-color);
  font-size: 13px;
  font-weight: 600;
}

.summary-cart-side-bars .total-clt,
.summary-cart-side-bars .pric-clt {
  font-weight: 600;
  font-size: 18px;
  color: var(--text-color);
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

/*right-side-sidebar css end*/
/*announcements css start*/
.announcement.news-d-row {
  background: var(--bg-white);
  margin: 0px 0px 30px;
  padding: 28px 20px;
  border-radius: 5px;
  display: inline-block;
  width: 100%;
  border-left: 4px solid #47d764;
  box-shadow: 5px 0px 27px 1px rgb(0 0 0 / 12%);
}

.announcements .news-date {
  margin: 0 22px 10px 0px;
  float: left;
  width: 100%;
  height: 64px;
  background: #47d764;
  font-size: 16px;
  color: var(--text-white);
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  padding: 14px 0 0;
  line-height: 19px;
  text-transform: capitalize;
  vertical-align: top;
  box-shadow: 0px 3px 14px rgb(0 0 0 / 16%);
  max-width: 64px;
}

.whmcs-default-navigation.navbar-nav .dropdown-menu a.dropdown-item {
  color: var(--header-submenu-heading-color) !important;
}

.whmcs-default-navigation.navbar-nav .dropdown-menu a.dropdown-item:hover {
  color: var(--header-submenu-heading-color-hover) !important;
  background: var(--header-submenu-bgcolor-hover);
}

.invoice-inner-section div#select-column input {
  width: 255px !important;
}

.announcements .news-artical h4 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  color: var(--text-color);
  font-weight: bold;
}

.announcements .news-artical p {
  margin: 10px 0px 0;
  font-size: 13px;
  color: var(--grey);
  line-height: 23px;
  padding-left: 85px;
  padding-right: 10px;
}

.announcement.nd-row2 {
  border-color: #2f86eb;
}

.announcement.nd-row3 {
  border-color: #ffc021;
}

.announcement.nd-row4 {
  border-color: #0cb4e5;
}

.announcements .nd-row2 .news-date {
  background: #4387ee;
}

.announcements .nd-row3 .news-date {
  background: #ffc021;
}

.announcements .nd-row4 .news-date {
  background: #0cb4e5;
}

.show-on-hover {
  position: absolute;
  right: 80px;
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: transparent;
}

.show-on-hover:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
}

.announcement-article a {
  color: var(--primary-color);
}

.announcements .label-warning {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: 1px solid var(--primary-border-color);
}

.announcements .label-warning:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

.view-announcement-page-inner-section {
  margin: 30px;
  background: var(--bg-white);
  padding: 30px;
}

.card.view-announcement-page .card-body.extra-padding {
  padding: 0;
  border: transparent !important;
}

.py-5.announcement-article {
  padding-top: 0 !important;
  padding-bottom: 20px !important;
}

.view-announcement-page .py-5.announcement-article p {
  font-size: 14px !important;
  color: var(--grey) !important;
}

.view-announcement-page-main span {
  font-size: 14px;
  line-height: 22px;
}

.announcement-article .list-inline-item {
  font-size: 13px;
}

.card.view-announcement-page {
  border: transparent;
}

.view-announcement-page li.list-inline-item {
  font-size: 13px;
  color: var(--grey) !important;
}

.view-announcement-page-main {
  min-height: 505px;
}

#Secondary_Navbar-Account .dropdown-menu.dropdown-menu-right {
  background-color: var(--header-submenu-bgcolor);
  box-shadow: 1px 5px 10px #00000021;
}

/*announcements css end*/
/*knowledgebase css start*/
.spport-row {
  padding: 50px 0 80px;
  background: url(../images/hed-bg01.jpg) no-repeat;
  background-size: cover;
  text-align: center;
}

.theme-body-padding.theme-knowledgebase-page {
  padding: 0px 0px 30px;
}

.custom-search-input-knowledebase {
  padding: 0;
  border: none;
  border-radius: 4px;
  background-color: var(--bg-white);
  margin: 30px auto 18px;
  width: 100%;
  max-width: 61%;
}

.serch-left i {
  display: block;
  color: #45b9e8;
  margin-right: 7px;
}

.serch-left {
  background: transparent;
  cursor: inherit !important;
  border: none !important;
  font-size: 14px !important;
  color: #898989 !important;
}

.custom-search-input-knowledebase .input-group {
  align-items: center;
  background: var(--bg-white);
}

.serch-left:hover {
  background-color: transparent;
}

.spport-row .form-control.input-lg {
  border: transparent;
  font-size: 14px;
}

#btnKnowledgebaseSearch {
  border: 1px solid var(--primary-border-color);
  height: 57px;
  padding: 16px 26px;
  background: var(--primary-btn-bg-color);
  font-size: 18px;
  border-radius: 0.3rem;
  margin: 2px;
  color: var(--primary-btn-color);
}

#btnKnowledgebaseSearch:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

.own-right {
  text-align: center;
  width: 100%;
  display: inline-block;
  font-size: 20px;
  font-weight: 300;
  color: var(--text-white);
}

.cool-titel {
  font-size: 30px;
  text-align: center;
  color: var(--text-white);
}

.restor-head a {
  padding: 0;
  width: 100%;
  display: flex;
  margin-bottom: 10px;
  /* max-width: 70%; */
  min-height: 52px;
}

.kb-category a:hover {
  background-color: transparent;
}

.rest-titel {
  font-size: 17px;
  color: var(--primary-color);
  font-weight: 600;
}

.box-cat {
  background: var(--bg-white);
  box-shadow: 0 0 5px #dfdfdf;
  padding: 13px 13px;
  margin-bottom: 30px;
  min-height: 163px;
}

.cate-titel {
  padding: 27px 10px 10px;
  font-size: 22px;
  font-weight: 600;
  color: var(--text-color);
}

.cat-col {
  background: #f5f5f5;
}

.restor-cont {
  margin-top: 5px;
}

.restor-cont p {
  font-size: 13px;
  color: var(--grey);
  line-height: 18px;
  word-break: break-all;
}

.aricle-knowldegease article p {
  font-size: 14px;
  line-height: 26px;
  color: var(--text-black);
}

.cont-ser {
  float: right;
  background: var(--primary-bgcolor);
  color: var(--text-white);
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
}

.theme-knowledgebase-page .most-popular {
  padding-left: 0;
}

.theme-knowledgebase-page .most-popular li {
  list-style: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 6px 0;
}

.theme-knowledgebase-page .most-popular p {
  font-size: 13px;
  font-weight: 400;
  color: #8d8d8d;
  line-height: 22px;
  margin-top: 10px;
}

.theme-knowledgebase-page .most-popular li:last-child {
  border: transparent;
}

.own-right strong {
  font-weight: 600;
}

input#inputKnowledgebaseSearch {
  border: transparent;
  font-size: 14px;
  color: var(--text-color);
}

.theme-knowledgebase-page .list-group.list-group-flush a.list-group-item.kb-article-item {
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-white);
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: 0 0 13px rgb(0 0 0 / 4%);
  padding: 25px 25px;
  font-size: 17px;
  font-weight: 600;
  color: var(--primary-color);
}

.theme-knowledgebase-page .card {
  background: transparent;
  margin: 30px;
  border: transparent;
}

.theme-knowledgebase-page .card h3.card-title {
  font-size: 22px;
  font-weight: bolder;
  color: var(--heading-color);
}

.theme-knowledgebase-page .col-xl-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

.theme-knowledgebase-page .h5 {
  font-size: 22px;
  font-weight: bolder;
  color: #3f4c55;
}

.theme-knowledgebase-page .list-group.list-group-flush a.list-group-item.kb-article-item:last-child {
  border: transparent;
}

.theme-body-padding.theme-knowledgebase-page a.btn.btn-default {
  margin-top: 10px;
  margin-left: 20px;
  background: #f5f5f5;
}

.restor-head button {
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-right: 5px;
}

body .text-black-50 {
  color: var(--text-color) !important;
}

.flare-list ul {
  list-style: none;
  padding-left: 9px;
  padding-right: 9px;
}

.flare-list ul li {
  border-radius: 4px;
  box-shadow: 0 0 13px rgb(0 0 0 / 4%);
  background-color: var(--bg-white);
  padding: 27px 30px;
  margin-top: 15px;
}

ul.most-popular-kb li a.list-group-item {
  border-radius: 4px;
  background: transparent;
  border: 1px solid var(--border-color);
  color: var(--text-color);
}

.col-md-12.art-col.most-view-kb {
  padding: 0;
}

.art-col.most-view-kb .cate-titel {
  padding: 20px 0px 10px;
}

.art-col.most-view-kb .most-popular-kb {
  padding-left: 0;
}

.flare-list ul.most-popular-kb li p {
  font-size: 14px;
  margin-top: 12px;
  color: var(--text-color);
}

.bothSidebaractive .theme-knowledgebase-page .art-row.row .col-md-3 {
  flex: 0 0 33%;
  max-width: 33%;
}

.kb-control-button .cont-ser {
  float: unset;
}

.kb-control-button {
  max-width: 42%;
  width: 100%;
  margin-left: auto;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}

ul.most-popular-kb li a.list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.restor-head {
  display: flex;
  align-items: baseline;
}

.theme-knowledgebase-page .footer-link-knowldegebase {
  margin-left: 30px;
}

/*knowledgebase css end*/
/*knowledgebase innerpage css start*/
.related-aricle-knowldegease {
  margin-top: 30px;
  border: transparent;
  background: transparent;
}

.related-aricle-knowldegease h3.card-title {
  padding: 22px 0px;
  font-size: 22px;
  font-weight: 600;
}

.related-aricle-knowldegease .card-body {
  padding: 0;
}

.related-aricle-knowldegease .kb-article-item {
  border: transparent;
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: 0 0 13px rgb(0 0 0 / 4%);
  background-color: var(--bg-white);
  padding: 25px 25px;
  font-size: 17px;
  font-weight: 600;
  color: var(--primary-color);
}

.vote-yes,
.vote-no:hover {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
}

.vote-no {
  background: var(--secondary-btn-bg-color);
  border: 1px solid var(--secondary-border-color);
  color: var(--secondary-btn-color);
}

.theme-knowledgebase-article-page .kb-article-item small {
  color: #212529;
}

.footer-link-knowldegebase {
  margin-top: 10px;
}

.select-account a:last-child {
  margin-bottom: 0;
}

/*knowledgebase innerpage css start end*/
/*user account css start*/
.select-account a {
  margin: 0;
  padding: 13px 0;
  text-decoration: none;
  background: transparent;
  margin-bottom: 10px;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color);
  margin-bottom: 0;
}

.select-account a:hover {
  background-color: transparent;
}

.user-switch-account-page .card-body {
  padding: 0;
}

.select-account {
  width: 100%;
  max-width: 800px;
  margin: 0;
  padding: 30px;
  background: var(--bg-white);
  border-radius: 5px;
  border-top: transparent;
}

.select-account a:first-child {
  padding-top: 0;
}

.checkbox-email-prefrence .form-group {
  margin-bottom: 0;
}

.select-account span.label.label-info {
  margin-bottom: 0;
}

.wgs_cancel_button {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border: 1px solid var(--secondary-border-color);
  box-shadow: none;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  clear: both;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  margin-left: 10px;
  margin-right: 6px;
  cursor: pointer;
}

.theme-open-ticket-page .wgs_cancel_button {
  margin-left: 0px;
}

.bottom-footer-profile .btn.wgs_custom-btn {
  padding: 10px 15px;
  font-size: 14px;
}

.captcha-latest-dashboard .col-md-8.mx-auto.mb-3.mb-sm-0 {
  max-width: 100%;
  flex: 100%;
}

input#inputCaptcha {
  height: 24px !important;
  min-height: 24px !important;
}

.bottom-footer-profile {
  margin-top: 20px;
}

.card.user-profile-page-second-view span.label.label-success {
  margin-left: 5px;
  padding: 0.2em 0.6em 0.2em;
}

.user-profile-main-page-section {
  min-height: 535px;
}

.card.user-profile-page-second-view {
  margin: 20px;
}

.user-profile-page-second-view form {
  margin-top: 25px;
}

.card.user-profile-page {
  margin: 0;
  padding: 20px 10px 0;
}

.change-password-input-section .wgs_custom-btn {
  padding: 10px 15px;
  font-size: 14px;
}

.change-password-input-section .wgs_custom-btn:hover {
  color: var(--text-white);
}

.wgs_cancel_button:hover,
.wgs_cancel_button:focus {
  color: var(--secondary-btn-color-hover);
  background: var(--secondary-btn-bgcolor-hover);
  border-color: var(--secondary-border-color-hover);
}

.invite-box {
  margin: 20px 0;
  padding: 20px;
  background-color: var(--light-grey-bgcolor);
  border: none;
}

.generate-password {
  padding: 10px 16px;
  float: left;
  font-size: 14px;
  text-transform: capitalize;
  margin-top: 15px;
  /* min-width: 180px; */
  width: auto;
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: transparent;
  font-weight: 600;
  border: 1px solid var(--primary-border-color);
  border-radius: 6px !important;
}

.generate-password:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

.using-password-strength .col-md-5.button-generate-psw {
  margin-bottom: 25px;
}

.progress {
  margin-top: 0px;
}

.inner-section-change-password .info-titel {
  font-size: 20px;
  color: #525252;
  font-weight: 600;
  padding: 0px;
}

.inner-section-change-password .alert.alert-info {
  color: var(--text-color);
  background-color: var(--light-grey-bgcolor);
  border-color: var(--light-grey-bgcolor);
}

/*user account css end*/
/*security page css start*/
#tableLinkedAccounts_wrapper table th {
  padding: 14px 15px !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-color);
  border-bottom: 1px solid var(--border-color);
  border-top: transparent;
}

.card.linked-account-section h3.card-title {
  font-size: 30px;
  color: var(--heading-color);
  text-align: center;
}

.card.linked-account-section p {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 30px;
}

.card.security-question-section .btn-footer {
  margin-top: 20px;
  padding-left: 15px;
}

.card.security-question-section .row {
  margin: 0;
}

.card.security-question-section select {
  border: transparent;
  border-bottom: 1px solid var(--border-color);
  border-radius: 0px;
  height: 50px;
  font-size: 13px;
  line-height: 50px;
  transition: 0.5s;
  padding: 0;
  opacity: 1;
  color: var(--text-color);
}

.card.security-question-section .col-md-6 {
  margin-bottom: 30px;
}

.card.security-question-section h3.card-title {
  margin: 0 0 27px;
  font-size: 20px;
  font-weight: 600;
  color: var(--heading-color);
  padding-left: 15px;
}

/*security page css end*/
/*clientarea page css start*/
.theme-latest-dashboard-page {
  padding: 30px 30px 0;
  background: var(--bg-white);
}

.order img {
  width: 32px;
  height: auto;
  vertical-align: text-bottom;
}

.order {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  vertical-align: bottom;
}

.order span {
  margin-right: 15px;
}

.dasboard-inner-section .panel-content.offerings-panel img {
  width: 34px;
}

.offerings-panel ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}

.pd-panel .offerings-panel ul.home-page-promo-slider li {
  margin-bottom: 25px;
}

span.sevice-status {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  padding: 5px 15px;
  letter-spacing: 0.5px;
  border: 1px solid var(--primary-border-color);
  border-radius: 20px;
  background-color: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  margin: 17px auto 30px;
}

.dasboard-inner-section .panel-content.billing-panel,
.dasboard-inner-section .panel-content.order-panel,
.dasboard-inner-section .panel-content.services-panel {
  text-align: center;
  max-width: 67%;
  margin: 0 auto;
  padding: 25px 0 25px;
}

.dasboard-inner-section .panel-content.billing-panel h3,
.services-panel h3,
.billing-panel h3 {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0px;
  color: var(--text-color);
  margin: 0;
  font-weight: 600;
}

.box-100 {
  height: 100%;
}

.new-dashboard-head-bar {
  margin-bottom: 20px;
}

.dasboard-inner-section .panel {
  border: 1px solid var(--border-color);
  box-shadow: 0px 2px 0px -1px rgb(0 0 0 / 12%);
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
  transition: 0.2s ease;
  background: var(--bg-white);
  min-height: 320px;
}

.dasboard-inner-section .rcmd-panel h4 {
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0px;
  color: var(--text-color) !important;
  margin: 0;
  word-break: break-word;
  font-weight: 600;
}

.offerings-panel ul li {
  width: 100%;
  max-width: 50%;
  display: flex;
  align-items: flex-start;
}

.offering-text {
  padding-left: 10px;
  width: 100%;
  max-width: 88%;
}

ul.home-page-promo-slider p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #999aa1;
  margin: 0;
  width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: inherit;
}

.offerings-panel ul.product-group-home-page-left li h4,
.offerings-panel ul.product-group-home-page-right li h4 {
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0px;
  color: var(--text-color);
  margin: 0;
  word-break: break-word;
  font-weight: 600;
}

.offerings-panel ul.product-group-home-page-left li,
.offerings-panel ul.product-group-home-page-right li {
  max-width: 100%;
  margin-bottom: 25px;
}

.dasboard-inner-section .panel-heading {
  border: 0;
  padding: 20px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-color);
  background-color: var(--light-grey-bgcolor);
  border-color: #ddd;
}

.dasboard-inner-section .panel-heading h3 {
  font-size: 16px;
  line-height: 20px;
  color: var(--heading-color);
  margin: 0;
  font-weight: 600;
}

.dasboard-inner-section .panel-heading a {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--primary-color);
}

.dasboard-inner-section .panel-content.order-panel img {
  width: 100%;
  max-width: 58px;
  margin: 0 auto;
  display: block;
  margin-bottom: 35px;
}

.dasboard-inner-section .panel-content.order-panel p {
  min-height: 58px;
}

.dasboard-inner-section .panel-content p {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: var(--grey);
  margin: 0;
}

.dasboard-inner-section .panel-footer {
  padding: 17px 25px;
  border-top: 1px solid var(--border-color);
  background-color: transparent;
  text-align: center;
}

.dasboard-inner-section .panel-footer a {
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0px;
  color: var(--primary-color);
  font-weight: 600;
}

.offerings-panel {
  margin-top: 14px;
  min-height: 256px;
  display: inline-block;
  height: 200px;
  width: 100%;
  overflow-y: scroll;
  width: 100%;
  overflow-x: hidden;
}

.dasboard-inner-section .panel.panel-default:hover {
  box-shadow: 0 4px 12px 2px rgb(0 0 0 / 10%);
}

.coman-box.registerDomainSec input.form-control {
  width: 100% !important;
  border-radius: 0 !important;
  margin: 6px auto;
  border-color: var(--border-color);
  font-size: 11px !important;
  height: 50px !important;
}

.captcha-latest-dashboard p {
  padding-bottom: 8px;
}

.message-panel h2 {
  font-size: 13px;
  font-weight: 600;
  line-height: 21px;
  color: #3e4b4e;
  margin-bottom: 0;
  margin-top: 20px;
}

.panel-content.message-panel {
  padding: 0px 25px;
}

.message-panel span.input-group-btn {
  display: flex;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 20px;
}

.message-panel #default-captcha-domainchecker {
  padding-bottom: 0 !important;
}

.message-panel .search {
  background: #e7eeff;
  color: #226dea;
  width: 100%;
  max-width: 50%;
}

.message-panel #frmDomainHomepage .input-group-btn .btn.search {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border-color: var(--secondary-border-color);
}

.message-panel .input-group-btn .btn {
  padding: 10px 23px;
  margin: 5px 0;
  height: auto;
  border-radius: 0px !important;
  font-size: 14px !important;
  color: var(--text-white);
  width: 50%;
  font-weight: 600;
  outline: none;
}

.message-panel .transfer {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color) !important;
  border-color: var(--primary-border-color);
  width: 100%;
  max-width: 50%;
}

.message-panel .transfer:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color);
}

.message-panel .btn-recaptcha {
  border-radius: 0px;
  height: 46px;
  padding: 10px 16px;
  font-size: 14px;
}

/*.panel-content.active-tickets-panel.offerings-panel.mh-200.panel-services-client.panel-scroll{
    margin: 0;
    min-height: 247px;
}*/
.tickets-table.table tr {
  border-bottom: 1px solid var(--border-color);
}

.tickets-table.table tr:last-child {
  border: none;
}

table.tickets-table.table td {
  padding: 19px 20px !important;
  color: var(--grey);
  word-break: break-word;
  font-size: 13px;
  line-height: 15px;
  border: none;
  /*border-bottom: 1px solid #d9e9f5;*/
}

table.tickets-table.table td.ticket-name {
  color: var(--grey);
  width: 100%;
  max-width: 30%;
}

table.tickets-table.table tr:last-child td,
.panel-content.message-panel li:last-child {
  border-bottom: none;
}

.offerings-panel li.w-hidden {
  display: none;
}

.dasboard-inner-section small {
  display: none;
}

.panel-content.support-panel a {
  padding: 10px 0 15px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: var(--grey);
  display: block;
}

.panel-content.support-panel i {
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #93a3b9;
  margin-right: 7px;
}

.panel-content.support-panel ul {
  list-style: none;
  padding: 0;
  padding: 10px 25px;
}

.panel-content.support-panel.offerings-panel ul {
  padding-top: 18px;
}

.panel-content.message-panel li {
  display: flex;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--text-color);
  padding: 18px 0px;
  border-bottom: 1px solid var(--border-color);
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

.panel-content.message-panel i {
  display: inline-block;
  min-width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 100%;
  font-size: 8px;
  color: #ff7608;
  background-color: #fff1e6;
  margin-right: 10px;
}

.panel-content.message-panel.offerings-panel ul {
  padding: 0;
}

.panel-content.support-panel.offerings-panel ul li {
  max-width: 100%;
}

/*.panel.panel-message-client.panel-scroll .panel-content.message-panel{
    height: 315px;
}
.coman-box .panel-content.services-panel {
    min-height: 254px;
}*/
.ticket-status.active {
  background-color: #e9ffe5;
  color: #009638;
}

.ticket-status {
  padding: 2px 12px;
  letter-spacing: 0.5px;
  border: 1px solid #ececec;
  border-radius: 20px;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
}

.panel-b-height .offerings-panel {
  margin-top: 0px;
  min-height: 256px;
  display: inline-block;
  height: 200px;
  width: 100%;
}

@media screen and (min-width: 1201px) {
  .dasboard-inner-section .panel-default {
    min-height: 335px;
  }

  .panel-b-height .offerings-panel.mh-200 {
    min-height: 200px;
    display: inline-block;
    width: 100%;
  }
}

/*clientarea page css end*/
/*download page css start*/
.theme-download-page h1.cool-titel {
  font-size: 25px;
  padding: 0px 20px;
  max-width: 890px;
  margin: 0 auto;
}

.theme-download-page .custom-search-input-download {
  padding: 0;
  border: none;
  border-radius: 4px;
  background-color: var(--bg-white);
  margin: 30px auto 18px;
  width: 50%;
  color: var(--text-color);
}

.theme-download-page .input-group {
  align-items: center;
}

.theme-download-page .custom-search-input-download button.right-btn {
  color: var(--primary-btn-color);
  padding: 16px 26px;
  background: var(--primary-btn-bg-color) !important;
  font-size: 18px;
  /* margin-right: -3px !important; */
  border: 1px solid var(--primary-border-color);
  margin: 3px;
}

.theme-download-page .custom-search-input-download button.right-btn:hover {
  color: var(--primary-btn-color-hover);
  background: var(--primary-btn-bgcolor-hover) !important;
  border: 1px solid var(--primary-border-color-hover);
}

.most-popular-download .list-group-item {
  padding: 0;
  background-color: var(--bg-white);
  border: transparent;
}

.theme-download-page .flare-list ul li {
  padding: 20px 15px;
}

.art-row-cat.row.down-cat {
  margin: 0;
  padding: 30px 10px 0px;
}

.theme-download-page .restor-head {
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
}

.theme-download-page .art-col.most-view-dwn {
  padding: 30px;
}

a.list-group-item.dwn-article-item {
  color: #989898;
}

.theme-download-page .card.files-download-section {
  margin: 30px;
  background: var(--bg-white);
  padding: 20px;
}

.theme-download-page .most-popular-download li {
  padding: 10px 0px;
  border-bottom: 1px solid #e7e7e7;
}

.theme-download-page .most-popular-download li:last-child {
  border-bottom: transparent;
}

.theme-download-page a.list-group-item.dwn-article-item {
  color: #515151;
  font-size: 14px;
}

.theme-download-page ul.most-popular-download {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0px;
}

/*download page css end*/
/*two factor page css start*/
.theme-two-factor-page a#loginWithBackupCode {
  display: block;
  width: auto;
  max-width: max-content;
  margin: 10px auto;
}

.theme-two-factor-page small {
  display: block;
  width: 100%;
}

.theme-two-factor-page .upper-section-two-factor {
  text-align: center;
  padding: 35px 0px 0px;
}

.theme-two-factor-page {
  max-width: 560px;
  margin: 50px auto;
}

.theme-two-factor-page div#frmTwoFactorChallengeFooter {
  text-align: center;
  border: transparent;
}

.theme-two-factor-page .card {
  border: transparent;
}

.footer-button-form-two {
  margin-top: 30px;
}

/*two factor page css end*/
/*server status page css start*/
.box-server-status {
  background-color: var(--bg-white);
  min-height: 235px;
  box-shadow: 0 0 13px rgb(0 0 0 / 8%);
  text-align: center;
  padding: 25px;
  border: 3px solid transparent;
  cursor: pointer;
}

.server-status-active {
  border: 1px solid var(--border-color) !important;
}

.box-server-status span {
  font-size: 40px;
  letter-spacing: 1px;
  color: var(--text-color);
  font-weight: 600;
  line-height: 55px;
  min-height: 60px;
  padding: 5px 0px;
  display: block;
}

.box-server-status p {
  font-size: 18px;
  letter-spacing: 0px;
  color: var(--grey);
}

.theme-page-server-status {
  background: var(--bg-wite);
  padding: 0px;
}

.theme-page-server-status .message-box-theme {
  margin: 0;
  margin-bottom: 20px;
}

.no-network-issue {
  padding: 20px 0px;
  color: var(--text-color);
}

.theme-page-server-status .alert {
  text-align: center;
}

/*server status page css end*/
/*affilate status page css start*/
.affiliate-stat {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  font-size: 20px;
}

.affiliate-stat i {
  width: 50%;
  text-align: left;
  font-size: 2em;
}

.affiliate-stat span {
  width: 50%;
  text-align: right;
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
}

.refferal-link-section {
  margin-top: 20px;
}

p.title-refer {
  /* text-align: center; */
  font-size: 24px;
  color: var(--text-color);
}

.theme-affiliates-page .text-muted,
.commision-row .table-bordered td,
.commision-row .table-bordered th {
  font-size: 14px;
}

.theme-affiliates-page .row {
  margin-left: 0;
  margin-right: 0;
}

.affiliate-upper-section,
.refferal-link-section,
.commision-row,
.affiliate-table-below,
.affiliate-link-below {
  background: var(--bg-white);
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 4px 10px #00000021;
}

.refferal-link-section input.form-control {
  background: transparent;
  height: 50px;
  font-size: 14px;
}

.theme-affiliates-page h2 {
  font-size: 24px;
  color: var(--heading-color);
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 0px;
}

p.text-muted.text-center.request-withdrawl-descritpion {
  color: var(--grey) !important;
  margin-top: 10px;
}

.support-department-section ul.support-dept-icon {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.support-department-section ul.support-dept-icon li {
  width: 100%;
  background: var(--bg-white);
  width: 23.333%;
  border: solid 2px transparent;
  padding: 25px 21px;
  box-shadow: 0 0 10px #ccc;
  margin: 0 12px 12px 0;
  border-radius: 4px;
  min-height: 180px;
  text-align: center;
}

.card.support-department-section .card-body.m-30 {
  padding: 0;
}

.theme-main-inner-page-section .main-card-accountdetail-section .card-body,
.user-security-page-main-sec .linked-account-section .card-body,
.theme-main-inner-page-section .theme-clientarea-security-page .card-body {
  padding: 30px;
}

.support-department-section ul.support-dept-icon h2 {
  margin: 10px 0 10px;
  font-weight: 600;
  font-size: 20px;
  color: var(--text-color);
}

.support-department-section ul.support-dept-icon span {
  margin: 0;
  color: #b4b4b4;
  font-size: 12px;
  line-height: 17px;
  display: block;
}

.support-department-section ul.support-dept-icon li:hover {
  border: 1px solid var(--border-color);
}

.support-department-section ul.support-dept-icon img {
  height: 70px;
}

/*affilate status page css end*/
/*submitticket page css start*/
.select-hide {
  display: none;
}

ul.service-dept-section {
  list-style: none;
  padding-left: 0;
}

.select-items div {
  font-size: 12px;
  color: var(--text-black);
  padding: 6px 16px;
  border-bottom: 1px solid var(--border-color);
  line-height: 20px;
  word-break: break-all;
  cursor: pointer;
}

.select-items {
  position: absolute;
  border: solid 1px var(--border-color);
  top: 100%;
  background: var(--bg-white);
  left: 0;
  right: 0;
  z-index: 99;
  color: var(--text-color);
  max-height: 270px;
  overflow: auto;
}

li.department-list,
li.related-service-list {
  border: none;
  color: var(--text-white);
  border-radius: 4px;
  height: 35px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 31px;
  position: relative;
  max-width: 185px;
  width: 100%;
}

.custom-select-box-drop {
  width: 100%;
  display: flex;
}

.service-dept-section {
  display: flex;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  align-items: center;
  margin-bottom: 0;
}

.submit-ticket-upper-bar {
  display: inline-block;
  width: 100%;
  background: var(--bg-white);
  padding: 23px 30px 18px 30px;
}

.service-dept-section select {
  display: none !important;
}

.service-dept-section span.input-group-addon {
  font-size: 12px;
  border-right: 1px solid var(--border-color);
  padding-right: 10px;
  margin-right: 10px;
  height: 35px;
}

.department-list {
  background: var(--primary-bgcolor);
  margin: 0px 15px;
}

.related-service-list {
  background: var(--secondary-bgcolor);
}

.service-dept-section li.related-service-list span.input-group-addon {
  border-right: 1px solid var(--border-color);
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
  transform: rotate(182deg);
  top: 8px;
}

.priority-section {
  display: flex;
  align-items: center;
}

select#inputPriority {
  display: none;
}

.priority-label {
  color: var(--text-color);
  font-size: 16px;
  line-height: 29px;
  margin-right: 10px;
}

.checkbox-email-prefrence .form-check-input {
  accent-color: unset;
}

.priority-section .custom-select-box-drop {
  background: var(--primary-bgcolor);
  border: none;
  color: var(--border-color);
  border-radius: 4px;
  height: 35px;
  padding: 0 12px;
  line-height: 33px;
  position: relative;
  max-width: 134px;
  font-size: 14px;
}

.priority-section span.input-group-addon {
  font-size: 12px;
  border-right: 1px solid var(--border-color);
  padding-right: 10px;
  margin-right: 10px;
  height: 35px;
  color: var(--text-white);
}

.ticket-contact-message {
  padding-top: 30px;
}

.ticket-contact-message label.inputText,
.ticket-contact-message .inputBox.focus .inputText {
  position: unset;
  transform: unset;
}

.card.submit-ticket-inner-section .ticket-contact-message textarea {
  height: 270px;
}

.upload-file-sec {
  padding-bottom: 0px;
  padding-top: 0px;
}

.ticket-attachment-section {
  padding-top: 20px;
}

.ticket-attachment-section label.btn.btn-primary.browse-image-label {
  background: var(--primary-bgcolor) !important;
  border: none;
  color: var(--text-white) !important;
  padding: 11px 20px;
}

.ticket-attachment-section label.btn.btn-primary.browse-image-label:hover,
.ticket-attachment-section label.btn.btn-primary:hover {
  background: #dadad8;
}

.ticket-attachment-section label.btn.btn-primary {
  background: var(--primary-bgcolor) !important;
  border: none;
  color: var(--text-white) !important;
  padding: 11px 20px;
}

.theme-view-ticket-page h3.common-title-count {
  color: var(--text-color);
}

.ticket-attachment-section span.attachments-label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
}

.col-md-12.ticket-extension-allowed {
  margin-bottom: 20px;
}

.row.support-ticket-custom-field select {
  border-radius: 0px;
}

/*submitticket page css end*/
/*supporttickets page css start*/
table#tableTicketsList {
  border: transparent;
}

table#tableTicketsList>tbody>tr {
  background-color: transparent;
  border-radius: 5px;
  box-shadow: none;
}

table#tableTicketsList tr.ticket-table-head th {
  text-align: left;
  padding: 14px;
  height: auto;
}

table#tableTicketsList>tbody>tr>td {
  background-color: var(--bg-white);
  width: 15%;
  color: var(--text-color);
  border-top: transparent;
}

.theme-ticket-list-page .table-container.row.clearfix {
  margin: 0;
  padding: 20px 15px 30px;
}

.disabled {
  cursor: not-allowed !important;
}

table#tableTicketsList span.message-unread {
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  color: var(--text-white);
  border-radius: 50%;
  margin: 6px 0 0 10px;
  font-size: 11px;
}

table#tableTicketsList .yellow {
  background: #fab737;
}

div#tableTicketsList_length label {
  color: var(--text-color);
  font-size: 14px;
}

.dataTables_wrapper div.dataTables_paginate ul.pagination .active a.page-link {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
}

.dataTables_wrapper div.dataTables_paginate ul.pagination .active a.page-link:hover {
  color: var(--primary-btn-color-hover);
  background-color: var(--primary-btn-bg-color);
  border-color: unset;
}

/*supporttickets page css end*/
/*action detail page css start*/
.theme-clientdetail-page h3.form-title,
.theme-payment-method-page h3.form-title,
.theme-contact-list-page h3.form-title,
.theme-change-password-page h3.form-title,
.theme-change-password-page h4.info-titel,
.theme-clientarea-security-page h3.form-title {
  margin: 0 0 30px;
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  color: var(--heading-color);
  margin-top: 0;
}

.formBox.join-mail-box h3.form-title {
  margin-bottom: 10px;
  margin-top: 10px;
}

.form-inner-section.row p {
  font-size: 14px;
}

.theme-clientdetail-page .inputBox {
  margin-bottom: 30px;
}

.theme-clientdetail-page select {
  border-radius: 0;
}

.theme-clientdetail-page .inputBox.focus select {
  height: 44px;
  outline: none;
  border: transparent;
  border-bottom: 2px solid #000;
  appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/selectclientx_arrow.svg) !important;
  background-size: 11px !important;
  background-repeat: no-repeat !important;
  background-position: 98% !important;
}

.theme-clientdetail-page select#country {
  background: no-repeat;
}

.theme-clientdetail-page select {
  height: 44px;
  border: transparent;
  border-bottom: 1px solid #d2d2d2;
}

.theme-clientdetail-page select,
.theme-clientdetail-page .input {
  border-radius: 0;
}

.checkbox-universal-box input[type="checkbox"] {
  display: none;
}

.checkbox-universal-box span.check-icon-span {
  position: relative;
  background: var(--light-bg-color);
  display: inline-block;
  border-radius: 3px;
  width: 1.2em;
  height: 1.2em;
  float: left;
  margin-right: 0.5em;
  margin-top: 4px;
}

/*
.table-list>tbody>tr:hover>td span.check-icon-span {
    background: var(--bg-white);
}
*/
.formBox .form-inner-section.row .ticket-attachment-section label {
  margin-bottom: 0px;
}

.checkbox-universal-box .check-icon {
  position: absolute;
  color: var(--text-white);
  font-size: 9px;
  line-height: 0;
  top: 50%;
  left: 20%;
}

.formBox .form-inner-section.row label {
  margin-bottom: 15px;
}

.theme-domain-list-page .checkbox-universal-box span.check-icon-span {
  top: 0px;
}

.theme-clientdetail-page .inputBox.focus .inputText {
  transform: translateY(-21px);
}

.theme-clientdetail-page .formBox .form-inner-section.row label {
  line-height: normal;
}

/*action detail page css end*/
/*service-page  css start*/
.theme-client-service-page div#tableServicesList_wrapper small.text-muted {
  display: block;
}

.theme-client-service-page li.cancel-service a {
  color: #a94442;
}

.theme-client-service-page li.service-detail a {
  color: #727272;
}

.theme-client-service-page i.far.fa-arrow-alt-circle-up {
  color: #eeb800;
}

.tooltip-inner {
  background-color: #000;
  color: var(--text-white);
}

.theme-client-service-page ul.action-buttons-table li.service-download a {
  color: #193e70;
}

.product-with-domain i {
  margin-right: 5px;
}

.product-with-domain a i {
  color: var(--text-color);
}

.bottom-btn-cancel-req button {
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
}

/*service-page  css end*/
/*domains listing page start*/
.domain-upper-bulk-button.row {
  margin: 0;
}

/*domains listing page end*/
/*account user page start*/
.theme-user-management .card-body.user-invite-section {
  padding-bottom: 40px;
}

.theme-user-management .card-body.user-invite-section p.page-card-descp {
  font-size: 14px;
  margin-bottom: 14px;
}

.theme-user-management label.form-check.form-check-inline {
  font-size: 14px;
  cursor: pointer;
}

.screenshot-sec img {
  border: 2px solid #eaeaea;
  border-radius: 5px;
  margin-bottom: 5px;
}

.screenshot-sec img.active,
.screenshot-sec img:hover {
  border: 2px solid var(--primary-border-color);
}

.checkbox-email-prefrence {
  margin-top: 15px;
  margin-bottom: 20px;
}

.theme-user-management .card-body.user-invite-section p.form-description {
  font-size: 14px;
  color: var(--text-color);
  line-height: 24px;
}

.user-invite-section h3.form-title {
  font-weight: 600;
  font-size: 24px;
  color: var(--heading-color);
}

.user-invite-section .form-inner-section.row {
  margin-top: 35px;
}

.user-list-section .text-muted {
  margin-top: 12px !important;
  font-size: 14px;
  color: var(--grey) !important;
}

.domen-page .table-striped tbody tr {
  background-color: transparent;
}

.theme-user-management table th,
.theme-user-management table td {
  border-top: transparent;
  border-bottom: transparent;
}

.theme-user-management table th {
  padding-top: 0px;
  color: var(--heading-color);
}

.domen-page .table-striped tbody tr.user-manage-table-row {
  background: var(--light-bg-color);
  margin-bottom: 14px;
  width: 100%;
  border-radius: 5px;
}

.domen-page .table-striped tbody tr.user-manage-table-row td {
  font-size: 14px;
}

.theme-user-management tr.user-manage-table-row td:last-child {
  text-align: right;
}

.theme-user-management .table th:last-child {
  text-align: right;
}

.theme-user-management table.table.table-striped {
  margin-bottom: 0;
}

.theme-user-management tr.invite-main-tr-body td {
  background: var(--light-bg-color);
}

select#stateselect option,
select#country option {
  background: var(--bg-white);
}

.password-strength-section .alert.alert-info {
  margin: 0px;
  margin-bottom: 20px;
}

.theme-user-management table.table.table-striped {
  margin-bottom: 0;
  border-spacing: 0px 10px;
  border-collapse: separate;
  border-spacing: 0px 5px;
}

/*account user page end*/
/*payment method page start*/
.theme-payment-method-page tr.data-table-heading th {
  padding: 14px 15px !important;
  font-size: 12px;
  font-weight: 700;
  color: var(--text-color);
  border-top: transparent;
}

.theme-payment-method-page .button-section-payment {
  padding: 0px 0px 18px 0px;
  background: var(--light-bg-color);
}

ul.action-buttons-table li.delete-payment i {
  color: #c00;
}

ul.action-buttons-table li.edit-payment i {
  color: var(--text-color);
}

ul.action-buttons-table li.edit-payment i:hover {
  color: var(--text-color);
}

.theme-payment-method-page .button-section-payment a.btn.wgs_custom-btn {
  box-shadow: none;
}

.theme-payment-method-page tr.data-table-tr-body td {
  font-size: 14px;
  border-top: 1px solid var(--border-color);
}

.theme-payment-method-page .card-body {
  padding: 0;
}

.theme-payment-method-page table {
  background: var(--bg-white);
}

.theme-payment-method-page .card {
  background: transparent;
  border: transparent;
}

.icons-payment-method i {
  font-size: 25px;
}

/*payment method page end*/
/*theme-payment-method-page-edit start*/
.theme-payment-method-page-edit .card-body {
  padding: 30px;
}

form#frmManagePaymentMethod {
  padding: 30px;
  background: var(--bg-white);
}

form#frmManagePaymentMethod label.col-md-2.control-label {
  max-width: 170px;
  text-align: left !important;
  font-size: 14px;
  color: var(--text-color);
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
  flex: 0 0 170px;
}

form#frmManagePaymentMethod .fieldgroup-auxfields.billing-address-card-sec {
  padding-top: 30px;
}

form#frmManagePaymentMethod .fieldgroup-auxfields.description-card-sec .form-group.row,
form#frmManagePaymentMethod .fieldgroup-creditcard .form-group.row {
  align-items: flex-end;
}

form#frmManagePaymentMethod span.input-group-text.text-muted {
  background: transparent;
  border: transparent;
  padding-bottom: 0;
  font-size: 14px;
  padding: 0 30px;
}

form#frmManagePaymentMethod .fieldgroup-auxfields .col-md-8 {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
}

form#frmManagePaymentMethod input {
  padding: 9px 12px;
  max-width: 400px;
  position: relative;
  width: 100%;
  height: 50px;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
  font-weight: 700;
  border-bottom: 1px solid var(--border-color);
  box-shadow: none;
  border-radius: 0;
  color: var(--text-color);
}

div#billingContactsContainer {
  width: 100%;
}

.theme-payment-method-page-edit label.form-check.form-check-inline {
  margin-bottom: 15px;
  display: block;
  font-size: 14px;
  color: var(--text-color);
}

.form-group.row.payment-method-type-manage {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0;
}

.fieldgroup-auxfields a.btn.btn-default.btn-sm {
  background: var(--primary-btn-bg-color);
  border: 1px solid var(--primary-border-color);
  padding: 10px 22px;
  font-weight: 600;
  color: var(--primary-btn-color);
  margin-bottom: 10px;
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 5px;
}

.fieldgroup-auxfields a.btn.btn-default.btn-sm:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover);
  color: var(--primary-btn-color-hover);
}

form#frmManagePaymentMethod button#btnSubmit {
  margin: 0;
}

.contact-add-sections .custom-select-box-drop {
  width: 100%;
  display: flex;
  max-width: 470px;
  background: var(--bg-white);
  border-radius: 4px;
  padding: 0;
  margin: 0 17px;
  position: relative;
}

.contact-add-sections .select-selected:after {
  border-color: #696969 transparent transparent transparent;
  top: 23px;
}

.contact-add-sections .select-selected {
  font-size: 14px;
  color: #898989;
  padding: 14px 0 15px;
  cursor: pointer;
  user-select: none;
}

select#inputContactId {
  height: 43px;
  border: transparent;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 4px;
  padding-top: 10px !important;
  width: 100%;
  background-color: var(--bg-white);
  color: var(--text-color);
  cursor: pointer;
}

.theme-change-password-page .card-body {
  padding: 0;
}

.theme-change-password-page .inner-section-change-password {
  padding: 30px;
}

.social-signin-btns {
  text-align: left;
}

.left-side-checkout-page .social-signin-btns {
  text-align: center;
}

.user-security-page-main-sec .card.linked-account-section p {
  text-align: left;
  max-width: 800px;
  margin: 15px 0 20px;
  font-size: 14px;
  line-height: 24px;
  color: var(--text-color);
}

.user-security-page-main-sec .card.linked-account-section h3.card-title {
  text-align: left;
}

label.contact-form-label {
  font-size: 14px;
  font-weight: 600;
}

.contact-list-new-contact-head {
  min-height: 20px;
  padding: 20px;
  background-color: var(--light-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  box-shadow: none;
  display: flex;
  align-items: center;
}

.theme-contact-list-page.bg-white.m-30 {
  padding: 30px;
}

.button-footer-contact-page {
  margin-top: 25px;
}

.theme-contact-list-page .card.contact-input-section-upper .card-body,
.theme-contact-add-page .card.contact-input-section-upper .card-body {
  padding: 30px 0px;
}

.theme-contact-list-page .contact-input-section-upper .inputBox {
  margin-bottom: 30px;
}

.theme-contact-list-page .button-footer-contact-page button.btn.wgs_remove_button {
  font-size: 14px;
  padding: 10px 22px;
  /* margin-left: 10px */
}

.theme-contact-list-page .button-footer-contact-page button.btn.wgs_remove_button:hover {
  color: var(--text-white);
}

.formBox.user-invite-details-page {
  display: block !important;
}

.text-muted {
  color: var(--grey) !important;
}

.phone-number-sec input {
  border-radius: 0;
}

.theme-contact-list-page form select {
  border: transparent;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  height: 44px;
}

/*popup-css start*/
.modal.show .modal-dialog {
  margin-top: 140px;
}

.modal-body .form-group label.control-label {
  margin-bottom: 0;
  font-size: 13px;
  padding-bottom: 0;
}

.modal-body input.form-control {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color);
}

.copy-to-clipboard {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: 1px solid var(--primary-border-color);
}

.copy-to-clipboard img {
  filter: invert(1);
}

.copy-to-clipboard:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover) !important;
  border: 1px solid var(--primary-border-color-hover);
}

table#tableLinkedAccounts button.close {
  background: unset;
  color: var(--text-white);
}

table#tableLinkedAccounts button.btn.btn-sm.btn-default:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover);
  color: var(--primary-btn-color-hover);
}

/*popup-css end*/
/*theme-payment-method-page-edit end*/
/*clientarea detail page css start here*/
.theme-clientdetail-page {
  display: inline-block;
  width: 100%;
}

.theme-main-inner-page-section .main-card-accountdetail-section {
  border: none;
  background: var(--bg-white);
}

ul.sub-bar-common-section {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  background: #1cb8e6;
}

ul.sub-bar-common-section li {
  margin: 0;
  padding: 30px 35px;
  list-style: none;
  display: flex;
  border-right: 1px solid #4dc6ea;
  color: var(--text-white);
  position: relative;
  cursor: pointer;
}

ul.sub-bar-common-section li:last-child {
  border-right: none;
}

.sub-bar-tabs-icon {
  margin-right: 10px;
}

ul.sub-bar-common-section li:hover {
  background-color: #1ca2c9;
}

ul.sub-bar-common-section li.active {
  background-color: #1ca2c9;
  color: var(--text-white);
}

ul.sub-bar-common-section li:hover:after {
  content: "";
  border-top: 10px solid #1cb8e6;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  left: 43%;
  bottom: -9px;
}

ul.sub-bar-common-section li.active:after {
  content: "";
  border-top: 10px solid #1cb8e6;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  left: 43%;
  bottom: -9px;
}

ul.sub-bar-common-section li.active:after {
  border-top: 10px solid #1ca2c9;
}

ul.sub-bar-common-section li:hover:after {
  border-top: 10px solid #1ca2c9;
}

.bootstrap-switch {
  margin-bottom: 14px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
}

.checkbox-email-prefrence .form-check-inline .form-check-input {
  accent-color: unset;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  border-radius: 0;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary {
  color: var(--secondary-btn-color) !important;
  background-color: var(--secondary-btn-bg-color) !important;
  /* border-color: var(--secondary-border-color) !important; */
  border-color: transparent;
}

/*clientarea detail page css end here*/
/*clientarea action domain page css start here*/
.domain-upper-bulk-button .setBulkAction {
  background: var(--primary-btn-bg-color);
  border: 1px solid var(--primary-border-color);
  /* border-bottom: transparent; */
  border-radius: 0 !important;
  padding: 15px 21px !important;
  width: auto;
  font-weight: 600;
  margin: 0 5px 0px 0px;
  font-size: 14px;
  color: var(--primary-btn-color);
  transition: all 0.5s;
  flex: unset !important;
}

.domain-upper-bulk-button .left-side-buttons-domains {
  padding: 30px 30px 0px 30px;
}

.domain-upper-bulk-button .setBulkAction:hover {
  border-color: var(--primary-border-color-hover);
  color: var(--primary-btn-color-hover);
  background: var(--primary-btn-bgcolor-hover);
}

table#tableLinkedAccounts button.btn.btn-sm.btn-default:focus {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.tab-list-buttons-domain-detail ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.tab-list-buttons-domain-detail li {
  background: var(--bg-white);
  border: none;
  border-bottom: 2px solid #ccc;
  border-radius: 0;
  padding: 15px 21px;
  width: auto;
  font-weight: 600;
  margin: 0;
  font-size: 14px;
  color: #333;
  flex: unset;
  cursor: pointer;
}

.tab-list-buttons-domain-detail ul.dropdown-menu.show:before {
  content: "";
  border-bottom: 10px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  right: unset;
  top: -10px;
  left: 10px;
}

.tab-list-buttons-domain-detail li a {
  color: #333;
}

.tab-list-buttons-domain-detail li.active {
  border-color: #45b9e8;
  color: #45b9e8;
}

.row.overview-sections li {
  display: flex;
  color: var(--text-color);
  margin-bottom: 10px;
}

.row.overview-sections li:last-child {
  margin-bottom: 0;
}

.row.overview-sections span.left-title-domain {
  width: 100%;
  max-width: 45%;
  font-weight: 600;
}

.row.overview-sections span.right-title-value.label.status {
  padding: 5px;
}

.row.overview-sections,
.ssl-section-domain-detail-page,
.manage-domain-actions-detail-page {
  padding: 25px;
  background: var(--bg-white);
  margin: 10px 0px;
}

.row.overview-sections ul {
  padding-left: 0;
  margin-bottom: 0;
}

.theme-domain-detail-page .card-body {
  padding: 0;
}

.theme-domain-detail-page ul {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 0;
}

.theme-domain-detail-page h3.card-title,
h5,
.name-server-section-domain-detail h3.form-title {
  font-size: 19px;
  color: var(--heading-color);
  padding-left: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.price .product-billing-cycle {
  font-size: 14px;
  font-weight: 600;
  color: #9a8f96;
  font-family: "Open Sans", sans-serif;
}

.theme-domain-detail-page ul a {
  color: var(--text-color);
}

.tab-auto-renew-page {
  margin-top: 10px;
  background: var(--bg-white);
  padding: 20px;
  text-align: left;
}

h4.auto-renew-status {
  font-size: 20px;
  margin-bottom: 10px !important;
}

.auto-renew-status .label.label-success {
  font-size: 12px;
  font-weight: normal;
}

.auto-enable-button-box button {
  font-size: 14px;
}

.auto-enable-button-box {
  margin-top: 40px;
}

.left-domain-overview {
  position: relative;
  padding-left: 3px;
}

/*.left-domain-overview:after {
    position: absolute;
    width: 1px;
    background: #ddd;
    height: 227px;
    content: "";
    left: 94%;
    top: -60px;
}*/
.common-addon-domain {
  padding: 20px;
  text-align: center;
  color: var(--text-white);
  flex: 0 0 32.33333%;
  max-width: 32.33333%;
  border-radius: 5px;
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
  background: var(--bg-white);
}

.addon-domain-heading i {
  color: #1cb8e6;
}

.common-addon-domain strong {
  font-weight: 700;
  font-size: 20px;
  color: #001042;
  margin: 23px 0 14px;
  display: block;
}

.inner-addon-domain-section.row {
  justify-content: space-between;
  margin: 0;
}

.common-addon-domain p.adn-desc {
  font-size: 14px;
  min-height: 70px;
  color: #7d7d7d;
}

.addons-domain-detail {
  background: var(--bg-white);
  padding: 25px;
  margin-top: 10px;
}

.inner-addon-domain-section .common-addon-domain .btn {
  background: #1cb8e6;
  font-size: 14px;
  padding: 10px 25px;
  border: none;
}

/*.common-addon-domain.t-blue button, .common-addon-domain.t-blue .btn{
    background-image: linear-gradient(to right top, #c4d7f1, #78b2da , #529fdd, #3c8bcf, #1685e9);
    border: transparent;
}
.common-addon-domain.t-lightblue button, .common-addon-domain.t-lightblue .btn {
    background-image: linear-gradient(to right top, #c4d7f1, #0f99c9, #1095cb, #128ad1, #128ad1);
    border: transparent;
}
.common-addon-domain.t-green button, .common-addon-domain.t-green .btn {
        background-image: linear-gradient(to right top, #cfe0cb, #c2debb, #70c757, #66ca4e, #8ed47a);
        border: transparent;
}*/
/*.tab-list-buttons-domain-detail li.dropdown.domain-more-options:hover ul.domains-more-menu.dropdown-menu {
    display: block;
}
.tab-list-buttons-domain-detail ul.domains-more-menu.dropdown-menu {
    display: none;
}*/
.theme-domain-detail-page ul.domains-more-menu.dropdown-menu.show {
  display: block;
  top: 33px !important;
  margin-top: 0;
}

ul.domains-more-menu.dropdown-menu {
  display: none;
}

.tab-list-buttons-domain-detail li.dropdown.domain-more-options li {
  padding: 6px 10px;
  border-width: 1px;
  font-size: 13px;
}

.tab-list-buttons-domain-detail li.dropdown.domain-more-options li:last-child {
  border: transparent;
}

.name-server-section-domain-detail {
  background: var(--bg-white);
  padding: 25px;
}

.name-server-section-domain-detail .col-md-4 {
  margin-bottom: 25px;
}

.reg-lock-domain-detail {
  background: var(--bg-white);
  padding: 25px;
  margin-top: 10px;
}

.reg-lock-domain-detail .reg-lock-status span.label {
  font-size: 12px;
}

.theme-domain-detail-page .tab-content .message-box-theme {
  margin-top: 0;
  margin: 0;
}

.reg-lock-bottom-btn button.btn.btn-success {
  font-size: 14px;
}

.reg-lock-status {
  margin-bottom: 25px;
  font-size: 20px;
}

.release-domain-detail {
  margin-top: 10px;
  background: var(--bg-white);
  padding: 25px;
}

select.custom-select.custom-select-sm.form-control.form-control-sm {
  /* background: var(--bg-white) !important; */
  color: var(--text-color);
  border-color: var(--border-color);
}

.tab-list-buttons-domain-detail li.dropdown.domain-more-options:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

/*clientarea action domain page css end here*/
/*clientarea action domain page css end here*/
ul.services-details-tab {
  list-style: none;
  padding-left: 0;
  display: flex;
}

ul.services-details-tab {
  list-style: none;
  padding-left: 0;
  display: flex;
}

ul.services-details-tab li {
  width: 100%;
  max-width: 14%;
  box-shadow: 0 0 8px #dfdddd;
  background: var(--bg-white);
  text-align: center;
  padding: 19px 0;
  display: block;
  color: #404040;
  border-radius: 10px;
  margin-right: 10px;
  position: relative;
}

.services-details-tab-icon {
  font-size: 26px;
  line-height: normal;
}

ul.services-details-tab li a {
  color: #333;
  font-size: 12px;
}

.theme-client-service-detail-page div#tabOverview {
  background: var(--bg-white);
  padding: 20px;
}

.theme-client-service-detail-page div#tabOverview .card-body {
  background: transparent !important;
}

ul.services-details-tab li.active:after,
ul.services-details-tab li:hover:after {
  content: "";
  border-top: 10px solid #1ca2c9;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  left: 43%;
  bottom: -9px;
}

ul.services-details-tab li.active a,
ul.services-details-tab li:hover a {
  color: var(--text-white);
}

ul.services-details-tab li.active {
  background: #1ca2c9;
}

ul.services-details-tab li:hover {
  background: #3ea3cb;
}

#cPanelPackagePanel .panel-heading.card-header {
  padding: 20px 0;
  /*background-image: linear-gradient(127deg, #0a45b0, #1b66ef);*/
  border-radius: 0;
  background: transparent;
}

#cPanelPackagePanel .panel-heading.card-header h3,
div#cPanelUsagePanel .panel-heading.card-header h3,
#cPanelQuickShortcutsPanel h3.panel-title {
  color: var(--heading-color);
  font-size: 22px;
  text-align: center;
}

#cPanelQuickShortcutsPanel h3.panel-title {
  text-align: left;
}

.row.cpanel-feature-row a.d-block {
  background: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 24px 14px;
  color: var(--text-color);
}

.row.cpanel-feature-row a.d-block:hover {
  box-shadow: 0 4px 13px #00000014;
}

#cPanelQuickShortcutsPanel a {
  font-size: 14px;
}

#cPanelQuickShortcutsPanel .panel-heading.card-header {
  /*background-image: linear-gradient(127deg, #0a85a4, #0cb2c1);*/
  background: transparent;
}

div#cPanelUsagePanel .panel-heading.card-header {
  /*background: #545454;*/
  background: transparent;
}

/*.theme-client-service-detail-page div#tabOverview .card {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
}*/
.theme-client-service-detail-page div#tabOverview .card .card-body {
  padding: 20px;
}

.theme-client-service-detail-page div#tabOverview #cPanelExtrasPurchasePanel .card-body {
  padding: 25px 45px;
}

#cPanelExtrasPurchasePanel .card-body select.form-control {
  margin-bottom: 10px;
  height: 45px;
  font-size: 14px;
  border-color: var(--border-color) !important;
  padding-top: 5px !important;
  background: var(--bg-white);
}

.theme-client-service-detail-page div#tabOverview .card {
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
}

#cPanelExtrasPurchasePanel .card-body button.btn-default,
#cPanelPackagePanel .btn-default {
  width: auto;
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  padding: 8px 20px;
  border: 1px solid var(--primary-border-color);
  margin: 17px 0 0;
  display: inline-block;
  border-radius: 0.2rem;
  font-size: 16px;
}

#cPanelExtrasPurchasePanel .card-body button.btn-default:hover,
#cPanelPackagePanel .btn-default:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

#cPanelPackagePanel .btn-success.btn-sm:hover {
  background: var(--secondary-btn-bgcolor-hover) !important;
  color: var(--secondary-btn-color-hover);
  border-color: var(--secondary-border-color-hover);
}

#cPanelPackagePanel .btn-success.btn-sm {
  padding: 8px 20px;
  margin-top: 17px;
  font-size: 16px;
}

#btnInstallWordpress {
  background: #1cb8e6;
  color: var(--text-white);
  border-color: #1cb8e6;
}

#cPanelPackagePanel .cpanel-package-details {
  margin-bottom: 5px;
}

#cPanelWordPress h5 {
  color: #464646;
  font-weight: 600;
}

.cpanel-package-details em {
  font-style: normal;
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 15px;
  display: inherit;
}

.cpanel-package-details a {
  background: #e0f4ff;
  padding: 3px 17px;
  border-radius: 80px;
  font-size: 13px;
  margin: 10px 0 0;
  display: inline-block;
}

form#frmCreateEmailAccount input::placeholder {
  color: var(--text-color);
}

form#frmCreateEmailAccount input {
  height: 46px;
  font-size: 14px;
  color: var(--text-color) !important;
}

form#frmCreateEmailAccount small {
  font-size: 14px;
  color: #333;
}

form#frmCreateEmailAccount button.btn.btn-primary.btn-block {
  background: var(--primary-btn-bg-color);
  border: 1px solid var(--primary-border-color);
  color: var(--primary-btn-color);
  height: 46px;
  font-size: 20px;
  width: 100%;
  max-width: 220px;
}

form#frmCreateEmailAccount button.btn.btn-primary.btn-block:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

div#cPanelQuickEmailPanel h3.panel-title.card-title,
div#cPanelBillingOverviewPanel h3.panel-title.card-title {
  text-align: center;
  font-size: 16px;
  color: var(--heading-color);
  text-align: left;
}

div#cPanelBillingOverviewPanel .col-xs-6.col-6.text-right:after {
  content: "";
  position: absolute;
  top: 0;
  background: var(--bg-white);
  border: 3px solid var(--primary-color);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  left: 13px;
  top: 4px;
}

div#cPanelBillingOverviewPanel .col-xs-6.col-6.text-right {
  position: relative;
  padding-left: 35px;
  padding-bottom: 11px;
  text-align: left !important;
}

#tabChangepw h3.card-title {
  padding: 20px 0;
  background-image: linear-gradient(127deg, #0a85a4, #0cb2c1);
  text-align: center;
  font-size: 24px;
  color: var(--text-white);
}

div#tabChangepw form.using-password-strength {
  background: var(--bg-white);
  padding: 30px;
}

div#tabChangepw h3.card-title {
  padding: 20px 30px;
  background-image: unset;
  text-align: left;
  font-size: 18px;
  margin-bottom: 0;
  background: var(--bg-white);
  color: var(--text-color);
}

#billingCycle,
#recurringAmount,
#registrationDate {
  position: relative;
}

#recurringAmount:before,
#billingCycle:before,
#registrationDate:before {
  content: "";
  background: var(--primary-color);
  width: 2px;
  height: 33px;
  position: absolute;
  top: 6px;
  left: 19px;
}

.input-group-addon.input-group-append.product-detail-overview span:hover {
  background-color: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

.product-detail-change-password .form-inner-section.row {
  margin: 0;
}

.using-password-strength .form-inner-section.row .generate-password {
  margin-top: 13px;
}

.product-detail-change-password .form-inner-section.row .upper-section-new-psw .col-md-6 {
  padding: 0;
}

#tabChangepw .card-body {
  padding: 0;
}

div#tabChangepw form.using-password-strength .col-md-8,
div#tabChangepw form.using-password-strength .col-md-6,
div#tabChangepw form.using-password-strength .col-md-12 {
  padding: 0;
}

.download-heading-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.download-heading-title a.btn {
  background: #3ea3cb;
  color: var(--text-white);
  border: transparent;
}

.theme-client-service-detail-page .form-box.tab-download-section {
  background: var(--bg-white);
  padding: 25px;
}

.box-tab-dwnld {
  background: #fcfcfc;
  box-shadow: 0 0 5px #dfdfdf;
  padding: 13px 13px;
  margin-bottom: 21px;
  min-height: 130px;
}

div#tabDownloads h3.form-title,
#tabAddons h3.form-title {
  font-size: 20px;
  color: var(--heading-color);
  font-weight: 700;
  padding-left: 0;
  margin-bottom: 20px;
}

ul.other-descp-p-detail {
  list-style: none;
  margin-top: 7px;
  margin-bottom: 0;
  background: var(--bg-white);
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0px 0px 6px #0000000f;
}

ul.other-descp-p-detail li {
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
}

ul.other-descp-p-detail li::before {
  content: "-";
  margin-right: 5px;
  font-size: 20px;
  line-height: normal;
}

.title-p-detail {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.product-detail-addon {
  background: var(--light-bg-color);
  padding: 13px;
  border: solid 1px var(--border-color);
  margin-bottom: 15px;
  min-height: 200px;
}

.status-pending {
  font-weight: 600;
  font-size: 11px;
}

#tabAddons .form-box {
  background: var(--bg-white);
  padding: 25px;
}

#tabAddons span.product-detail-addon-name {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.bottom-button-pdetail img {
  max-width: 150px !important;
  margin-bottom: 10px !important;
}

.bottom-button-pdetail .btn.btn-default {
  font-size: 11px;
  margin-bottom: 5px;
  width: 100%;
  padding: 10px 7px;
  max-width: 49%;
  border: transparent;
  color: var(--text-white);
  font-weight: 600;
}

.bottom-button-pdetail button.btn.btn-default.btn-service-sso {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border-color: var(--primary-border-color);
}

.bottom-button-pdetail button.btn.btn-default.btn-service-sso:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-btn-color-hover);
}

.bottom-button-pdetail a.btn.btn-default.open-modal {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border-color: var(--secondary-border-color);
}

.bottom-button-pdetail a.btn.btn-default.open-modal:hover {
  background: var(--secondary-btn-bgcolor-hover);
  color: var(--secondary-btn-color-hover);
  border-color: var(--secondary-btn-color-hover);
}

.bottom-button-pdetail button.btn.btn-default {
  background: #68b857;
}

.products-list-back a {
  color: var(--text-color);
  font-weight: 600;
}

.products-domains-section,
.product-name-head {
  border-left: 1px solid var(--border-color);
}

.products-list-back,
.product-name-head,
.products-domains-section {
  font-size: 14px;
  padding: 20px;
  font-weight: 600;
}

.theme-head-bar.service-detail-page {
  background: no-repeat;
  background-color: var(--bg-white);
  padding: 0;
}

.theme-head-bar.service-detail-page {
  padding-right: 30px;
}

.theme-head-bar.service-detail-page .col-md-3 {
  padding-right: 0;
}

.products-status-section {
  padding: 20px 22px;
  display: inline-block;
  color: var(--text-white);
  font-weight: 700;
  /* text-transform: uppercase; */
  font-size: 16px;
  letter-spacing: 3px;
}

.service-detail-page .status-active {
  background: var(--green-bg);
}

.theme-head-bar.service-detail-page .col-md-9 {
  display: flex;
}

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

.table-upgrade-package tr {
  background: var(--bg-white);
  border: 1px solid #dedede;
  margin-bottom: 20px;
  box-shadow: 0 5px 14px 0px #0000001c;
}

table.table.table-striped.table-upgrade-package {
  width: 100%;
  margin-bottom: 0px;
  color: #212529;
  border-spacing: 0px 5px;
  border-collapse: separate;
  border-spacing: 0px 10px;
}

.table-upgrade-package .suport-list {
  padding-left: 0;
  list-style: none;
  margin-top: 10px;
}

.table-upgrade-package .suport-list li {
  font-size: 14px;
  margin-bottom: 5px;
}

.table-upgrade-package td,
.table-upgrade-package th {
  border-top: transparent;
  padding: 20px;
}

.package-update-section h3.form-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--heading-color);
}

.theme-upgrade-page .card-body {
  background: var(--bg-white);
  padding: 25px;
}

.package-update-section .new-configuration-upgarde {
  font-weight: 600;
}

/*clientarea action domain page css end here*/
/*clientarea action invoice page css start here*/
.invoice-inner-section {
  padding: 30px;
}

.invoice-inner-section .table-container {
  padding: 0;
}

.invoice-inner-section .dataTables_wrapper table.table-list {
  margin-top: 0px !important;
}

.left-section-invoices {
  margin-top: 8px;
}

.revenue-block {
  border-bottom: 0;
  padding: 0;
  margin: 0px 0 10px;
  background: #ffffff url(../images/product.svg) no-repeat right center;
  background-size: 50% 40px;
  background-position: 120% 84px;
}

h3.revenue-heading,
h3.fund-heading {
  font-size: 16px;
  color: #000000;
  font-weight: 700;
  border-bottom: 1px solid #f0f3f7;
  padding: 20px;
  margin: 0;
}

.revenue-inner-section,
.fund-inner-section {
  padding: 10px 20px 20px;
}

.fund-block {
  background: #ffffff url(../images/../images/credit-icon.svg) no-repeat right center;
  padding: 0;
  margin: 0px;
  background-size: 50% 40px;
  background-position: 120% 84px;
}

span.price-section-fund,
.revenue-inner-section span.price-section-revenue {
  font-size: 28px;
  letter-spacing: 1px;
  color: #161938;
  font-weight: 600;
  display: block;
}

a.add-fund-btn {
  border-radius: 13px;
  background-color: #edf6ff;
  display: inline-block;
  text-decoration: none;
  padding: 2px 15px;
  font-size: 13px;
  line-height: 20px;
  color: #2a8fe9 !important;
  font-weight: 400;
  position: unset;
  border: 1px solid #ececec;
}

span.add-credit-fund {
  margin-top: 10px;
  display: inherit;
}

span.num-invoice-revenue {
  color: #888;
  font-size: 13px;
}

span.price-section-revenue {
  font-weight: 600;
}

.revenue-inner-section span {
  font-size: 14px;
  color: #888;
}

.theme-client-service-detail-page .tab-pane .col-sm-5.text-right {
  text-align: left !important;
}

.theme-page-add-funds {
  background: var(--bg-white);
  margin: 30px;
  padding: 25px;
}

.theme-page-add-funds .form-inner-section.row select {
  border: transparent;
  position: relative;
  width: 100%;
  height: 46px;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
  font-weight: 400;
  border-bottom: 1px solid var(--border-color);
  border-radius: 0;
}

.btn-footer-submit-ticket #openTicketSubmit {
  margin-right: 7px;
}

.theme-page-add-funds .formBox h3.form-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  color: var(--text-color);
}

.funds-upper-section ul {
  margin: 0;
  padding: 0;
}

.funds-upper-section ul li {
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  justify-content: space-between;
}

.funds-upper-section ul li span {
  font-size: 15px;
  color: var(--text-color);
}

.funds-upper-section ul li:last-child {
  border-bottom: none;
}

.funds-upper-section span.heading-right {
  float: right;
}

.theme-page-add-funds .form-inner-section.row {
  margin-bottom: 25px;
}

.theme-page-add-funds .form-inner-section.row .inputBox.focus select {
  border-bottom: 2px solid #000;
  appearance: auto;
  padding-left: 0;
}

.invoice-inner-left span.invoice-state {
  position: absolute;
  left: 4px;
  transform: rotate(360deg);
  border-radius: 0;
  top: 0px;
  font-size: 14px;
  padding: 4px 10px;
}

.invoice-inner-left span.invoice-state::before {
  height: 0;
  width: 0;
  border-top: 10px solid var(--border-color);
  border-left: 11px solid transparent;
  bottom: -10px;
  position: absolute;
  content: "";
  left: 0;
}

/*clientarea action invoice page css start here*/
.table.table-upgrade-config thead th {
  border-bottom: 1px solid var(--border-color);
  font-size: 14px;
  padding: 20px 14px;
}

.table.table-upgrade-config td {
  font-size: 14px;
}

.invoice-wrapper .payment-method-button input.btn.btn-primary {
  margin-bottom: 10px;
  font-size: 14px;
}

.payment-method-button form:last-child input.btn.btn-primary {
  margin-bottom: 0;
  background: #0cb4e5;
}

/*clientarea action invoice page css end here*/
/*clientarea action masspay page css start here*/
.theme-mass-pay-page tr.masspay-invoice-detail td {
  border: transparent;
}

.theme-mass-pay-page .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color);
}

.theme-mass-pay-page tr.masspay-total td {
  background-color: transparent;
  font-size: 14px;
}

.theme-mass-pay-page .payment-mass-pay-row {
  border: 1px solid var(--border-color);
  padding: 0;
  margin-bottom: 25px;
}

select#paymentmethod {
  padding-top: 5px !important;
  /*    background: var(--bg-white) !important;*/
  border-color: var(--border-color) !important;
  padding-left: 10px;
}

div#paymentGatewayInput #newBillingAddress #country {
  padding-left: 5px;
}

/*#sidebar ul li a.active {
    border-bottom: 1px solid #ffffff3b !important;
}
*/
.form-control:focus {
  border-color: var(--border-color) !important;
}

.theme-mass-pay-page .payment-mass-pay-row button {
  width: 100%;
}

.theme-mass-pay-page .payment-mass-pay-row .card-body {
  padding: 25px;
}

.theme-mass-pay-page .payment-mass-pay-row .col-md-12 {
  padding: 0;
}

/*clientarea action masspay page css end here*/
/*clientarea action quotes page css start here*/
.domen-page.rightsidebaractive.bothSidebaractive #tableQuotesList .wgs_custom-btn {
  padding: 7px 10px;
  font-size: 12px;
}

/*clientarea action quotes page css end here*/
/*submitticketstep 4 start here*/
.theme-page-ticket-confirm {
  background: var(--bg-white);
  margin: 30px;
  padding: 25px;
}

.theme-page-ticket-confirm .col-10.offset-1 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  flex: 100%;
}

/*submitticketstep 4 start here*/
/* them-default-home-page css start*/
.hosting-panal {
  text-align: center;
  background: var(--green-bg);
  padding: 34px 14px 0;
  border-radius: 10px;
  min-height: 221px;
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}

.announcements-home-page {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.hosting-panal h2 {
  color: var(--text-white);
  font-size: 20px;
  margin-top: 10px;
}

.hosting-panal p {
  color: var(--text-white);
  font-size: 13px;
  line-height: 22px;
}

span.host-user {
  position: absolute;
  top: 0;
  right: 0;
  position: absolute;
  right: 14px;
  top: 8px;
  width: 25px;
  height: 25px;
  font-size: 12px;
  border-radius: 50%;
  line-height: 21px;
  border: solid 2px #259323;
  color: var(--text-white);
  text-align: center;
  font-weight: 700;
}

.tick {
  background: var(--yellow-bg);
}

.tick span {
  border: solid 2px #b18a01;
}

.invo {
  background: var(--blue-bg);
}

.invo span {
  background: var(--blue-bg);
  border: solid 2px #007da2;
}

.regis {
  background: #404040;
}

.regis span {
  border: 1px solid var(--border-color);
}

.them-default-home-page {
  padding: 30px;
}

section.default-home-active-product-service .card-header {
  padding: 0;
  position: relative;
}

section.default-home-active-product-service .card-header:before {
  content: "";
  background: #404040;
  height: 1px;
  width: 285px;
  display: inline-block;
  bottom: -1px;
  left: 0;
  position: absolute;
}

section.default-home-active-product-service h3.card-title {
  font-size: 20px;
  color: var(--heading-color);
  position: relative;
  font-weight: 700;
  padding-bottom: 15px;
}

section.default-home-active-product-service {
  margin-top: 50px;
}

section.default-home-active-product-service .list-group-item.list-group-item-action.col-md-6 {
  flex: 0 0 49%;
  max-width: 49%;
  margin-bottom: 20px;
  border: 1px solid var(--border-color);
  padding: 20px;
}

.div-service-buttons .btn-view-details {
  /* border: none; */
  border: 1px solid var(--primary-border-color);
  font-size: 12px;
  font-weight: 600;
  text-decoration: unset;
  color: var(--primary-btn-color) !important;
  background: var(--primary-btn-bg-color);
}

.div-service-buttons .btn-view-details:hover {
  border-color: var(--primary-border-color-hover);
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color);
}

.div-service-buttons .btn-custom-action:focus,
.div-service-buttons .btn-group .dropdown-toggle:focus {
  background: var(--primary-btn-bg-color) !important;
  color: var(--primary-btn-color);
}

.div-service-buttons .btn-group .dropdown-toggle {
  border: none;
  background: var(--light-bg-color);
  color: var(--text-color);
}

/*.div-service-buttons .btn-group .dropdown-toggle .caret {
    display: block;
}*/
.div-service-buttons .btn-group .dropdown-toggle {
  position: relative;
}

.div-service-buttons .btn-group .dropdown-toggle::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f077";
  font-size: 12px;
  position: relative;
  display: inline-block;
  transform: rotate(180deg);
  border: none;
}

.div-service-buttons li.dropdown-item {
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  padding: 0.45rem 1.5rem;
  border-bottom: 1px solid #e7e7e7;
}

.div-service-buttons li.dropdown-item:last-child {
  border-bottom: none;
}

.div-service-buttons li.dropdown-item:hover {
  background: f7f7f7;
}

.div-service-buttons .btn-custom-action {
  background: var(--light-bg-color);
  border: none;
  font-weight: 600;
  font-size: 14px;
  color: var(--text-color);
}

.div-service-buttons .btn-custom-action:focus {
  background: var(--light-bg-color);
  color: var(--text-color);
}

.div-service-buttons ul.dropdown-menu.show:before {
  content: "";
  border-bottom: 13px solid var(--border-color);
  right: 10px;
  top: -14px;
}

section.default-home-active-product-service .list-group {
  flex-wrap: wrap;
  margin-top: 40px;
  flex-direction: unset;
  justify-content: space-between;
}

section.default-home-active-product-service .row {
  margin: 0;
}

.them-default-home-page ul.slick-dots button {
  font-size: 0;
  background: var(--light-bg-color);
  width: 10px;
  height: 10px;
  margin: 15px 2px 0px;
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  padding: 0;
  border: transparent;
}

.them-default-home-page li.slick-active button {
  background: var(--primary-bgcolor);
}

.active-domain-home-page {
  text-align: center;
  background: var(--bg-white);
  display: inline-block;
  border: solid 1px var(--border-color);
  padding: 15px 0px 0px;
  border-radius: 4px;
  width: 100%;
  min-height: 249px;
}

.pending-domain-home-page {
  text-align: center;
  display: inline-block;
  border: solid 1px var(--border-color);
  padding: 15px 20px 20px;
  border-radius: 4px;
  width: 100%;
  min-height: 254px;
  text-align: center;
}

.domain-icon-home-page {
  text-align: center;
}

h3.domain-head-name {
  font-size: 20px;
  color: var(--heading-color);
  margin: 11px 0 8px;
}

.btn-domain-list-home-page:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover) !important;
}

.btn-domain-list-home-page {
  background: var(--primary-btn-bg-color);
  border: 1px solid var(--primary-border-color);
  color: var(--primary-btn-color);
  font-size: 14px;
  padding: 10px 22px;
  font-weight: 500;
  border-radius: 5px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  display: inline-block;
  margin: 10px 0;
}

/* .domain-promo-box a.btn.btn-warning:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-btn-bgcolor-hover);
} */
section.default-home-domain-services ul.home-page-domain-buttons-list li a i {
  color: var(--grey);
}

/* .btn-domain-list-home-page:hover {
    background: #1293b9;
} */
.active-domain-button-home-page .btn-domain-list-home-page {
  background: var(--primary-btn-bg-color);
}

.active-domain-button-home-page .btn-domain-list-home-page:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover) !important;
}

.active-domain-button-home-page .btn-domain-list-home-page a:hover {
  background: #3ea23c;
}

/* section.default-home-domain-services .pending-domain-button-home-page a {
  font-size: 16px;
} */
section.default-home-domain-services ul.home-page-domain-buttons-list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
}

.renew-btn-home-domain i {
  color: #1cb8e6;
}

.manage-btn-home-domain .cog i {
  color: #3f3f3f;
}

.nameserver-btn-home-domain a i {
  color: #1b66ef;
}

.default-home-domain-services ul.home-page-domain-buttons-list {
  border-top: 1px solid var(--border-color);
  padding-top: 15px;
  margin-top: 18px;
}

ul.home-page-domain-buttons-list li {
  list-style: none;
  display: inline;
  margin: 0 5px;
}

.them-default-home-page ul.slick-dots {
  display: flex !important;
  padding-left: 0;
  align-items: center;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
}

section.default-home-domain-services .slick-slide img {
  margin: auto;
}

a.home-page-domain-checker-link {
  color: var(--primary-color);
  text-decoration: underline;
  font-size: 14px;
}

.home-domain-header h3:after {
  content: "";
  content: url(../images/small-icone.png);
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}

.home-domain-header h3 {
  position: relative;
  font-weight: 700;
  padding-left: 36px;
  font-size: 20px;
  color: var(--heading-color);
  margin-bottom: 0;
}

.home-domain-header {
  border-bottom: 1px solid var(--border-color);
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 35px;
  padding-bottom: 14px;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  background-color: transparent;
}

.home-domain-header h3:before {
  content: "";
  background: var(--border-color);
  height: 1px;
  width: 125px;
  display: inline-block;
  bottom: -15px;
  left: 0;
  position: absolute;
}

.panel-home-default-inner-section .html-section-home-page .card-body {
  padding-left: 0;
}

.theme-main-inner-page-section section.home-page-default-panels-execute .card {
  border: 1px solid var(--border-color);
  margin-bottom: 20px;
  margin-top: 20px;
}

.panel-mc-sso button.btn.btn-default.btn-service-sso,
.product-hook-panel .actions .btn-default {
  padding: 5px 14px;
  font-size: 13px;
  border: 1px solid var(--primary-border-color);
  margin-top: 8px;
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
}

.panel-mc-sso button.btn.btn-default.btn-service-sso:hover,
.product-hook-panel .actions .btn-default:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

.defaultClientxSidebar .card-footer .btn-success:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

.login-feedback {
  margin-top: 5px;
}

.product-hook-panel .actions .btn-default~.btn-default {
  background: var(--secondary-btn-bg-color);
  border: 1px solid var(--secondary-border-color);
  color: var(--secondary-btn-color);
}

.product-hook-panel .actions .btn-default~.btn-default:hover {
  background: var(--secondary-btn-bgcolor-hover);
  color: var(--secondary-btn-color-hover);
  border-color: var(--secondary-border-color-hover);
}

.product-hook-panel .mc-promo-login {
  border-color: #e7e7e7;
  margin: 10px 0;
}

div#ticketsPanel .label {
  position: absolute;
  right: 20px;
}

section.home-page-default-panels-execute .row .list-group .list-group-item {
  border: transparent;
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-white);
  color: var(--text-color);
  font-weight: 600;
  font-size: 14px;
}

.list-group-item {
  background-color: var(--bg-white);
  border-color: var(--border-color) !important;
}

section.home-page-default-panels-execute .row.panel-home-default-inner-section .row {
  margin: 0;
}

section.home-page-default-panels-execute .row .list-group {
  width: 100%;
}

.domain-section-home-page-search {
  min-height: 221px;
  background-image: url(../images/bg-dom.jpg) no-repeat;
  background-size: cover;
  border: solid 1px var(--border-color);
  padding: 23px 23px;
  border-radius: 10px;
}

.promo-container .header h3 {
  font-size: 20px;
  color: var(--heading-color);
  font-weight: 700;
}

.promo-banner-rounded {
  border-radius: 0;
}

.promo-banner ul {
  padding: 10px 0 5px;
  display: inline-block;
}

.promo-banner ul li {
  margin-bottom: 8px;
  color: var(--text-color);
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 18px;
  height: 18px;
  background-size: 14px;
}

.domain-section-home-page-search button {
  height: 55px;
  padding: 6px 18px;
  /* border: transparent; */
  border: 1px solid var(--primary-border-color);
  background: var(--primary-btn-bg-color);
  font-size: 24px;
  color: var(--primary-btn-color);
}

.domain-section-home-page-search button:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color);
  color: var(--secondary-btn-color);
}

.domain-section-home-page-search #domainname {
  height: 55px;
  box-shadow: 0 0 7px #ccc;
  border: transparent;
  border-radius: 0;
  font-size: 14px;
}

.domain-search-form-inner {
  display: flex;
  background: var(--bg-white);
  border-radius: 5px;
  margin: 30px 0;
}

h3.heading-title-domain-home-search {
  margin: 0;
  text-align: left;
  font-weight: 700;
  font-size: 20px;
  color: var(--heading-color);
}

.cart-section-count-home-page {
  border: dashed 3px #000;
  padding: 43px 25px;
  border-radius: 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  min-height: 221px;
  align-items: center;
}

h3.heading-title-cart-home {
  font-size: 22px;
  font-style: italic;
  color: #000000;
}

.button-cart-home {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  border-radius: 5px;
  background: #eeb800;
  padding: 16px 17px;
  text-align: center;
  display: inline-block;
}

a.btn-home-cart {
  color: #000;
}

.right-section-home-cart img {
  width: 100%;
  max-width: 120px;
}

section.default-home-active-product-service ul.dropdown-menu.dropdown-menu-right.show {
  margin: -3px 0 0;
  border: 1px solid var(--border-color);
  z-index: 9999;
}

.them-default-home-page .btn-xs {
  color: var(--primary-btn-color);
  border: 1px solid var(--primary-border-color);
  background: var(--primary-btn-bg-color);
}

.item-announcement-section {
  border: solid 1px var(--border-color);
  box-shadow: 0 0 8px #dedede;
  display: inline-block;
  width: 100%;
  padding: 15px 15px;
  margin-bottom: 13px px;
  border-radius: 4px;
  background: var(--bg-white);
}

.item-announcement-section p.announcement-date {
  font-size: 13px;
  margin-bottom: 0;
  color: var(--grey);
}

.item-announcement-section a {
  color: var(--text-color);
  font-size: 15px;
  font-weight: 700;
}

section.announcements-section {
  margin-bottom: 50px;
}

.an-icon-left {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  line-height: 27px;
  margin-right: 10px;
  background: #e9f5e6;
}

.an-icon-left i {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 34px;
  color: #6ac554;
}

.url-announcement-section-left {
  display: flex;
  align-items: center;
}

.announcement-slider-item.col-md-4 {
  padding-left: 0;
}

.announcement-slider-item.col-md-4 .item-announcement-section {
  box-shadow: none;
}

section.home-page-default-panels-execute .col-md-6.col-lg-12.col-xl-6:last-child {
  padding-right: 0;
}

section.home-page-default-panels-execute .col-md-6.col-lg-12.col-xl-6 {
  padding-left: 0;
}

section.default-home-domain-services {
  padding: 40px 0px;
}

section.home-page-default-panels-execute {
  padding: 40px 0px;
}

section.home-page-last-panels-section {
  padding-bottom: 20px;
}

div#ticketsPanel .list-group {
  height: 300px;
}

div#ticketsPanel .row {
  overflow: auto;
  margin-bottom: 15px;
}

/* them-default-home-page css end*/
.col-md-8.left-side-view-ticket {
  padding-left: 0;
}

.card.view-ticket.row,
div#ticketReplyContainer {
  flex-direction: unset;
  background: var(--bg-white) !important;
  margin: 30px;
  padding: 20px;
}

/* bsb start css*/
.theme-view-ticket-page .card.view-ticket.row {
  background: transparent;
  padding: 0;
}

.ticket-reply-container-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
}

#ticketReplyContainer .card-body {
  padding-top: 10px;
}

.ticket-reply-close-section i {
  cursor: pointer;
  color: #464646;
}

.ticket-reply-head-section h3.form-title {
  font-size: 24px;
  font-weight: 600;
}

/* bsb end css*/
.col-md-4.left-side-view-ticket {
  border: solid 1px #f4f4f4;
  padding: 0;
  margin-bottom: 40px;
}

ul.ticket-info-descp {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

ul.ticket-info-descp li {
  color: var(--grey);
  font-size: 14px;
  list-style: none;
  border-bottom: 1px solid var(--border-color);
  padding: 10px 19px;
}

h3.view-ticket-right-head {
  margin: 0;
  color: var(--heading-color);
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid var(--border-color);
  padding: 11px 16px 20px;
}

.last-button-right-view-ticket {
  position: absolute;
  right: 40px;
  top: 10px;
}

.common-table-upper-header.view-ticket-header {
  position: relative;
}

button#ticketReply {
  box-shadow: none;
}

.last-button-right-view-ticket .wgs_remove_button {
  font-size: 14px;
}

span.right-sec {
  color: var(--text-color);
  display: block;
}

.ticket-reply.markdown-content.ticket-owner-reply,
.ticket-reply.markdown-content.staff.ticket-staff-reply {
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
  flex-wrap: wrap;
}

.avtar-photo {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-size: contain;
  margin-right: 17px;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
}

.ticket-owner-comment-section,
.ticket-staff-comment-section {
  padding: 19px 15px 15px;
  position: relative;
  background-color: var(--light-grey-bgcolor);
  display: table-cell;
  vertical-align: top;
  border-left: solid 1px var(--border-color);
  width: 100%;
  max-width: 85%;
}

.requestor-type-operator {
  background-color: var(--primary-bgcolor);
}

.ticket-owner-message-section {
  font-size: 14px;
}

.ticket-owner-reply-photo,
.ticket-staff-reply-photo {
  width: 100%;
  max-width: 15%;
  text-align: center;
}

.card.view-ticket.row .card-body {
  border-bottom: transparent !important;
  margin-bottom: 15px;
  background: var(--bg-white);
  border-radius: 0px;
  box-shadow: 0 0px 11px #00000005;
}

.ticket-owner-comment-section:after,
.ticket-staff-comment-section:after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  display: block;
  border-width: 13px 16px 13px 0;
  border-style: solid;
  border-color: transparent #f7f7f7;
  top: 31px;
  left: -16px;
}

.ticket-staff-comment-section::after {
  left: unset;
  right: -16px;
  transform: rotate(179deg);
  border-color: transparent #f6f6f6;
}

.view-ticket .attachments {
  border-top: 1px solid var(--border-color);
  width: 100%;
}

.ticket-staff-name-section,
.ticket-owner-name-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ticket-staff-reply-date,
.ticket-owner-reply-date {
  font-size: 12px;
  color: var(--grey);
}

.card.view-ticket.row span.star {
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

span.ip-address-sec {
  font-size: 14px;
}

.card.view-ticket.row .card-body p {
  font-size: 14px;
  color: var(--grey);
  line-height: 25px;
}

.ticket-owner-name,
.ticket-staff-name {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
  /* font-family: "Open Sans"; */
  color: var(--text-color);
}

.view-ticket .requestor-badge {
  font-size: 11px;
  padding: 2px 5px;
}

.right-side-view-ticket-inner-sec {
  border: none;
  background: var(--light-grey-bgcolor);
  padding: 15px;
}

/*bsb start css*/
.theme-view-ticket-page .view-ticket .attachment-list li {
  width: 156px;
}

.theme-view-ticket-page .view-ticket .attachment-list li span {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  min-height: 142px;
}

.theme-view-ticket-page .view-ticket .attachment-list li figure {
  background-color: var(--bg-white);
  line-height: 73px;
  text-align: center;
  padding-bottom: 11px;
  border-radius: 5px;
}

.theme-view-ticket-page .view-ticket .attachment-list li a i {
  font-size: 35px;
  color: #c5c5c5;
}

.theme-view-ticket-page .caption {
  color: var(--text-color);
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

ul.ticket-info-descp li:last-child {
  border-bottom: none;
}

.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: #ffc600;
}

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

.ticket-reply .rating-done .rated {
  font-weight: 600;
  color: #464646;
}

.theme-view-ticket-page h3.common-title-count {
  padding: 0;
  background: transparent;
}

h3.common-title-count {
  font-size: 12px;
  color: var(--text-white);
  display: inherit;
  margin: 0px 20px 0 0px;
  background: var(--primary-bgcolor);
  padding: 5px;
  border-radius: 3px;
}

.promo-banner h3 {
  margin: 0 0px 10px;
  font-size: 20px;
  font-weight: 600;
}

.card .small,
.card small {
  /* color: var(--grey) !important; */
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

section.home-page-default-panels-execute .row .list-group .list-group-item span.text-last-updated {
  color: var(--grey);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.html-section-home-page .card-body p {
  font-size: 13px;
  color: #464646;
}

section.home-page-default-panels-execute .row .list-group .list-group-item strong {
  font-weight: 600;
}

.div-service-name .font-weight-bold {
  color: var(--text-color);
  font-size: 14px;
}

.div-service-name span.text-domain {
  font-size: 13px;
  color: var(--grey);
}

.home-page-default-panels-execute .row::-webkit-scrollbar,
.offerings-panel::-webkit-scrollbar,
.default-whmcs-client-area .card-accent-emerald .card-body::-webkit-scrollbar,
.default-whmcs-client-area .client-home-cards .card .list-group::-webkit-scrollbar,
.menu-setting-content::-webkit-scrollbar,
.dropdown.product_dropdwn .dropdown-menu-cont::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.home-page-default-panels-execute .row::-webkit-scrollbar-track,
.offerings-panel::-webkit-scrollbar-track,
.default-whmcs-client-area .card-accent-emerald .card-body::-webkit-scrollbar-track,
.default-whmcs-client-area .client-home-cards .card .list-group::-webkit-scrollbar-track,
.menu-setting-content::-webkit-scrollbar-track,
.dropdown.product_dropdwn .dropdown-menu-cont::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ccc;
  border-radius: 10px;
}

/* Handle */
.home-page-default-panels-execute .row:-webkit-scrollbar-thumb,
.offerings-panel:-webkit-scrollbar-thumb,
.default-whmcs-client-area .card-accent-emerald .card-body:-webkit-scrollbar-thumb,
.default-whmcs-client-area .client-home-cards .card .list-group:-webkit-scrollbar-thumb,
.menu-setting-content:-webkit-scrollbar-thumb,
.dropdown.product_dropdwn .dropdown-menu-con:-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/*bsb end css*/
.left-open-myaccount-sec ::-webkit-scrollbar,
.left-open-cart-sec ::-webkit-scrollbar,
.menu-notification-clientx ::-webkit-scrollbar {
  width: 4px;
}

.left-open-myaccount-sec ::-webkit-scrollbar-track,
.left-open-cart-sec ::-webkit-scrollbar-track,
.menu-notification-clientx ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ccc;
  border-radius: 10px;
}

.left-open-myaccount-sec :-webkit-scrollbar-thumb,
.left-open-cart-sec :-webkit-scrollbar-thumb,
.menu-notification-clientx :-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.menu-settings-clientx ::-webkit-scrollbar {
  width: 4px;
}

.menu-settings-clientx ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ccc;
  border-radius: 10px;
}

.menu-settings-clientx :-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/*==============================clientarea.php?action=productdetails&id=3 page start css======================================*/
ul.product-detail-billing-section {
  margin: 0;
  padding: 0;
}

ul.product-detail-billing-section li {
  list-style: none;
  padding: 12px 15px;
  background: var(--light-bg-color);
  margin-bottom: 1px;
}

span.product-right-span {
  float: right;
}

span.product-left-span {
  font-weight: 600;
}

ul.product-detail-billing-section li:nth-child(even) {
  background: var(--bg-white);
}

.mc-promo-login h3.panel-title {
  font-weight: 600;
  font-size: 24px;
}

ul.product-detail-billing-section li span {
  font-size: 14px;
}

.product-icon .fa-stack {
  font-size: 55px;
  color: var(--text-white);
}

.product-status h3.product-name-detail {
  font-weight: 700;
  margin-top: 10px;
  letter-spacing: normal;
  color: var(--heading-color);
}

.product-icon .fa-stack i {
  color: var(--primary-color);
}

.product-icon i.fas.fa-circle.fa-stack-2x {
  color: var(--text-white);
}

.product-status h4.product-group-detail {
  font-size: 17px;
  color: var(--text-color);
  margin: 0;
  padding: 0;
}

div.product-details div.product-icon {
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--light-grey-bgcolor);
}

.product-status-pending {
  background-color: #45b9fe;
}

#order-standard_cart .cart-body .form-colam.epp-code-box a {
  color: var(--primary-color);
}

div.product-details .product-status-text {
  padding: 10px 5px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.theme-client-service-detail-page .promo-container,
.theme-client-service-detail-page div.product-details-tab-container {
  border: 1px solid var(--border-color);
}

.theme-client-service-detail-page ul.nav.nav-tabs.responsive-tabs-sm {
  margin-top: 25px;
  border-bottom: 1px solid var(--border-color);
}

.theme-client-service-detail-page .responsive-tabs-sm .nav-item a {
  margin-right: 2px;
  border: none;
  border-bottom: 2px solid transparent;
  font-weight: 600;
  font-size: 15px;
  padding: 13px 20px;
  color: var(--text-color);
}

.theme-client-service-detail-page .responsive-tabs-sm .nav-item a:hover,
.theme-client-service-detail-page .responsive-tabs-sm .nav-link.active {
  background-color: transparent;
  border-bottom-color: var(--primary-border-color);
  color: var(--primary-color);
}

.theme-client-service-detail-page .tab-pane .col-sm-5,
.theme-client-service-detail-page .tab-pane .col-sm-7 {
  padding: 3px 15px;
  font-size: 14px;
  text-align: left;
}

.theme-client-service-detail-page .tab-pane .col-sm-5 strong {
  font-weight: 600;
}

.theme-client-service-detail-page .tab-pane .col-sm-7 span {
  font-size: 14px;
}

.tab-content.bg-white.product-details-tab-container .tab-pane p .btn-default {
  border: none;
  font-size: 14px;
  padding: 10px 20px;
}

.status-on-hold {
  background: #f09904;
}

.status-dead,
.status-lost {
  background: #343a40;
}

/*==============================clientarea.php?action=productdetails&id=3 page end css======================================*/
/*------------upgrade page start css---------*/
.theme-upgrade-configure-page .upgrade .product-to-be-upgraded {
  margin: 20px 0 0;
  background-color: var(--light-grey-bgcolor);
}

.theme-upgrade-configure-page .upgrade .card-body h4 {
  font-weight: 600;
}

.theme-upgrade-configure-page .upgrade .products .product ul li {
  font-size: 13px;
  padding: 8px 0;
  color: var(--grey);
  border-bottom: 1px solid var(--border-color);
}

.theme-upgrade-configure-page .theme-upgrade-configure-page .upgrade .products ul li i {
  font-size: 12px;
}

.theme-upgrade-configure-page .upgrade .products .product .header h4 {
  font-weight: 600;
  color: var(--heading-color);
}

.upgrade .products .product .header {
  background-color: var(--light-bg-color);
}

.theme-upgrade-configure-page .upgrade .products .product .header p {
  font-size: 14px;
  line-height: 25px;
  font-weight: normal;
  color: var(--text-color);
}

.upgrade .products .product .current,
.upgrade .products .product .recommended {
  background-color: var(--primary-bgcolor) !important;
  color: var(--text-white);
}

.upgrade .products .product ul li span {
  color: var(--text-color);
}

.upgrade .products .product .wgs_custom-btn {
  width: 100%;
  background-color: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border-color: var(--primary-border-color);
}

.upgrade .products .product .footer select {
  font-size: 14px;
  height: 42px;
  font-weight: 600;
}

.upgrade .products .product .footer {
  border: 1px solid var(--border-color);
}

.upgrade .products .product ul {
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}

.upgrade .products .product {
  background-color: var(--bg-white);
}

/*------------upgrade page end css---------*/
/*bulkdomain nameservers page css start*/
.theme-bulk-domains-page .inputBox.focus {
  margin-bottom: 30px;
}

.theme-bulk-domains-page li.list-group-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
  font-size: 14px;
}

/* .bulk-domaim-ul {
    box-shadow: 0 0 10px #00000017;
} */
.bulk-domaim-ul li {
  border: 1px solid var(--border-color) !important;
}

.theme-bulk-domains-page h3.form-title {
  font-size: 20px;
  color: var(--text-color);
  font-weight: 600;
  padding-left: 0;
  margin-bottom: 20px;
}

.theme-bulk-domains-page li.list-group-item {
  border: transparent;
}

.theme-bulk-domains-page .navigation-tab-contact .nav-tabs {
  border-bottom: transparent;
}

/*bulkdomain nameservers page css end*/
/*user/security page css start*/
#tableLinkedAccounts {
  width: 100% !important;
}

.social-signin-btns button.btn {
  border-radius: 4px !important;
}

/*user/security page css end*/
/*clientarea.php?action=security page css start*/
#ssoStatusTextEnabled,
#ssoStatusTextDisabled {
  font-size: 13px;
  color: #1cb8e6;
}

.form-inner-data-client-security .bootstrap-switch {
  margin-bottom: 7px;
}

p.disable-security {
  font-style: italic;
  max-width: 962px;
  margin-top: 30px;
  line-height: 20px;
  color: #888888;
  font-size: 13px;
  font-weight: normal;
}

.alert {
  margin-top: 15px;
  font-size: 14px;
  font-weight: normal;
}

.verification-banner .fal,
.verification-banner .far,
.verification-banner .fas {
  font-size: 22px;
  margin-top: 5px;
  color: #0cb4e5;
}

/*clientarea.php?action=security page css end */
/*pooja css start submitticket.php*/
.ticket-attachment-section .label-attachment-sec label.btn.btn-primary {
  width: auto;
}

.ticket-attachment-section label.btn.btn-primary.browse-image-label {
  margin-right: 5px;
}

.ticket-attachment-section .label-attachment-sec {
  display: flex;
}

.ticket-captcha-form #default-captcha-domainchecker {
  text-align: left !important;
}

.ticket-captcha-form .col-md-8 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 23px !important;
}

.ticket-captcha-form #default-captcha-domainchecker p {
  width: 100%;
}

.ticket-captcha-form #default-captcha-domainchecker .col-6.captchaimage {
  text-align: left;
  width: auto;
  max-width: unset;
  flex: unset;
}

.theme-open-ticket-page .label-attachment-sec label.btn.btn-primary.browse-image-label {
  width: 150px;
}

ul.ticket-kb-article {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

div#autoAnswerSuggestions small {
  display: block;
}

div#autoAnswerSuggestions a {
  color: var(--text-color);
  font-weight: 600;
}

div#autoAnswerSuggestions h3.form-title {
  font-size: 25px;
  font-weight: 600;
}

div#autoAnswerSuggestions .formBox {
  background: var(--bg-white);
  margin: 0px 0px 30px;
  padding: 28px 20px;
  border-radius: 5px;
  display: inline-block;
  width: 100%;
  border: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
}

.theme-open-ticket-page .card-body {
  padding: 25px;
}

.submit-ticket-inner-section div#google-recaptcha-domainchecker1 {
  margin-left: 15px !important;
}

.submit-ticket-upper-bar .select-selected {
  white-space: nowrap;
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 21px;
  color: var(--text-white);
  cursor: pointer;
}

.md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover {
  background-color: var(--bg-white) !important;
  color: var(--text-color);
}

.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-input:hover {
  background-color: var(--bg-white) !important;
  color: var(--text-color);
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
  color: var(--text-color);
}

.submit-ticket-inner-section h3.form-title {
  margin-bottom: 30px;
  color: var(--heading-color);
}

.ticket-contact-message .md-fullscreen-mode {
  margin-top: 80px;
}

.ticket-contact-message .md-editor.md-fullscreen-mode .md-header {
  top: 100px;
}

/*submitticket.php end*/
/*add clientx new css*/
.theme-client-service-detail-page div#tabOverview .card {
  margin-bottom: 25px;
}

.domain-pricing.theme-body-padding.theme-domain-price {
  background: var(--bg-white);
  margin: 30px;
  padding: 25px;
}

.theme-domain-price .dataTables_wrapper table.table-list td {
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color);
}

/*add clientx new css*/
/*upgrade new css*/
.form-below-summary-upgrade {
  padding: 10px 0px;
}

.form-below-summary-upgrade input.form-control {
  height: 50px;
}

.form-below-summary-upgrade select {
  height: 50px;
}

.form-below-summary-upgrade h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.upgrade-summary-config-iteams td {
  font-size: 14px;
  padding: 10px;
}

tr.masspay-total td {
  background: transparent;
}

/*upgrade new end*/
/*product detail start*/
ul.product-detail-billing-section {
  padding-left: 0;
  list-style: none;
}

/*product detail end*/
/*invoice page css start*/
.item-row-invoice-total-body,
.item-row-invoice-sum,
.invoice-summary-heading,
.invoice-payment-date {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}

.iteam-row-first,
.iteam-row-second {
  font-size: 14px;
}

.invoice-summary-table .iteam-row-first {
  max-width: 60%;
}

.invoice-summary-table .iteam-row-second {
  max-width: 40%;
}

.iteam-head-first,
.iteam-head-second {
  font-size: 16px;
  font-weight: 700;
}

.invoice-payment-date {
  margin-bottom: 20px;
}

.invoice-summary-total-body .item-row-invoice-total-body:last-child {
  border-top: 2px solid var(--border-color);
  padding-top: 10px;
  margin-top: 10px;
}

.theme-page-invoice-payment #frmPayment .three-column-grid~.paymethod-info {
  max-width: 645px;
  width: 100%;
}

.invoice-payment-funds-add div.three-column-grid {
  width: unset;
}

/* .theme-page-invoice-payment .invoice-payment-funds-add .form-group label,
.titel-invoice-summary {
    font-size: 12px;
    font-weight: 600;
} */
.theme-page-invoice-payment .invoice-payment-funds-add .form-group label,
.titel-invoice-summary {
  font-size: 13px;
  font-weight: 500;
}

.formBox .form-inner-section.row .payment-heading,
h3.titel-invoice-summary {
  font-size: 25px;
  font-weight: 600;
}

.card.invoice-payment-funds-add div#billingAddressChoice label {
  margin-bottom: 10px;
  font-size: 13px;
}

label.col-sm-4.control-label {
  flex: 0 0 12.33333%;
  max-width: 12.33333%;
  text-align: left;
}

.form-group.row.cc-billing-address .col-sm-2 {
  flex: 0 0 430px;
  max-width: 430px;
}

.form-group.row.cc-billing-address .col-sm-4 {
  display: block;
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

.form-group.row.cc-billing-address label.col-sm-4.control-label {
  flex: 0 0 170px;
  max-width: 170px;
  text-align: left;
  font-size: 13px;
  color: var(--text-color);
  font-weight: 500;
}

button#cvvWhereLink {
  padding: 0;
  font-size: 14px;
  color: var(--primary-color);
}

.StripeElement {
  padding: 9px 12px;
  border: transparent;
  border-bottom: 1px solid var(--border-color);
  border-radius: 0;
  background: var(--bg-white);
  color: var(--text-color) !important;
}

div#billingAddressChoice {
  display: block;
}

body div#billingAddressChoice label.col-sm-4.text-md-right.col-form-label {
  text-align: left !important;
  font-size: 25px;
  font-weight: 600;
}

div#billingAddressChoice span.text-truncate {
  padding-left: 30px;
}

div#stripeElements .col-sm-7 {
  flex: 0 0 430px;
  max-width: 430px;
}

div#newBillingAddress .formBox {
  display: flex;
  flex-wrap: wrap;
}

div#inputDescriptionContainer label.col-form-label {
  width: 100%;
  max-width: 19%;
}

.card.invoice-payment-funds-add div#inputDescriptionContainer label.col-form-label {
  max-width: 35%;
  text-align: left !important;
}

.invoice-note-section .bg-info {
  background: #f7f7f8 !important;
  color: #000 !important;
  font-size: 13px;
  padding-left: 15px !important;
}

.invoice-note-section .card-text {
  font-size: 12px;
  color: #17191c;
}

div.three-column-grid,
div.two-column-grid {
  display: inline-grid;
  font-size: 13px;
  border: 1px solid var(--border-color);
  padding: 0;
  border-radius: 4px;
  margin: 15px 0 0;
  width: 80%;
}

#frmPayment .three-column-grid~.paymethod-info {
  border: 1px solid var(--border-color);
  display: inline-block;
  margin: 15px 0 0;
  border-radius: 4px;
  width: 80%;
}

#frmPayment .paymethod-info {
  margin: 0;
  cursor: pointer;
  padding: 15px 14px;
  width: auto;
  border: none;
  border-bottom: 1px solid var(--border-color);
}

.formBox .form-inner-section.row label {
  margin-bottom: 5px;
}

/*invoice page css end*/
/*invite page css start*/
.theme-user-invite-page .icon-cross i {
  width: 30px;
  height: 30px;
  background: #ddd;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 10px;
}

.theme-user-invite-page .invite-descrp h3.form-title {
  font-size: 25px;
  font-weight: 600;
}

.theme-user-invite-page .formBox {
  display: flex;
  align-items: baseline;
}

.icon-cross {
  max-width: 3%;
  width: 100%;
}

.invite-descrp {
  width: 100%;
  max-width: 98%;
}

/*invite page css end*/
/*404 page css start*/
.error-page-main-heading i.fas.fa-exclamation-circle.display-1.font-weight-bold.text-primary {
  font-size: 5rem;
}

.error-page-main-heading h1.display-1.font-weight-bold.text-primary {
  font-size: 70px;
}

.theme-page-not-found-page {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  text-align: center;
}

/*404 page css end*/
/*reset pwd page css end*/
.description-forgot-psw {
  margin-bottom: 23px;
  font-size: 14px;
  margin-top: 10px;
}

form.form-forgot-password {
  padding: 0px 30px;
}

.forgot-bottom-button {
  text-align: center;
  margin-top: 15px;
}

body.with-box .description-forgot-psw {
  margin-bottom: 5px;
}

/*reset pwd  page css end*/
/*invoice page page css start*/
.invoice-inner-left .draft {
  color: #888;
}

.invoice-inner-left .invoice-state.unpaid {
  background: #c00;
  color: var(--text-white);
}

.invoice-inner-left .paid {
  color: #779500;
}

.invoice-inner-left .refunded {
  color: #248;
}

.invoice-inner-left .cancelled {
  color: #888;
}

.invoice-inner-left .collections {
  color: #fc0;
}

.invoice-inner-left .invoice-state {
  background: #f7d4d6;
  padding: 3px 5px;
  font-size: 13px;
  border-radius: 3px;
}

.proposal-quote .card.w-100 {
  background: #f7f7f8;
  border-radius: 7px;
}

.proposal-quote .card-title {
  background: #d9dff4 !important;
  color: #000 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 14px;
  padding: 3px 10px !important;
}

.invoice-note-section.proposal-quote .card-text {
  font-size: 12px;
  color: #17191c;
  padding: 0px 5px;
}

span.invoice-number {
  font-size: 35px;
  font-weight: 600;
}

.invoice-pay-to-section,
.invoice-item-section,
.invoice-note-section,
.invoice-transaction-section {
  margin-top: 40px;
}

.invoice-payto-section address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: 24px;
  color: var(--grey);
  font-size: 14px;
}

.head-pay-to,
.iteam-heading-tbl {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color);
}

.invoice-wrapper .table-condensed td {
  font-size: 14px;
  color: var(--text-color);
  padding: 16px 0;
  border-bottom: 1px solid var(--border-color);
  border-top: none;
}

.inv-balance-row,
.total-row-inv {
  background: var(--light-grey-bgcolor);
}

.invoice-right-first-section,
.mannual-credit-section,
.invoice-actions {
  background: var(--bg-white);
  padding: 30px;
  margin-bottom: 15px;
}

.invoice-inner-right {
  max-width: 400px;
  background: var(--bg-white);
}

span.due-amount-total {
  display: block;
  font-size: 32px;
  font-weight: 600;
}

span.due-amount-heading {
  font-size: 13px;
}

/*.payment-gateway-section {
    padding-top: 15px;
    border-top: 1px solid #e8e8e8;
    margin-top: 10px;
}*/
.payment-gateway-section h3 {
  font-size: 14px;
  font-weight: 600;
}

.mannual-credit-section h2,
h3.actions-invoice {
  font-size: 17px;
  font-weight: 600;
}

button#btnInvoiceAddCreditApply {
  width: 100%;
}

.invoice-inner-right input.form-control {
  margin: 10px 0px;
  background: transparent;
  border: 1px solid var(--border-color);
}

.invoice-inner-right input.form-control:focus {
  background: transparent;
}

select.form-control.select-inline,
input.form-control {
  width: 100%;
  height: 40px;
  background: transparent;
  border: transparent;
  border-radius: 0;
  border: 1px solid var(--border-color);
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  color: var(--text-color);
}

select.form-control.select-inline {
  background-image: url(../images/selectclientx_arrow.svg) !important;
  background-size: 11px !important;
  background-repeat: no-repeat !important;
  background-position: 98% !important;
}

.invoice-inner-right form {
  font-size: 14px;
}

.invoice-inner-right a.btn {
  padding-left: 0;
  font-size: 14px;
  color: var(--text-color);
}

.custom-select:focus {
  box-shadow: none;
}

.invoice-actions .previous-page-link {
  display: block;
  border-top: 1px solid var(--border-color);
  border-radius: 0;
  margin-top: 12px;
  padding-top: 18px;
}

.invoice-actions .previous-page-link:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

.payment-method-button form button[type="submit"],
.payment-method-button form input[type="submit"] {
  width: 100%;
  height: 40px;
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  border: 1px solid var(--primary-border-color);
  color: var(--primary-btn-color);
}

.invoice-inner-left {
  background: var(--bg-white);
  padding: 45px 30px 30px;
}

.invoice-date-section {
  padding-left: 0;
  list-style: none;
  max-width: 210px;
}

.payment-method-button {
  margin-top: 15px;
}

.invoice-date-section li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 5px;
}

.payment-method-button p {
  margin-top: 10px;
  line-height: 24px;
  color: var(--text-color);
  font-size: 14px;
}

.payment-gateway-section select.form-control.select-inline {
  color: var(--text-color);
}

.invoice-payto-section {
  max-width: 280px;
}

.custom-field-invoice {
  margin-top: 15px;
  font-size: 14px;
  word-break: break-all;
}

.invoice-wrapper {
  padding: 30px 15px;
}

.invoice-inner-left .invoice-state.paid {
  background-color: #779500;
  color: var(--text-white);
}

.invoice-inner-left .refunded {
  color: var(--text-white);
  background: #248;
}

.invoice-inner-left .invoice-state.collections {
  background: #fc0;
  color: var(--text-white);
}

.invoice-inner-left .invoice-state.cancelled {
  background: #888;
  color: var(--text-white);
}

span.label-left-sec-invoice {
  font-weight: 600;
}

/*invoice page page css end*/
/*========================== default-whmcs-client-area css start here ========================= */
.default-whmcs-client-area .tiles .tile {
  display: block;
  position: relative;
  padding: 20px 20px;
  background-color: var(--bg-white);
  border: none;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
  margin: 0px 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
}

.default-whmcs-client-area .tiles .col-6.col-xl-3:first-child a {
  margin-left: 0;
}

.default-whmcs-client-area .tiles .col-6.col-xl-3:last-child a {
  margin-right: 0;
}

.client-home-cards select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/selectclientx_arrow.svg) !important;
  background-size: 11px !important;
  background-repeat: no-repeat !important;
  background-position: 98% !important;
}

.default-whmcs-client-area .tiles .tile .highlight {
  background: transparent;
}

.default-whmcs-client-area .tiles .tile .stat {
  margin-top: 0;
  font-size: 40px;
  /* color: var(--text-color); */
  color: var(--primary-color);
  font-weight: 700;
}

.default-whmcs-client-area .tiles .tile .title {
  font-weight: 600;
  color: var(--grey);
  text-transform: capitalize;
  font-size: 16px;
  margin-top: 10px;
}

.default-whmcs-client-area .tiles .tile i {
  font-size: 16px;
  color: #acafb9;
}

.default-whmcs-client-area .client-home-cards .list-group .list-group-item {
  padding: 15px;
  border-bottom: 1px solid var(--border-color);
  font-size: 13px;
  color: var(--text-color);
}

.default-whmcs-client-area span.text-last-updated {
  color: var(--grey);
  font-size: 13px;
  font-weight: normal;
  padding-top: 2px;
  display: inherit;
}

.theme-main-inner-page-section .default-whmcs-client-area .card {
  margin-bottom: 15px;
  background: var(--bg-white);
}

.theme-main-inner-page-section .client-home-cards .card-footer {
  display: none;
}

.default-whmcs-client-area .client-home-cards .card-body,
.default-whmcs-client-area .client-home-cards .mc-promo-login .content,
.default-whmcs-client-area .client-home-cards .mc-promo-manage .content,
.default-whmcs-client-area .default-whmcs-client-area .mc-promo-login .client-home-cards .content,
.default-whmcs-client-area .mc-promo-manage .client-home-cards .content {
  background: var(--bg-white);
}

.default-whmcs-client-area .card-header {
  border-bottom: 1px solid var(--border-color);
  background-color: transparent;
}

.default-whmcs-client-area .card-header i {
  color: #acafb9;
}

.default-whmcs-client-area .card-header a i {
  color: var(--text-white);
}

.client-home-cards .card-header .btn:hover i {
  color: var(--primary-btn-color-hover);
}

.default-whmcs-client-area h3.card-title {
  color: var(--heading-color);
}

.default-whmcs-client-area .card-accent-emerald .card-body {
  padding: 20px 40px;
}

.default-whmcs-client-area .client-home-cards .card-accent-asbestos .list-group {
  border-top: none !important;
  border-bottom: none !important;
}

.default-whmcs-client-area .client-home-cards .card-body p,
.default-whmcs-client-area .client-home-cards .mc-promo-login .content p,
.default-whmcs-client-area .client-home-cards .mc-promo-manage .content p,
.default-whmcs-client-area .mc-promo-login .client-home-cards .content p,
.default-whmcs-client-area .mc-promo-manage .client-home-cards .content p {
  color: var(--text-color);
  font-size: 14px;
}

.client-home-cards .list-group {
  border-bottom: 1px solid var(--border-color) !important;
  border-top: 1px solid var(--border-color) !important;
}

.default-whmcs-client-area .promo-banner .btn {
  background-color: var(--primary-btn-bg-color);
  padding: 11px 22px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  clear: both;
}

.default-whmcs-client-area .promo-banner a {
  color: var(--primary-color);
}

.default-whmcs-client-area #registerDomainPanel input.form-control {
  width: 100%;
  background: transparent;
  border: 1px solid var(--border-color);
  display: inline-block;
  border-radius: 5px;
  margin: 5px auto 14px;
}

.default-whmcs-client-area #registerDomainPanel .input-group-append {
  display: flex;
  width: 100%;
}

.default-whmcs-client-area .promo-container {
  margin-bottom: 15px;
  border: none;
}

.default-whmcs-client-area #registerDomainPanel .input-group-append .btn {
  background: var(--primary-btn-bg-color);
  border: none;
  border-radius: 5px;
  padding: 0.5rem 0.75rem;
  display: inline-block;
  flex: 1;
  color: var(--primary-btn-color);
}

/* .default-whmcs-client-area #registerDomainPanel .input-group-append .btn-success {
    margin-right: 10px;
    background: var(--secondary-btn-bg-color);
    color: var(--secondary-btn-color)
} */
.default-whmcs-client-area #registerDomainPanel .input-group-append .btn-success {
  margin-right: 10px;
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border: 1px solid var(--secondary-border-color);
  padding: 11px 22px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
}

.default-whmcs-client-area .card-body .panel-mc-sso {
  padding: 20px;
}

/*========================== default-whmcs-client-area css end here ========================= */
/*=========growls pop up==========*/
#growls {
  z-index: 50000;
  position: fixed;
}

#growls.default {
  top: 80px;
  right: 0px;
}

#growls.tl {
  top: 10px;
  left: 10px;
}

#growls.tr {
  top: 10px;
  right: 10px;
}

#growls.bl {
  bottom: 10px;
  left: 10px;
}

#growls.br {
  bottom: 10px;
  right: 10px;
}

#growls.tc {
  top: 10px;
  right: 10px;
  left: 10px;
}

#growls.bc {
  bottom: 10px;
  right: 10px;
  left: 10px;
}

#growls.bc .growl,
#growls.tc .growl {
  margin-left: auto;
  margin-right: auto;
}

.growl {
  opacity: 0.98;
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.growl.growl-incoming {
  opacity: 0;
}

.growl.growl-outgoing {
  opacity: 0;
}

.growl.growl-small {
  width: 200px;
  padding: 5px;
  margin: 5px;
}

.growl.growl-medium {
  width: 250px;
  padding: 10px;
  margin: 10px;
}

.growl.growl-large {
  width: 300px;
  padding: 15px;
  margin: 5px 0;
}

.growl.growl-default {
  color: var(--text-white);
  background: #7f8c8d;
}

.growl.growl-error {
  color: var(--text-white);
  background: #c0392b;
}

.growl.growl-notice {
  color: var(--text-white);
  background: #2ecc71;
}

.growl.growl-warning {
  color: var(--text-white);
  background: #f39c12;
}

.growl .growl-close {
  cursor: pointer;
  float: right;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  font-family: helvetica, verdana, sans-serif;
}

.growl .growl-title {
  font-size: 18px;
  line-height: 24px;
}

.growl .growl-message {
  font-size: 14px;
  line-height: 18px;
}

/*=========growls pop up end==========*/
/*============language popup css============*/
.modal-localisation .modal-content {
  background-color: var(--bg-white);
  padding-bottom: 20px;
}

.modal-localisation .h5 {
  color: var(--text-white);
  padding-top: 0 !important;
}

.modal-localisation .modal-body {
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
}

.title-and-btn {
  padding: 15px 15px;
  background: var(--primary-bgcolor);
}

.modal-localisation .h5 {
  margin: 0;
  padding: 0 !important;
}

.modal-localisation .item-selector .item {
  border: 1px solid var(--border-color);
  color: var(--text-color);
}

.client-home-cards .list-group {
  border-color: var(--border-color);
}

/*end*/
/*============================store-pages css start here==================*/
.landing-page .bg-light {
  background-color: #f5f5f5 !important;
}

/* body .wrapper .landing-page .navbar .navbar-nav > li > a {
  border-bottom: 2px solid transparent;
  padding: 17px 4px;
  font-weight: 600;
} */
body .wrapper .landing-page .navbar .navbar-nav>li>a {
  border-bottom: 2px solid transparent;
  padding: 11px 24px !important;
  font-weight: 600;
  font-size: 16px;
}

body .wrapper .landing-page .navbar.navbar-expand-lg .navbar-nav>li>a,
body .wrapper .landing-page .navbar.navbar-expand-lg .navbar-nav>li:last-child>a {
  border-left: none;
  border-right: none;
}

body .wrapper .landing-page .navbar .navbar-nav>li.active>a {
  background: transparent;
  border-bottom-color: #1cb8e6;
  color: #1cb8e6;
}

body .wrapper .landing-page .validation-levels .item span,
body .wrapper .landing-page .validation-levels h3 {
  font-weight: 600;
}

body .wrapper .landing-page .validation-levels .item p {
  color: #777;
  font-size: 14px;
}

body .wrapper .landing-page .validation-levels .item .btn {
  background-color: #1cb8e6;
}

body .wrapper .landing-page .hero h2 {
  font-size: 32px;
  font-weight: 600;
}

body .wrapper .landing-page .hero h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #777;
}

body .wrapper .landing-page .validation-levels .item h4 {
  font-size: 18px;
  font-weight: 600;
  background: transparent;
  border-radius: 5px;
  padding: 10px 5px;
  color: #1c4e80;
}

body .wrapper .landing-page .what-is-ssl ul {
  padding: 0 20px;
}

body .wrapper .landing-page .what-is-ssl .fas,
body .wrapper .landing-page.ssl .what-is-ssl .far {
  color: #1cb8e6;
  font-size: 18px;
}

body .wrapper .landing-page .what-is-ssl ul li {
  line-height: normal;
  font-size: 14px;
  font-weight: normal;
  color: #363f48;
  margin: 12px 0;
}

body .wrapper .landing-page h1,
body .wrapper .landing-page h2,
body .wrapper .landing-page h3,
body .wrapper .landing-page h4,
body .wrapper .landing-page h5,
body .wrapper .landing-page h6 {
  font-weight: 600;
}

body .wrapper .landing-page h2 {
  font-size: 30px;
}

body .wrapper .landing-page h4 {
  font-size: 20px;
}

body .wrapper .landing-page .ssl-benefits i {
  margin: 20px 0;
  font-size: 34px;
  color: var(--primary-color);
}

body .wrapper .landing-page .standout {
  font-size: 14px;
  font-weight: normal;
}

body .wrapper .landing-page p {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}

body .wrapper .landing-page .row.help-me-choose ul {
  padding: 0 20px;
}

.content-block .accordion .card,
body .wrapper .landing-page.cpanelseo .faq .accordion>.card {
  margin-bottom: 15px !important;
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
}

body .wrapper .landing-page .detailed-info .card-header,
body .wrapper .landing-page.cpanelseo .faq .accordion>.card>.card-header {
  background-color: var(--bg-white);
  color: var(--text-white);
  border-radius: 3px;
}

body .wrapper .landing-page .detailed-info .card-header h4,
body .wrapper .landing-page.cpanelseo .faq .card-header .btn {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  color: #1c4e80;
}

body .wrapper .landing-page .detailed-info .arrow {
  float: right;
  margin-right: 0px;
  text-align: center;
}

body .wrapper .landing-page .row.help-me-choose ul li,
body .wrapper .landing-page .collapse ul {
  font-size: 14px;
  margin-bottom: 11px;
  color: #464646;
}

body .wrapper .landing-page .help-me-choose .ideal {
  text-align: left;
  color: var(--text-color);
}

body .tab-content.store-domain-tab-content .custom-select {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body .wrapper .landing-page .row.help-me-choose .btn {
  font-size: 14px;
}

body .wrapper .landing-page .hero h2 {
  font-size: 24px;
}

body .wrapper .landing-page .row.help-me-choose .btn,
body .wrapper .landing-page .btn-primary {
  font-size: 14px;
  background: #1cb8e6;
  border-color: #1cb8e6;
}

.landing-page.ssl #sslAccordion .currency-selector {
  margin: 20px 30px;
}

body .wrapper .landing-page.ssl .competitive-upgrade-promo {
  background-color: #1c4e80;
}

.landing-page ul.ssl-certs-all li.featured .row {
  align-items: center;
}

body .wrapper .landing-page .detailed-info .card-body {
  background-color: var(--bg-white);
  border: none;
  border-top: 1px solid var(--border-color);
}

body .wrapper .landing-page ul.ssl-certs-all li.featured {
  background: #1c4e800d;
  border-bottom: 0;
}

body .wrapper .landing-page ul.ssl-certs-all .padded-cell {
  color: #8a8a8a;
  font-size: 14px;
}

body .wrapper .landing-page ul.ssl-certs-all .price strong {
  font-size: 1.5em;
  color: #1cb8e6;
}

body .wrapper .landing-page .padded-cell .btn-success {
  background-color: #1cb8e6;
  border-color: #1cb8e6;
  font-size: 14px;
}

body .wrapper .landing-page .btn-default {
  background-color: #1cb8e6;
  border-color: #1cb8e6;
  color: var(--text-white);
}

body .wrapper .landing-page .collapse p {
  color: #5c5c5c;
  width: 100%;
  margin-bottom: 20px;
  display: inline-block;
}

body .wrapper .landing-page .collapse ul {
  margin: 0;
  padding: 0px 20px;
}

body .wrapper .landing-page.ssl .features {
  text-align: center;
}

body .wrapper .landing-page.ssl .features .feature {
  background-color: #1c4e80;
}

body .wrapper .landing-page.ssl .features .feature:hover {
  background: var(--bg-white);
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
}

.landing-page.ssl .features .feature h5 {
  color: var(--text-white);
}

body .wrapper .landing-page.ssl .features .feature:hover h5 {
  color: #000;
}

.landing-page.ox .stand-out {
  background-color: var(--light-bg-color) !important;
}

.landing-page.ox .features .feature-block img {
  width: 58px;
}

.landing-page.ox .features .feature-block p {
  margin-left: 80px;
  color: var(--text-color);
}

.landing-page.ox .features .feature-block {
  min-height: 168px;
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
  padding: 20px;
  margin-bottom: 20px;
}

.landing-page.ox .features p.title {
  color: var(--text-color);
}

body .wrapper .landing-page.ox h3 {
  margin: 0 0 60px 0;
  color: var(--text-color);
  text-align: center;
}

.landing-page.ox .stand-out ul li {
  font-size: 14px;
  margin: 8px 0;
}

.landing-page.ox .faqs .question {
  font-size: 16px;
  color: #000;
}

.landing-page.ox .faqs p {
  color: #5c5c5c;
}

.landing-page.ox .stand-out .wrapper {
  text-align: left;
}

.landing-page.ox .stand-out .col-xl-4.col-md-6 {
  border-right: 1px solid var(--border-color);
}

.landing-page.ox .pricing td:not(.no-border),
.landing-page.ox .pricing th {
  padding: 17px 8px !important;
  border: 1px solid #e7e7e7 !important;
}

.landing-page.sitelock .features .fas,
.landing-page.sitelock .features .far {
  font-size: 38px !important;
  color: #1cb8e6 !important;
}

.landing-page.sitelock .features .feature-wrapper p {
  font-size: 15px;
}

.landing-page.sitelock .features .feature-wrapper .content {
  margin-left: 75px;
}

.landing-page.sitelock .feature-wrapper {
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
  padding: 20px;
}

.landing-page.sitelock .emergency {
  background-color: #0e3e6e !important;
}

.landing-page.sitelock .emergency .fas,
.landing-page.sitelock .emergency .far {
  font-size: 42px !important;
}

.landing-page.sitelock .emergency .feature-wrapper p {
  font-size: 14px;
  opacity: 0.8;
}

/* body .wrapper .landing-page.sitelock .emergency .btn {
  padding: 15px 45px;
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  font-size: 1.3em;
  color: var(--primary-btn-color);
} */
body .wrapper .landing-page.sitelock .emergency .btn {
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 500;
}

body .wrapper .landing-page .features .feature .icon {
  line-height: 100px;
}

body .wrapper .landing-page.weebly .features .feature .icon img {
  max-width: 66px;
}

body .wrapper .landing-page .features .feature .icon img {
  max-width: 66px;
}

body .wrapper .landing-page .image-standout h3 {
  margin-bottom: 25px;
}

body .wrapper .landing-page.weebly .features .feature {
  background: var(--bg-white);
  padding: 20px;
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
}

body .wrapper .landing-page.weebly .faq hr {
  margin-bottom: 30px;
  margin-top: 30px;
}

body .wrapper .landing-page.weebly .faq {
  background-color: #f5f8fb;
}

body .wrapper .landing-page .faq h3,
body .wrapper .landing-page.codeguard .faqs h3 {
  margin: 0 0 50px 0;
}

body .wrapper .pricing h4.pricing-text.free {
  background: var(--primary-bgcolor);
  padding: 5px 15px;
  border-radius: 80px;
  font-size: 15px !important;
  color: var(--text-white);
}

body .wrapper .landing-page.sitelock h3 {
  font-size: 24px;
}

.landing-page.codeguard .faqs h4 {
  font-style: normal !important;
  text-align: left !important;
}

.landing-page.codeguard .faqs p {
  text-align: left;
}

body .wrapper .landing-page h2,
body .wrapper .landing-page h2 em {
  font-style: normal !important;
}

body .wrapper .landing-page.codeguard .overview-features li {
  margin: 0 1%;
  width: 18%;
  border-right: none;
  background: var(--bg-white);
  box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);
}

.landing-page .content-block.overview-features.clearfix {
  margin-top: 0 !important;
}

body .wrapper .landing-page.marketgoo h3 {
  font-size: 30px;
  margin-bottom: 40px !important;
}

body .wrapper .landing-page.marketgoo .faqs .faq {
  padding: 20px;
  background: var(--bg-white);
  min-height: 265px;
}

#keywords ul li {
  margin-bottom: 7px;
}

#keywords ul {
  margin: 0;
  padding: 0 20px;
}

body .wrapper .landing-page.cpanelseo .pricing .plan-feature.row-highlight {
  background-color: #f7f7f7;
}

body .wrapper .landing-page.cpanelseo .pricing .plan-feature {
  padding: 8px 20px;
}

body .wrapper .landing-page.mail-services .benefits {
  font-size: 15px;
}

.landing-page.mail-services .benefits .col-lg-6 {
  margin: 4px 0;
}

.landing-page.mail-services .benefits h3 {
  margin-bottom: 17px;
}

.store-order-container .store-domain-tabs li a {
  background: var(--light-bg-color);
  border: none;
  border-bottom: transparent;
  border-radius: 0 !important;
  padding: 12px 18px !important;
  width: auto;
  font-weight: 600;
  margin: 0;
  font-size: 14px;
  color: var(--text-color);
  flex: unset !important;
  border-right: 1px solid var(--border-color);
}

.store-order-container .responsive-tabs-sm .nav-item a:hover {
  background-color: var(--primary-btn-bg-color);
  border-bottom: 0;
  color: var(--primary-btn-color);
}

.store-domain-tab-content select {
  padding-top: 0 !important;
}

.store-order-container .nav-link.active {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--border-color);
}

.without-box select#existing_sld_for_subdomain {
  padding-top: 5px !important;
}

.store-order-container {
  padding: 25px;
}

.store-order-container .store-domain-tab-content {
  border: transparent;
  box-shadow: 0 0 10px #00000012;
}

.store-order-container .store-domain-tabs {
  margin-bottom: 20px;
  border: transparent;
}

.store-order-container .btn {
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 500;
}

.store-promoted-product ul.features li {
  font-size: 15px;
  margin-bottom: 10px;
}

.store-order-container h2,
.store-order-container h4 {
  margin-bottom: 15px;
}

.store-order-container p {
  font-size: 14px;
  line-height: 22px;
}

.store-order-container h4 {
  font-size: 20px;
  font-weight: 600;
}

.store-promoted-product {
  border-top: 1px solid var(--border-color);
}

input.form-control.subdomain-input {
  margin-right: 10px;
}

table#tableLinkedAccounts button.btn.btn-sm.btn-default {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.store-domain-tab-content select {
  height: 40px;
}

.weebly .btn-group {
  width: 100%;
}

.store-promoted-product .icon {
  background: #f7f7f7;
  border-radius: 5px;
}

.store-promoted-product h4 {
  font-size: 20px;
}

.default-register .titel-sup {
  margin-bottom: 8px;
  font-size: 30px;
  padding-left: 15px;
  text-align: center;
  text-transform: uppercase;
}

body .landing-page.mail-services .benefits i {
  font-size: 15px;
}

.menu-setting-content .card.card-sidebar button.btn.btn-block.btn-primary {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
  font-size: 13px;
}

.menu-setting-content .card.card-sidebar button.btn.btn-block.btn-primary:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-btn-color-hover);
  color: var(--primary-btn-color-hover);
}

/*============================store-pages css end here==================*/
/*============================term and condition css start here==================*/
.container.inner-section-terms-condition-container {
  box-shadow: 0 0 43px rgb(0 0 0 / 18%);
  padding: 45px 45px;
  position: relative;
  background: var(--bg-white);
  margin-bottom: 30px;
  top: -45px;
}

.terms-condition-banner-clientx h1 {
  color: var(--heading-color);
  text-transform: capitalize;
  font-weight: 600;
}

.inner-section-terms-condition h3 {
  color: var(--text-color);
  font-weight: 600;
  font-size: 18px;
  border-bottom: 1px solid var(--border-color);
  position: relative;
  line-height: 58px;
}

.inner-section-terms-condition h3:after {
  content: "";
  border-bottom: 4px solid var(--primary-border-color);
  width: 45px;
  float: left;
  position: absolute;
  bottom: -4px;
  left: 0;
}

.terms-condition-banner-clientx {
  background: url(../images/term-and-condition.png) no-repeat;
  padding: 100px 0px;
}

.inner-section-terms-condition p {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  color: var(--text-color);
  /* font-family: "Open Sans"; */
  font-weight: 400;
  margin-bottom: 25px;
}

ul.term_lis {
  padding-left: 0;
}

ul.term_lis li {
  list-style: none;
}

ul.term_lis img {
  margin-right: 10px;
  width: 18px;
}

ul.term_lis span {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 40px;
  color: var(--text-color);
  font-weight: 400;
}

.terms-condition-banner-clientx.privacy-policy-banner {
  background: url(../images/privacy-policy.png) no-repeat;
}

.terms-condition-banner-clientx.refund-policy-banner {
  background: url(../images/refund-policy.png) no-repeat;
}

/*============================term and condition css end here==================*/
/*============================add new contact page start here==================*/
.theme-contact-add-page label.checkbox-universal-box {
  font-size: 14px;
  margin-bottom: 10px !important;
  display: block;
}

.theme-contact-add-page .inputBox {
  margin-bottom: 35px;
}

.theme-contact-add-page h3.form-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}

label.checkbox-universal-box {
  font-size: 14px;
  margin-bottom: 10px !important;
  display: block;
}

.theme-contact-add-page .button-footer-contact-page {
  margin-top: 10px;
}

.theme-contact-add-page .contact-list-new-contact-head {
  border: transparent;
  border-radius: 0;
}

.theme-contact-add-page .contact-add-sections .custom-select-box-drop {
  max-width: 410px;
  background: transparent;
}

/*============================add new contact page end here==================*/
/*============================standard cart support css start here==================*/
.no-cartx.standard_cart .row {
  margin: 0;
  justify-content: space-between;
}

.no-cartx.standard_cart #order-standard_cart h1.font-size-36 {
  font-size: 25px;
  font-weight: 600;
}

.no-cartx.standard_cart #order-standard_cart .cart-body {
  box-shadow: 0 0 10px #ddd;
  padding: 20px;
}

.no-cartx.standard_cart #order-standard_cart .cart-sidebar.sidebar {
  box-shadow: 0 0 10px #ddd;
  width: 24%;
}

.no-cartx.standard_cart .theme-main-inner-page-section {
  background: var(--bg-white);
  padding: 30px;
}

.no-cartx.standard_cart {
  padding: 30px;
}

/*============================standard cart support css start here==================*/
/*new navigation css*/
/*div#content.bothSideBarPresent.bothSideBarOpened{
    width: calc(100% - 592px) !important;
}
.bothSideBarPresent.rightSideBarOpened {
    width: calc(100% - 395px) !important;
    right: 395px;
}*/
div#content.leftSideBarClosed.rightSideBarOpened {
  width: calc(100% - 395px);
  right: 395px;
}

div#content.bothSideBarOpened {
  width: calc(100% - 592px);
  right: 592px;
}

div#content.no-navbar.leftSideBarClosed.rightSideBarOpened {
  width: calc(100% - 300px);
  right: 95px;
}

.support-department-section ul.support-dept-icon li.no-department {
  width: 100%;
}

.product-empty td.ticket-name.no-product-serv,
.ticket-empty .table-responsive,
.no-department .no-department-home,
.no-notify-center .no-msg-home,
.no-announcement .no-news-home td,
.no-knowledgebase .no-article-home {
  text-align: center;
}

.product-empty td.ticket-name.no-product-serv img,
.dasboard-inner-section .no-department li.no-department-home img,
.dasboard-inner-section .ticket-empty td img,
.no-announcement .no-news-home td img,
.no-knowledgebase .no-article-home img,
.no-notify-center li.no-msg-home img {
  max-width: 58px;
  width: 100% !important;
  display: block;
  margin: 0 auto 35px;
}

.no-department .no-department-home,
.no-notify-center li.no-msg-home {
  display: inline;
}

.product-empty td.ticket-name.no-product-serv a,
.dasboard-inner-section .ticket-empty td a {
  display: block;
}

.domain-promo-box i {
  color: var(--primary-bgcolor);
}

.theme-affiliates-page .request-withdrawl-descritpion {
  margin-top: 10px;
}

.checkbox-universal-box span.check-icon-span {
  margin-top: 2px;
}

.support-department-section ul.support-dept-icon .inner-no-department p,
.theme-knowledgebase-page .no-category .inner-no-category p,
.theme-download-page .inner-no-category p {
  color: var(--grey);
  font-size: 13px;
  margin-top: 10px;
}

.theme-knowledgebase-page .no-category,
.announcements .no-announcement,
.theme-download-page .inner-no-category {
  background: var(--bg-white);
  width: 100%;
  border: 1px solid var(--border-color);
  padding: 25px 21px !important;
  box-shadow: 0 0 10px #ccc;
  margin: 0 12px 12px 0;
  border-radius: 4px;
  min-height: 180px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.theme-knowledgebase-page .cat-col {
  background: transparent;
}

.theme-knowledgebase-page .col-md-12.cat-col {
  padding: 0;
}

/* .theme-contact-page div#default-captcha-domainchecker p,
.no-announcement p {
  color: #999aa1;
  font-size: 14px;
} */

.coman-box.registerDomainSec .panel-content.message-panel p {
  margin-top: 10px;
}

.setting-details-row h5,
.cart-pnl-content h4.panel-title {
  position: relative;
}

.menu-setting-content i.pull-right {
  position: absolute;
  right: 0;
  top: 0;
}

/*Whmcs 8.8.X - Clientx V3.2.0 css start*/
.defaultClientxSidebar-content .sidebar-menu-item-wrapper {
  display: flex;
  color: var(--text-color);
}

.defaultClientxSidebar-content .sidebar-menu-item-icon-wrapper {
  margin-right: 7px;
}

/*Whmcs 8.8.X - Clientx V3.2.0 css end*/
/*overrides css*/
.wgsSidebar2 nav#sidebar {
  min-width: 140px;
  max-width: 140px;
  background: var(--sidebar-bg);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 24px rgba(0, 0, 0, 0.08);
}

.wgsSidebar2 ul.list-unstyled.components i {
  font-size: 23px;
  padding: 0;
  width: 25px;
  font-weight: normal;
  display: block !important;
  text-align: center;
  margin: auto;
  font-weight: 300;
}

.wgsSidebar2 ul.list-unstyled.components span {
  font-size: 14px;
  font-weight: 600;
  margin-left: 0 !important;
  width: 100%;
  margin-top: 10px;
  display: block;
  text-align: center;
}

.wgsSidebar2 ul.sidebar_items.custom_sidebar_items {
  position: absolute;
  top: 4px;
  left: 100%;
  transform: translateX(100px);
  transition: all 0.6s;
  display: block !important;
  bottom: 0;
  background: var(--secndary-light-bgcolor);
  opacity: 0;
  visibility: hidden;
  min-width: 240px;
  text-align: left;
  height: 100vh;
  box-shadow: 4px 3px 10px #00000047;
}

.wgsSidebar2 ul.list-unstyled.components.wgssidefontcoloraddon {
  position: relative;
}

.wgsSidebar2 li.wgsDataCst:hover ul.sidebar_items.custom_sidebar_items {
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
}

.wgsSidebar2 #sidebar ul.sidebar_items.custom_sidebar_items a span {
  text-align: left;
  font-weight: 400;
  font-size: 13px;
}

.wgsSidebar2 #sidebar li.wgsDataCst .custom_sidebar_items a {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  transition: all 0.5s;
}

.wgsSidebar2 #sidebar li.wgsDataCst .custom_sidebar_items a span {
  margin-top: 0;
  margin-left: 7px !important;
  display: block;
}

.wgsSidebar2 #sidebar li.wgsDataCst .custom_sidebar_items i {
  font-size: 15px;
  transform: unset;
  margin-left: 0 !important;
}

.wgsSidebar2 #sidebar li.wgsDataCst .custom_sidebar_items a:hover {
  padding-left: 27px;
}

.wgsSidebar2 #sidebar ul li a i {
  transform: translateY(0px);
  transition: all 0.5s;
}

.wgsSidebar2 #sidebar ul li:hover a i {
  transform: translateY(-5px);
}

.wgsSidebar2 #sidebar li.wgsDataCst {
  transition: all 0.6s;
}

.wgsSidebar2 #content {
  width: calc(100% - 140px);
  position: relative;
  left: 140px;
  top: 80px;
}

.host-row.login-page {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 100vh;
  align-items: center;
  background-image: unset;
}

.login-bg {
  background-color: #efefef;
  background-image: unset;
}

.bg-box {
  /* padding: 30px; */
  /* background: #fff; */
  min-height: auto;
  box-shadow: 0px 0px 10px #ddd;
}

.login-bg #page-wrapper {
  padding-top: 50px;
}

.login-new-inner .inputBox .input {
  border: 1px solid var(--border-color);
  padding: 5px 10px;
}

input#login,
.log-btn {
  text-transform: capitalize;
  letter-spacing: 0;
  border-radius: 4px;
  font-weight: 500;
}

/* .inputBox .inputText {
    position: unset;
} */
.login-form .form-group {
  margin-bottom: 15px;
}

.login-bg:has(.login-new) {
  background-image: url("../images/login-bg.svg");
  background-size: cover;
}

.login-new-inner label {
  display: block;
  font-size: 16px;
  color: #3c4257;
  font-weight: 600;
  margin-bottom: 5px;
}

.login-new-inner input {
  width: 100%;
  border: 1px solid var(--border-color);
  min-height: 46px;
  padding: 5px 10px;
  border-radius: 5px;
  color: var(--text-color);
  font-size: 14px;
}

.login-new-inner,
.forget-password-container .bg-box {
  background: var(--bg-white);
  max-width: 570px;
  margin: 60px auto;
  padding: 50px;
  border-radius: 14px;
  box-shadow: 0px 15px 43px rgb(219 222 234 / 50%);
  position: relative;
  z-index: 1;
  width: 100%;
}

/* .lossPasswordlayout2 form.form-forgot-password {
    padding-top: 50px;
} */
.forget-password-container form.form-forgot-password {
  padding: 0px 0px;
}

.login-new-inner .inputText,
.regst-form .inputBox .inputText,
.forget-password-container .inputBox .inputText {
  display: block;
  font-size: 13px;
  color: var(--text-color);
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 22px;
}

.regst-form .inputBox .inputText {
  display: block;
  font-size: 13px;
}

.login-new-inner .inputBox input,
#registration .inputBox .input,
.inputBox.phonenumber input#inputPhone,
.forget-password-container .inputBox .input {
  width: 100%;
  border: 1px solid var(--border-color);
  min-height: 46px;
  padding: 5px 10px;
  border-radius: 5px;
  color: var(--text-color);
  font-size: 14px;
  background: transparent;
}

.forget-password-container .inputBox.focus .input {
  border-bottom: 1px solid #d2d2d2;
}

/*.inputBox.phonenumber .inputText {
    margin-left: 0;
}*/
.new-logo {
  text-align: center;
  margin-bottom: 25px;
}

.login-new .new-logo {
  /* text-align: left; */
  width: 100%;
}

.new-logo h2,
.forget-password-container .wel-titel {
  font-size: 28px;
  font-weight: 600;
  color: var(--heading-color);
  margin-top: 20px;
  text-transform: capitalize;
}

.forget-password-container .btn.wgs_custom-btn {
  box-shadow: none;
}

.new-logo p {
  font-size: 16px;
  color: #0a2361;
  font-weight: 600;
  opacity: 0.7;
}

.login-new .login-btn-secondary a {
  background: var(--secondary-btn-bg-color);
  width: 100%;
  display: block;
  text-align: center;
  height: 46px;
  line-height: 43px;
  font-size: 14px;
  border-radius: 5px;
  font-weight: 500;
  padding: 0px;
  box-shadow: none;
  border: 1px solid;
  border-color: var(--secondary-border-color);
  color: var(--secondary-btn-color);
}

.login-new .login-btn-secondary a:hover {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.login-new #login {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: transparent;
  font-size: 14px;
  padding: 10px 0;
  box-shadow: none;
  border: 1px solid var(--primary-border-color);
}

.login-new #login:hover {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color-hover);
}

.login-new a.pull-right.need-help {
  color: var(--text-color);
}

.login-new .form-group.check-top label {
  font-size: 14px;
  color: var(--text-color);
  font-weight: 500;
  cursor: pointer;
}

.login-new .checkbox .cr,
.login-new .radio .cr {
  /* background: var(--secondary-bgcolor); */
  border: 1px solid var(--border-color);
  color: var(--text-color);
}

.login-new .container:after {
  background: url(../images/form-bg.png);
  content: "";
  position: absolute;
  z-index: -1;
  width: 900px;
  height: 600px;
  background-repeat: no-repeat;
  top: 120px;
  right: 80px;
}

.login-new .container {
  position: relative;
}

.login-new {
  display: flex;
  align-items: center;
}

.back-btn a {
  background: var(--bg-white);
  padding: 14px 25px;
  border-radius: 38px;
  font-size: 16px;
  color: var(--text-color);
  position: absolute;
  right: 100px;
  top: 50px;
  border: 1px solid var(--border-color);
  font-weight: 600;
  box-shadow: 0px 5px 8px rgb(219 222 234 / 50%);
}

.back-btn i {
  margin-right: 5px;
}

.login-new .form-group.check-top {
  margin-bottom: 30px;
}

.host-row.login-new {
  display: unset;
  height: auto;
  position: relative;
  /* z-index: 1; */
}

.inputBox .input {
  height: 46px;
}

.form-heading:before {
  content: "";
  background: var(--border-color);
  width: 100%;
  height: 1px;
  position: absolute;
  top: 11px;
  z-index: -1;
}

/* .titel-sup {
    margin-bottom: 20px;
    font-size: 35px;
    padding: 0;
    color: var(--text-color);
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
} */
.host-row.login-new .bg-box {
  padding: 30px;
  background: var(--bg-white);
  min-height: auto;
  box-shadow: 0px 15px 40px rgb(219 222 234 / 50%);
  border-radius: 14px;
}

.form-heading {
  z-index: 1;
  position: relative;
}

.form-heading h4.info-titel {
  background: var(--bg-white);
  width: fit-content;
  /* font-size: 22px; */
  color: var(--text-color);
}

.btn-save.wgs_custom-btn.generate-password {
  border: none;
  text-transform: capitalize;
  padding: 5px 8px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 14px;
  box-shadow: none;
  min-width: 135px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"] {
  padding-left: 76px !important;
}

.marketoption-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.marketoption-inner .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  color: var(--text-white);
  background-color: #0e3e6e;
  border-color: #0e3e6e;
}

.marketing-email-optin {
  padding: 25px 30px 20px;
  background-color: var(--light-grey-bgcolor);
  border-radius: 3px;
}

.marketing-email-optin h4 {
  font-size: 22px;
  color: var(--heading-color);
  font-weight: 600;
  text-transform: capitalize;
}

.marketoption-inner .bootstrap-switch {
  margin-bottom: 14px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
}

.generate-password-clntx {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border: 1px solid var(--secondary-border-color);
}

.generate-password-clntx:hover {
  background: var(--secondary-btn-bgcolor-hover);
  color: var(--secondary-btn-color-hover);
  border-color: var(--secondary-border-color-hover);
}

.regst-form input.wgs_custom-btn,
.btn-account.reg a.log-btn {
  text-transform: capitalize;
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border-radius: 4px;
  box-shadow: none;
  letter-spacing: 0;
  font-weight: 500 !important;
  font-size: 14px;
  padding: 12px 23px !important;
  border: 1px solid var(--primary-border-color);
}

.regst-form input.wgs_custom-btn:hover {
  background: var(--secondary-btn-bg-color);
  border-color: var(--secondary-border-color);
}

.host-row.login-new:after {
  position: absolute;
  content: "";
  background: url(../images/register-bg.png);
  width: 1390px;
  height: 1080px;
  top: 220px;
  left: -130px;
  z-index: -1;
  background-repeat: no-repeat;
}

input::placeholder,
select::placeholder {
  color: var(--text-color);
}

.btn-account.reg a.log-btn {
  background: var(--secondary-btn-bg-color);
  color: var(--text-white);
}

.btn-account.reg a.log-btn:hover {
  background: var(--primary-btn-bg-color);
  color: var(--text-white);
}

button#btnGeneratePasswordInsert {
  /* background-color: var(--primary-btn-bg-color); */
  /* color: var(--text-white); */
}

/* button#btnGeneratePasswordInsert:hover {
  background: var(--secondary-btn-bg-color);
} */
.modal-footer [data-dismiss="modal"] {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border-color: var(--secondary-border-color);
}

.modal-footer [data-dismiss="modal"]:hover {
  background: var(--secondary-btn-bgcolor-hover);
  color: var(--secondary-btn-color-hover);
  border-color: var(--secondary-border-color-hover);
}

.register-capta .col-md-8.mx-auto.mb-3.mb-sm-0 {
  margin-left: 0 !important;
  width: 100%;
  max-width: 100%;
}

.register-capta .col-md-8.mx-auto.mb-3.mb-sm-0 p {
  text-align: left;
}

#registration #default-captcha-domainchecker .captchaimage {
  text-align: left;
  width: 100%;
  max-width: fit-content;
}

#page-wrapper.register-new {
  padding-top: 100px;
}

body.with-box #modalGeneratePassword .modal-body input.form-control {
  border: 1px solid var(--border-color);
  min-height: 46px;
  border-radius: 5px;
}

.login-default {
  width: 100%;
  display: flex;
  max-width: 100%;
}

.login-default-left-side {
  width: 100%;
  max-width: 635px;
  background: url(../images/sidebar.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  padding: 100px 60px;
  position: fixed;
  left: 0;
  z-index: 99;
  top: 0;
  bottom: 0;
  right: 0;
}

.login-default-heading h2 {
  font-weight: 500;
  font-size: 40px;
  font-size: 30px;
  color: var(--heading-color);
}

#page-wrapper.register-new .titel-sup {
  display: block;
  text-align: center;
}

.login-default-wrapper {
  display: flex;
  align-items: center;
  height: 100vh;
}

.registerlayout3 .login-default-wrapper.register-wrapper {
  height: auto;
}

/* #sidebar ul li ul li a.active span,
#sidebar ul li ul li a.active i {
  color: var(--text-white) !important;
} */
.login-default-slider {
  width: 100%;
}

.login-default-slider ul.slick-dots {
  display: flex !important;
  list-style: none;
  padding-left: 0;
  margin-top: 30px;
}

.login-default-slider ul.slick-dots li {
  margin: 3px;
}

.login-default-slider ul.slick-dots li button {
  border: transparent;
  background: #c3c9ed;
  border-radius: 40px;
  width: 10px;
  height: 10px;
  font-size: 0;
  padding: 0;
}

.login-default-slider ul.slick-dots li.slick-active button {
  background: var(--bg-white);
}

.single-item {
  margin-top: 35px;
}

.login-default-main .new-logo img {
  width: auto;
  display: block;
  text-align: left;
  margin-left: 0;
}

body.login-bg:has(.login-default-main) {
  background: url(../images/register.jpg);
}

.login-default-main .new-logo {
  width: 100%;
}

.login-default-wrapper .login-new-inner {
  box-shadow: none;
  background: transparent;
  margin-left: auto;
  max-width: 550px;
  margin-right: auto;
  padding: 50px;
  background: var(--bg-white);
}

.login-default-wrapper .login-new-inner .inputBox input {
  min-height: 50px;
  background: transparent !important;
  border: 1px solid var(--border-color);
  border-radius: 4px;
}

.login-default-wrapper input:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.login-default-wrapper .login-new-inner .inputText .inputText {
  color: #616161;
}

.login-default-wrapper .login-form .form-group {
  margin-bottom: 20px;
}

.login-default-wrapper .login-new-inner .inputText {
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 5px;
}

.login-default-slider .slider-inner-sec :is(h2, p) {
  color: var(--text-white);
  margin-top: 15px;
}

.login-default-wrapper #login {
  background: var(--primary-btn-bg-color);
  box-shadow: none;
  color: var(--primary-btn-color);
  border: 1px solid var(--primary-border-color);
}

.login-default-slider .slider-inner-sec img {
  margin-bottom: 20px;
}

.login-default-slider .pull-right.need-help {
  font-size: 13px;
  color: #005fff;
}

.login-default-slider .slider-inner-sec p {
  font-size: 14px;
  font-weight: 400 !important;
}

.login-default-heading {
  margin-bottom: 50px;
  text-align: center;
}

.login-default-wrapper a.pull-right.need-help {
  font-size: 13px;
  color: #005fff;
}

.login-default-wrapper :is(.form-group.check-top label, a.pull-right.need-help) {
  font-size: 14px;
  color: var(--text-color);
}

input#inputPhone {
  padding-left: 100px !important;
}

.products3-module-detail-content a.lu-nav__link {
  margin: 5px;
  border: 1px solid #118fc5;
  border-radius: 3px;
  color: #3490c7 !important;
}

.wgsSidebar2 div#content.bothSideBarOpened {
  width: calc(100% - 435px);
  right: 435px;
}

.login-bg {
  background-image: url(../images/login-bg.svg);
  background-size: cover;
}

.forget-password-container {
  display: flex;
  align-items: center;
  height: 100vh;
}

@media (max-width: 1500px) {
  .host-row.login-new:after {
    width: 1280px;
    left: -120px;
  }
}

@media (max-width: 1199px) {
  .back-btn a {
    right: 17px;
    top: 14px;
    font-weight: 600;
    z-index: 999;
  }

  .login-new .container:after {
    right: 4px;
  }
}

@media (max-width: 991px) {
  .back-btn a {
    top: 7px;
    font-weight: 600;
    width: 175px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    padding: 9px 16px;
  }

  .login-new-inner,
  .forget-password-container .bg-box {
    padding: 30px;
  }

  .new-logo h2 {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .host-row .inputBox {
    height: unset !important;
  }

  .new-logo h2,
  .forget-password-container .wel-titel {
    font-size: 28px;
  }
}

/*overrides css*/
.cust-dropdown {
  width: 100%;
  height: auto;
  background-color: var(--bg-white);
  position: absolute;
  top: 41px;
  z-index: 100;
  display: none;
  overflow: hidden;
  box-shadow: 1px 8px 10px #00000021;
}

.cust-dropdown ul {
  color: black;
  list-style-type: none;
  text-align: left;
  padding: 0px;
  margin: 0;
}

#select-column:hover+.cust-dropdown {
  display: block;
}

.cust-dropdown li {
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color);
  cursor: pointer;
}

#select-column {
  position: relative;
  width: 255px;
  margin-left: auto;
}

.login-default-wrapper .login-new-inner .new-logo img {
  width: 160px;
  margin: auto;
}

.login-new-inner.register-new-inner {
  max-width: calc(100% - 740px);
  margin-left: 50px;
  margin-right: 50px;
  padding: 35px 20px;
  margin-left: auto;
  height: 100%;
  margin-top: 0;
}

.registerlayout2 .form-heading h4.info-titel {
  font-size: 16px;
}

.register-new-inner .regst-form {
  display: flex;
  justify-content: space-between;
}

.register-new-inner :is(.register-left-view, .register-right-view) {
  width: 100%;
  max-width: 49%;
}

.register-new-inner .register-capta .col-md-8.mx-auto.mb-3.mb-sm-0 {
  flex: 100%;
}

.register-new-inner .regst-form .form-group {
  margin-bottom: 10px;
}

.register-new-inner .login-default-heading {
  margin-bottom: 30px;
}

.login-default-wrapper.register-wrapper {
  align-items: unset;
}

.login-default-main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

body.login-bg.wgsSidebar1.light.register-bg {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.register-bg .form-heading h4.info-titel {
  background: transparent;
  width: fit-content;
  font-size: 18px;
  color: var(--heading-color);
  margin-top: 0;
  margin-bottom: 18px;
}

.register-bg .form-heading:before {
  display: none;
}

.register-bg .marketing-email-optin {
  padding: 20px 20px 20px;
}

/*body.login-bg.wgsSidebar1:has(.login-default-main) {
    overflow: hidden;
}*/
.login-default-main a.log-btn.wgs_custom-btn.login-btn-secondary {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border-color: var(--secondary-border-color);
  border: 1px solid;
}

.login-default-main a.log-btn.wgs_custom-btn.login-btn-secondary:hover {
  background: var(--secondary-btn-bgcolor-hover);
  color: var(--secondary-btn-color-hover);
  border-color: var(--secondary-border-color);
}

.login-default-main .regst-form input.wgs_custom-btn,
.login-default-main .btn-account.reg a.log-btn {
  /* padding: 17px 30px !important; */
  padding: 10px 23px !important;
}

.login-default-main .regst-form input.wgs_custom-btn,
.btn-save.wgs_custom-btn.generate-password {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: 1px solid var(--primary-border-color);
}

.login-default-main .btn-account.reg a.log-btn {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border-color: var(--secondary-border-color);
}

.marketoption-inner .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: transparent;
}

.register-capta .col-md-8.mx-auto.mb-3.mb-sm-0 p {
  font-size: 14px;
  color: var(--text-color);
}

#default-captcha-domainchecker {
  margin-top: 0px;
  justify-content: center;
  flex-wrap: wrap;
}

div#default-captcha-domainchecker p {
  width: 100%;
}

#modalGeneratePassword .modal-header.bg-primary.text-white {
  background-color: var(--primary-bgcolor) !important;
  color: var(--text-white) !important;
  border-color: var(--border-color);
}

.modal-content {
  background-color: var(--bg-white);
}

.modal-header .modal-title {
  color: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-size: 20px;
}

.modal-footer {
  border-top: 1px solid var(--border-color);
}

.theme-mass-pay-page .card-body {
  background: var(--bg-white);
}

.panel-grid .list-group .list-group-item,
.default-grid-ticket .list-group .list-group-item {
  width: 100%;
  max-width: 48%;
  margin: 10px;
  border: 1px solid var(--border-color) !important;
  border-radius: 4px;
}

.panel-grid .list-group,
.default-grid-ticket .list-group {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.home-domain-main-section.grid-domains .slider-content-domain {
  margin-bottom: 15px;
}

.news-removee .col-12.col-md-6.col-lg-6.col-xl-6 {
  flex: 0 0 100%;
  max-width: 100%;
}

.client-home-cards.products-grid-outer .list-group {
  flex-direction: unset;
  flex-wrap: wrap;
  margin: 10px;
  justify-content: space-between;
  border-top: 0 !important;
}

.client-home-cards.products-grid-outer .list-group .list-group-item {
  border: 1px solid var(--border-color) !important;
  margin: 5px;
  width: 100%;
  max-width: 48%;
  color: var(--text-color);
}

.client-home-cards.products-slider-outer .list-group .slick-list .list-group-item {
  /*    margin: 20px;*/
  border: 1px solid var(--border-color);
  min-height: 73px;
}

.client-home-cards.products-slider-outer ul.slick-dots {
  list-style: none;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.client-home-cards.products-slider-outer ul.slick-dots .slick-active button {
  background: var(--primary-bgcolor);
}

.client-home-cards.products-slider-outer ul.slick-dots li button {
  border: transparent !important;
  margin: 3px;
  font-size: 0;
  padding: 5px;
  border-radius: 40px;
}

.client-home-cards.products-slider-outer div[menuitemname="Active Products/Services"] .list-group .list-group-item:nth-child(n + 5) {
  display: block;
}

.prd-inner-wrap.slick-slide {
  padding: 15px;
}

.home-page-product-listing {
  column-gap: unset;
  column-count: unset;
  margin: 0;
}

.default-slider-outer .default-home-active-product-service .slick-slide {
  margin: 20px;
  margin-bottom: 70px;
}

.default-slider-outer .slick-slide .list-group-item {
  min-height: 66px;
}

.default-slider-outer .default-home-active-product-service .list-group {
  margin-top: 15px;
}

.navbar-custom #wgs-top-bar-menu {
  justify-content: flex-start;
}

.navbar-custom .clientx-default-navigation .dropdown-menu {
  min-width: 340px;
  top: 42px;
}

.navbar-custom .clientx-default-navigation li.dropdown {
  position: relative;
}

.navbar-custom .clientx-default-navigation ul.sub-menu {
  max-width: 100%;
}

.navbar-custom .drop-menu .sub-menu li a:hover {
  box-shadow: none !important;
  background-color: var(--header-submenu-bgcolor-hover);
}

.navbar-custom .drop-menu .sub-menu li a {
  border-radius: 5px;
}

.clientx-default-navigation .drop-menu {
  padding: 15px 0px;
}

.navbar-custom .clientx-default-navigation ul.sub-menu i {
  background-color: var(--light-bg-color) !important;
  color: var(--header-submenu-icon-color);
  width: 35px !important;
  height: 35px !important;
  border-radius: 40px;
  font-size: 17px;
  float: unset;
  position: absolute;
}

.navbar-custom .clientx-default-navigation ul.sub-menu a:hover i {
  background-color: var(--bg-white) !important;
}

/*sidebar layout 3 css*/
.wgsSidebar3 #content.bothSideBarOpened {
  width: calc(100% - 520px);
  right: 520px;
}

#sidebar.nav-side-three ul li a {
  font-size: 14px;
  display: block;
  border-bottom: transparent;
  border-left: 1px solid transparent;
  transition: 1s;
  margin: 4px 8px;
  padding: 6px 8px;
  border-radius: 5px;
}

.nav-side-three ul.list-unstyled.components.wgssidefontcoloraddon i {
  font-size: 13px;
  padding: 0;
  width: 20px;
  font-weight: normal;
}

.nav-side-three ul.list-unstyled.components span {
  margin-left: 4px;
  width: auto;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

nav#sidebar.nav-side-three {
  min-width: 220px;
  max-width: 220px;
}

.wgsSidebar3 #content {
  left: 220px;
  top: 80px;
  width: calc(100% - 220px);
}

.nav-side-three ul.sidebar_items.custom_sidebar_items {
  background: transparent;
}

.nav-side-three hr {
  margin: 0;
}

#sidebar.nav-side-three.active {
  margin-left: 0;
  min-width: 80px;
  max-width: 80px;
}

#sidebar.nav-side-three.active ul {
  position: unset;
  left: 0;
  width: 100%;
}

.wgsSidebar3 #content.active {
  width: calc(100% - 80px);
  left: 80px;
}

#sidebar.nav-side-three.active ul li a {
  text-align: center;
}

/*sidebar layout 3 css*/
.form-control:focus {
  color: var(--text-color);
  background-color: transparent;
}

.wgsSidebar2 #content.no-navbar {
  width: calc(100% - 0px);
  left: 0px;
}

/** Home page layout2 **/
.home-layout2-outer .hero-sec {
  background-color: var(--secondary-bgcolor);
  padding: 70px 0 70px;
  position: relative;
  margin-bottom: 0;
  z-index: 1;
}

section.hero-sec:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  width: 100%;
  height: 282px;
  background: url(../images/layout2/Subtract.png);
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
}

section.browseProducts {
  position: relative;
  z-index: 99;
}

.home-layout2-outer .banner-left h1 {
  color: var(--text-white);
  margin-top: 10px;
  font-weight: 600;
  font-size: 50px;
  line-height: 63px;
}

.home-layout2-outer .banner-left p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28.8px;
  color: var(--text-white);
}

.home-layout2-outer .banner-left ul {
  display: flex;
  gap: 10px;
  padding: 20px 0;
  flex-wrap: wrap;
}

.home-layout2-outer .banner-left ul li {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--text-white);
  width: 100%;
  max-width: 49%;
  padding: 20px;
  border-radius: 7px;
  background: #1a203830;
  font-size: 18px;
  font-weight: 400;
}

.home-layout2-outer .discount-box {
  display: flex;
  gap: 7px;
  align-items: center;
}

.home-layout2-outer .banner-left ul li img {
  margin-right: 5px;
}

.home-layout2-outer .discount-box p span {
  display: block;
  font-size: 25px;
  margin-bottom: 3px;
  font-weight: 600;
}

.home-layout2-outer .discount-box p {
  font-weight: 600;
  font-size: 14px;
  line-height: 19.88px;
  color: var(--text-white);
  margin-bottom: 0;
}

.home-layout2-outer .service-feature-box:hover p {
  color: var(--text-white) !important;
}

.home-layout2-outer .search-domain-sec {
  margin-top: -70px;
  position: relative;
  z-index: 99;
}

/*.home-layout2-outer .cus-domain-main{
    background-color:var(--home-light-bg-color) !important;
    position: relative;
    padding: 35px;
    border-radius: 20px;
    margin: 0 auto;
    border: 1px solid var(--border-color);
    margin-bottom: 60px;
}*/
.home-layout2-outer .home-domain-search h2 {
  color: var(--text-color);
}

.home-layout2-outer .domainchecker-homepage-captcha div#default-captcha-domainchecker p {
  color: var(--text-color);
}

.home-layout2-outer .find-domain a.btn.btn-link.btn-sm.float-right {
  color: var(--text-black);
  text-decoration: underline;
}

.home-layout2-outer .find-domain a.btn.btn-link.btn-sm.float-right:hover {
  text-decoration: unset;
}

.home-layout2-outer a.help-box {
  border-radius: 7px;
  overflow: hidden;
  padding: 30px;
  text-align: center;
  color: var(--text-color);
  background-color: var(--light-grey-bgcolor) !important;
  margin-bottom: 25px;
}

.help-home-right-sec {
  display: flex;
  flex-wrap: wrap;
}

.home-layout2-outer .can-help-home-page {
  padding: 85px 0px;
  background: var(--bg-white);
}

.home-layout2-outer a.help-box:hover {
  background-color: var(--secondary-bgcolor) !important;
  color: var(--text-white);
}

.home-layout2-outer a.help-box .action-icon-btns a:hover .ico-container {
  font-size: unset;
  transform: unset;
}

.home-layout2-outer a.help-box img {
  width: 40px;
  display: block;
  text-align: center;
  margin: 0 auto;
  height: 40px;
  margin-bottom: 10px;
}

.home-layout2-outer a.help-box:hover img {
  filter: brightness(10.5);
}

.home-layout2-outer a.account-box img {
  width: 40px;
  display: block;
  padding-bottom: 0;
  margin: auto;
  min-height: 80px;
}

.home-layout2-outer .action-icon-btns a .ico-container {
  transform: scale(1);
  margin: 0 !important;
}

.action-icon-btns a {
  background: var(--bg-white) !important;
}

.home-layout2-outer .can-help-home-page h2 {
  margin-top: 0 !important;
  font-size: 30px;
  color: var(--text-color);
  font-weight: 700;
  padding-bottom: 15px;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 38px;
  margin-left: 0 !important;
  margin-bottom: 0px !important;
}

.home-layout2-outer a.account-box {
  padding: 20px;
  background: var(--bg-white);
  border-radius: 20px;
}

.heading-sec p {
  color: var(--grey);
}

.home-layout2-outer .your-account-home-page h2 {
  color: var(--home-heading-color);
  line-height: 43px;
  font-weight: 700;
}

.home-layout2-outer .help-home-left-sec {
  background: var(--light-bg-color);
  padding: 15px;
  border-radius: 10px;
}

.home-layout2-outer .help-home-left-sec img {
  border-radius: 10px;
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.home-layout2-outer .heading-sec {
  padding-left: 15px;
  margin-bottom: 40px;
}

.home-layout2-outer a.account-box {
  color: var(--home-text-color);
  line-height: 24px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 25px;
  font-weight: 600;
  box-shadow: 1px 3px 25px #a5c2cf8c;
}

.home-layout2-outer .home-domain-search h2 {
  color: var(--home-heading-color);
  text-transform: capitalize;
  font-size: 30px;
  font-weight: 700;
}

.home-layout2-outer .home-domain-search .tld-logos li {
  color: var(--text-color);
  background: var(--light-bg-color);
  border-radius: 50px;
  font-weight: 700;
}

.home-layout2-outer .home-domain-search .input-group-wrapper {
  border-color: var(--border-color);
}

.home-layout2-outer .home-domain-search .input-group-wrapper {
  width: 100%;
}

.home-layout2-outer .your-account-home-page {
  margin: 0;
}

.home-layout2-outer .home-page-product-heading {
  padding: 70px 0px !important;
}

.home-layout2-outer .home-page-product-listing h3.card-title.pricing-card-title {
  color: var(--text-color);
  font-size: 22px;
  line-height: 30px;
  text-align: left;
  padding: 0;
  margin: 0;
  min-height: unset;
}

.home-layout2-outer .home-page-product-listing p {
  font-size: 14px;
  margin: 0 0px;
  padding: 0px;
  min-height: 70px;
  color: var(--text-black);
  max-width: 400px;
  margin: 0;
  text-align: left;
  margin-bottom: 20px;
}

.home-layout2-outer .product-list-heading img {
  width: 50px;
  margin-bottom: 10px;
}

.home-layout2-outer .product-list-heading {
  display: block;
  align-items: center;
  gap: 10px;
  margin-bottom: 17px;
  text-align: left;
}

.home-layout2-outer .home-page-product-listing .card-body {
  background: var(--bg-white);
}

.home-layout2-outer .news-sec {
  background: var(--bg-white);
  margin-bottom: 0;
}

.home-layout2-outer h2 {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--heading-color) !important;
}

.home-layout2-outer .news-title-sec h2 {
  font-size: 30px;
  color: var(--text-color);
  text-align: center;
  font-weight: 600;
  line-height: 38px;
}

.home-layout2-outer .news-title-sec p {
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color);
}

.home-layout2-outer .image-right-body h4 {
  margin-bottom: 10px;
}

.home-layout2-outer .image-right-body p {
  padding-top: 0px;
}

.home-layout2-outer .news-box-row a {
  display: block;
}

.home-layout2-outer .media-news {
  border-radius: 20px;
  box-shadow: none;
  background-color: transparent;
  padding: 30px;
  margin-top: 15px;
  display: block;
  border: 1px solid var(--border-color);
}

.home-layout2-outer .image-right-body a h4 {
  color: var(--text-color);
  font-size: 16px;
  line-height: 24px;
}

.home-layout2-outer .image-right-body p {
  color: var(--text-color);
}

/* login-page default css */
.default-login,
.default-register,
.lossPasswordlayout2 {
  background-image: url(../images/login-bg-default.jpg);
}

.default-login .social-signin-btns {
  text-align: center;
}

/* .default-login form.login-form .card {
    max-width: 500px;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: 4px !important;
} */
/* .default-login form.login-form .card-body {
    padding: 40px !important;
} */
.default-login .providerPreLinking {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* body.default-register {
    background: unset;
} */
body.default-register h3.card-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: var(--heading-color);
  padding-left: 15px;
}

.default-register #registration .p-4 {
  padding: 15px !important;
}

.btn-save.wgs_custom-btn.generate-password:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

input#inputNewPassword1,
input#inputNewPassword2 {
  padding-right: 49px !important;
}

.default-register .social-signin-btns {
  text-align: center;
}

div#modalGeneratePassword .modal-header h4 {
  color: var(--text-white);
}

div#modalGeneratePassword .modal-header>.close {
  color: inherit;
  font-size: 35px;
  line-height: 30px;
  opacity: unset;
  font-weight: 400;
}

/* .inputBox .inputText {
    position: unset;} */
/* input#login:hover {
    background: var(--secondary-btn-bg-color);
} */
body.with-box .inputText {
  position: unset;
}

.without-box .inputBox input,
.without-box .inputBox select {
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: unset !important;
  background-color: transparent !important;
}

.forgot-psw-section .message-box-theme-login-pages {
  position: relative;
}

.without-box .registerlayout1 #registration .inputBox .input {
  background-color: transparent !important;
}

.without-box .inputBox {
  margin-bottom: 25px;
}

.registerlayout1 .providerPreLinking {
  margin-bottom: 20px;
}

.register-bg.registerlayout1 .form-heading h4.info-titel {
  margin-bottom: 25px;
}

.without-box select {
  padding-top: 21px !important;
}

.without-box .inputBox.focus select {
  padding-top: 5px !important;
}

.without-box .inputBox.focus .inputText {
  color: var(--primary-color);
}

.loginlayout3 .log-btn {
  padding: 18px 42px;
}

.login-bg>p {
  display: none;
}

.registerlayout2 .providerPreLinking .social-signin-btns {
  text-align: center;
  margin-bottom: 30px;
}

div#containerNewUserSignup .form-heading {
  margin-bottom: 20px;
}

.with-box.registerlayout2 .inputText {
  margin-left: 0 !important;
}

.registerlayout2 .login-default-main .new-logo a {
  display: inline-block;
}

.loginlayout2 .social-signin-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}

.forgot-bottom-button a.btn.btn-primary {
  background: var(--secondary-btn-bg-color);
  color: var(--primary-btn-color);
  border: 1px solid var(--secondary-border-color);
  box-shadow: 0 0 10px #0000001a;
  padding: 10px 22px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  clear: both;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

.forgot-bottom-button a.btn.btn-primary:hover {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
}

.loginlayout2 .login-default-wrapper .login-new-inner {
  box-shadow: none;
  background: var(--bg-white);
  max-width: 600px;
  margin-right: 50px;
  padding: 35px 35px;
  margin-left: auto;
  width: 100%;
  margin: 50px auto;
}

.with-box .inputBox .input {
  border: 1px solid var(--border-color);
  padding: 5px 10px;
}

.with-box.registerlayout3 .inputBox.phonenumber .inputText {
  margin-left: 0 !important;
}

.with-box.registerlayout1 .inputBox.phonenumber .inputText {
  margin-left: 0 !important;
}

.loginlayout2 .login-default-left-side {
  position: unset;
}

div#default-captcha-domainchecker p {
  font-size: 14px;
  line-height: 23px;
  color: var(--text-color);
}

.registerlayout2 .register-wrapper {
  height: auto;
}

.login-new .new-logo img {
  width: 100%;
  max-width: 200px;
}

.login-default-main .regst-form input.wgs_custom-btn:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--secondary-border-color);
}

.login-default-main .btn-account.reg a.log-btn:hover {
  background: var(--secondary-btn-bgcolor-hover);
  color: var(--secondary-btn-color-hover);
}

.new-logo img {
  width: 100%;
  max-width: 200px;
  margin: auto;
}

.forget-password-container .container {
  position: relative;
}

.lossPasswordlayout1 .forget-password-container .container:after {
  background: url(../images/form-bg.png);
  content: "";
  position: absolute;
  z-index: -1;
  width: 900px;
  height: 600px;
  background-repeat: no-repeat;
  top: 120px;
  right: 80px;
}

.forget-password-container .wel-titel {
  margin-bottom: 30px;
}

.dropdown-divider {
  border-top: 1px solid var(--border-color);
}

.checkbox .cr,
.radio .cr {
  border: 1px solid var(--border-color);
}

.vote-yes {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: 1px solid var(--primary-border-color);
}

.vote-yes:hover {
  background: var(--primary-btn-bgcolor-hover) !important;
  color: var(--primary-btn-color-hover) !important;
  border-color: var(--primary-border-color-hover) !important;
}

/* #content.no-navbar {
    width: calc(100% - 0px) !important;
    left: 0px !important;
} */
div#tableDomainPricing_filter {
  display: block;
  position: relative;
}

.description-forgot-psw P {
  color: var(--text-color) !important;
}

.home-domain-search .input-group-wrapper {
  background: var(--bg-white);
  border-radius: 50px;
  padding: 10px 20px;
}

.wgsSidebar2 div#content.bothSideBarOpened.no-navbar {
  width: calc(100% - 300px);
  right: 300px;
}

.wgsSidebar3 #content.bothSideBarOpened.no-navbar {
  width: calc(100% - 300px);
  right: 300px;
  left: 0;
}

.wgsSidebar3 #content.no-navbar,
.wgsSidebar2 #content.no-navbar,
.wgsSidebar2 #content.no-navbar {
  left: 0;
  top: 80px;
  width: 100%;
}

img {
  max-width: 100%;
}

.theme-two-factor-page .card {
  background: var(--bg-white);
}

.upper-section-two-factor input#btnLogin {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
  border: 1px solid var(--primary-border-color);
  box-shadow: 0 0 10px #0000001a;
  padding: 10px 22px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  clear: both;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

.upper-section-two-factor input#btnLogin:hover {
  background: var(--secondary-btn-bg-color);
  color: var(--secondary-btn-color);
  border: 1px solid var(--secondary-border-color);
}

div#captchaContainer .default-captcha {
  margin: 0 auto 6px 16px;
  max-width: 340px;
  background-color: unset;
  border: unset;
  color: var(--text-color);
  border-radius: 3px;
  text-align: left;
  font-size: 14px;
  margin-bottom: 20px;
}

.user-manage-table-row a.btn.btn-default.btn-sm.btn-manage-permissions {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.user-manage-table-row a.btn.btn-default.btn-sm.btn-manage-permissions:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover);
  color: var(--primary-btn-color-hover);
}

.commision-row .table-bordered td {
  border: 1px solid var(--border-color);
}

.user-manage-table-row .btn-remove-user {
  background: rgb(240 95 87);
  color: var(--text-white);
  border-color: rgb(240 95 87);
}

.user-manage-table-row .btn-remove-user:hover {
  background: rgb(240 95 87);
  color: var(--text-white);
  border-color: rgb(240 95 87);
}

tr.user-manage-table-row span.label.label-info {
  background: var(--primary-bgcolor);
}

.modal .modal-header {
  background-color: var(--primary-bgcolor) !important;
  border-bottom: transparent;
  align-items: center;
}

.twofa-module.active {
  border-color: var(--border-color);
}

.featured-tld .price.com {
  background-color: var(--primary-btn-bg-color);
  color: var(--text-white);
}

body .filter-nav-domain a:hover {
  background: var(--primary-color) !important;
  color: var(--primary-btn-color-hover) !important;
}

.twofa-setup .modal-header h5 {
  font-size: 20px;
  color: var(--text-white);
}

/* .w-hidden {
    display: none !important;
} */
.btn-account.reg {
  width: 100%;
  max-width: 45%;
  margin-right: 15px;
}

.btn-account.reg .wgs_custom-btn {
  width: 100%;
}

select#inputCurrency {
  background: var(--bg-white) !important;
}

.registerlayout2 .marketoption-inner {
  align-items: unset;
}

.with-box .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  border-right: 1px solid var(--border-color);
}

.without-box.register-bg .form-heading h4.info-titel {
  margin-bottom: 31px;
}

.registerlayout2 .alert {
  margin-left: 15px;
  margin-right: 15px;
}

button#btnTransfer {
  background: var(--secondary-btn-bg-color);
  border-color: var(--secondary-border-color);
  color: var(--secondary-btn-color);
}

button#btnTransfer:hover {
  background: var(--secondary-btn-bgcolor-hover);
  border-color: var(--secondary-border-color-hover);
  color: var(--secondary-btn-color-hover);
}

.home-domain-search .btn-primary:hover {
  color: var(--primary-btn-color-hover);
  background-color: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover);
}

body.login-bg.loginlayout2 {
  padding-top: 0;
}

/*.lossPasswordlayout1 .forget-password-container .btn.wgs_custom-btn {
    width: 100%;
}
*/
/* .wgsSidebar3 hr {
    border-top: 1px solid var(--border-color);
} */
.wgsSidebar3 hr {
  border-top: 1px solid #1f3c5f;
}

select#customfield1 option {
  background: var(--bg-white);
}

.message-box-theme {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 0;
}

.message-box-theme .alert {
  margin-bottom: 0;
}

.message-box-theme .alert ul {
  padding-left: 16px;
  margin-bottom: 0;
}

.theme-user-management .message-box-theme {
  padding: 10px 1.25rem 0px 1.25rem;
  margin: 0;
}

.modal .btn-primary:hover {
  color: var(--primary-btn-color-hover);
  background-color: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover);
}

.modal .btn-primary {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.modal button.close {
  opacity: 1;
  font-weight: 400;
  text-shadow: none;
}

.modal .modal-header button.close {
  color: var(--text-white) !important;
  margin-left: 0;
}

.error-page-main-heading i {
  color: var(--primary-color) !important;
}

.error-page-main-heading h1 {
  color: var(--primary-color) !important;
}

.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
}

.theme-change-password-page .alert {
  margin-left: 30px;
  margin-right: 30px;
}

.theme-contact-add-page.bg-white.m-30 {
  padding: 30px;
}

.theme-contact-add-page .message-box-theme {
  margin-left: 00;
  margin-right: 0;
}

.theme-contact-add-page .message-box-theme .alert {
  margin-bottom: 15px;
}

.twofa-setup .backup-code {
  background-color: var(--light-grey-bgcolor);
  color: var(--text-color);
}

.twofa-setup h3 {
  color: var(--heading-color);
}

.lossPasswordlayout1 .wgs_cancel_button {
  margin-left: 0;
}

.twofa-setup .row {
  align-items: flex-end;
}

.theme-two-factor-page .alert {
  margin-bottom: 30px;
}

div#emptyMessage {
  display: flex;
  justify-content: center;
  background-color: var(--bg-white);
  margin-top: 10px;
  padding: 10px;
}

.password-reset-change-page .wel-titel {
  text-transform: none;
}

.password-reset-email-page .alert.alert-danger.text-center>li {
  list-style: none;
}

.priority-section .select-items .same-as-selected {
  background: var(--primary-btn-bg-color);
  color: var(--text-white);
}

.department-list .select-items .same-as-selected {
  background: var(--primary-bgcolor);
  color: var(--text-white);
}

.back-btn a:hover {
  color: var(--primary-color);
}

.without-box .login-form .alert.alert-danger {
  margin-bottom: 32px;
  margin-top: 0;
}

.log-btn:hover {
  background: var(--secondary-btn-bgcolor-hover);
}

.dataTables_length select {
  padding-top: 8px;
}

#default-captcha-domainchecker #inputCaptcha:focus {
  border-color: #dddddd;
}

.form-group.password-strength-section label {
  font-size: 14px;
}

.lossPasswordlayout2 .password-reset-change-page .wel-titel {
  margin-bottom: 20px;
}

.without-box .inputBox.focus .inputText {
  transform: translateY(-22px);
}

/*  */
.with-box .inputBox .input {
  border: 1px solid var(--border-color) !important;
}

.payment-gateway-section select.form-control.select-inline {
  padding-top: 10px !important;
  cursor: pointer;
}

.default-register .host-row:has(.default-register-full.bg-box) {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.lossPasswordlayout2 .host-row:has(.default-lost-password-full.bg-box) {
  max-width: 609px;
  margin: 0 auto;
  width: 100%;
}

.intl-tel-input .country-list .divider {
  border-color: var(--border-color);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary:hover {
  color: var(--secondary-btn-color-hover) !important;
  background-color: var(--secondary-btn-bgcolor-hover) !important;
  border-color: var(--secondary-border-color) !important;
}

/* homkepage slider start */
.promo-container {
  background: var(--bg-white);
  border-color: var(--border-color);
}

.promo-banner {
  background: var(--bg-white);
}

/* .registerlayout2   .login-new-inner.register-new-inner{
    overflow-y: scroll;
    height: 840px;
} */
select#inputCountry option {
  background: var(--bg-white);
}

/* homkepage slider End */
button#btnConfirmModalConfirmBtn {
  background: var(--secondary-btn-bg-color);
  border-color: var(--secondary-border-color);
  color: var(--secondary-btn-color);
}

button#btnConfirmModalConfirmBtn:hover {
  background: var(--secondary-btn-bgcolor-hover);
  border-color: var(--secondary-border-color-hover);
  color: var(--secondary-btn-color-hover);
}

/* .data-table-main-container {
    background: var(--bg-white);
} */
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: unset;
}

.theme-payment-method-page table {
  background-color: var(--bg-white);
}

select.custom-select.custom-select-sm.form-control.form-control-sm {
  padding-top: 6px !important;
}

a.read-more {
  color: var(--primary-color);
}

/* bugsheet 29-08*/
/* .inner-section-change-password #nonMatchingPasswordResult {
    color: #ff0000 !important;
}
.user-security-account tbody td .btn-default,
.user-security-account tbody td .btn-default:focus {
    background: var(--primary-btn-bg-color) !important;
    color: var(--text-white);
    border: transparent;
}
.dataTables_wrapper table.table-list tbody td span.status {
    font-size: 13px;
} */
/* End bugsheet 29-08*/
.md-editor>.btn-toolbar {
  background: var(--bg-white) !important;
}

.md-editor>.md-preview,
.md-editor>textarea.markdown-editor {
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  background-color: var(--bg-white) !important;
  color: var(--text-color);
}

.md-editor .md-footer,
.md-editor>.md-header {
  background: var(--bg-white) !important;
}

.md-editor {
  border-color: var(--border-color);
}

.md-header.btn-toolbar .btn-group button {
  background: var(--bg-white);
  color: var(--text-color) !important;
  border-color: var(--border-color);
}

div.md-editor.active {
  border-color: var(--border-color);
}

textarea#cancellationreason {
  background: var(--bg-white);
  border-color: var(--border-color);
}

span.d-inline-block select {
  padding-top: 0px !important;
  background: var(--bg-white);
  border-color: var(--border-color);
  color: var(--text-color);
}

span.d-inline-block select option {
  background: var(--bg-white);
}

div#alertOverdueInvoice a {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
}

.modal-localisation .item-selector .item:hover {
  background-color: var(--bg-white);
  color: var(--text-color);
}

.modal-localisation .item-selector .item.active {
  background-color: var(--light-bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
}

.input-group-addon.input-group-append.product-detail-overview span {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

ul.action-buttons-table a:hover {
  color: var(--text-color);
  border-color: var(--border-color);
}

button.btn.btn-primary.order-page-checkout-btn {
  background: var(--secondary-btn-bg-color);
  border-color: var(--secondary-border-color);
  margin-left: 10px;
}

button.btn.btn-primary.order-page-checkout-btn:hover {
  background: var(--secondary-btn-bgcolor-hover);
  border-color: var(--secondary-border-color-hover);
  color: var(--secondary-btn-color-hover);
}

.md-editor .md-controls .md-control:hover {
  color: var(--text-color);
}

.md-editor.md-fullscreen-mode {
  background-color: var(--bg-white) !important;
}

#frmPayment.paypal_ppcpv-payment-form .paymethod-info:not([data-paymethod-id]) {
  background: var(--bg-white);
  border: 1px solid var(--border-color) !important;
}

.paypal-button.paypal-button-color-white {
  background: var(--bg-white) !important;
  border-color: var(--border-color);
}

.md-editor.md-fullscreen-mode .md-preview {
  background: var(--bg-white) !important;
}

span.right-sec a {
  color: var(--text-color);
}

hr {
  border-color: var(--border-color);
}

#frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields {
  background: var(--light-bg-color) !important;
}

#frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields ul {
  border-color: var(--border-color) !important;
  background: var(--bg-white) !important;
}

.promo-banner.sitebuilder,
.promo-banner.symantec,
.promo-banner.nordvpn,
.promo-banner.spamexperts,
.promo-banner.ox,
.promo-banner {
  border-top: 1px solid var(--border-color) !important;
}

div.dataTables_wrapper div.dataTables_length select {
  padding-right: 22px;
}

.md-editor.md-fullscreen-mode .md-input:focus {
  background: var(--bg-white) !important;
}

select#inputPaymentMethod {
  background: var(--bg-white) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 12px;
}

select#inputAccountLanguage {
  background: var(--bg-white) !important;
}

select#inputBillingContact {
  background-color: var(--bg-white) !important;
}

.invoice-right-first-section {
  margin-bottom: 0;
  padding-bottom: 0;
}

form.affiliates-signup-form {
  padding-left: 60px;
}

ul.aff-signup-data {
  padding-left: 80px;
}

div#tableAffiliatesList_filter {
  display: block;
}

.wgsSidebar3 ul.list-unstyled.components.wgssidefontcoloraddon {
  overflow: auto;
  height: calc(100% - 130px);
  margin-bottom: 0;
}

.theme-body-padding.theme-knowledgebase-page .card {
  background: var(--bg-white);
}

.theme-body-padding.theme-knowledgebase-page .card .card-body {
  border-bottom: 1px solid var(--border-color);
}

.refferal-link-field {
  display: flex;
  gap: 10px;
}

button#copy-refferal-link-btn {
  width: max-content;
}

.theme-affiliates-page .refferal-link-section input.form-control {
  width: 100%;
  max-width: calc(100% - 180px);
}

ul#wgs-top-bar-menu ul.sub-menu a {
  align-items: center;
  /* display: flex; */
}

.navbar-custom .nav.navbar-nav .drop-menu .sub-menu li a {
  padding: 15px 10px 17px !important;
  margin-bottom: 5px;
}

.navbar-custom .clientx-default-navigation ul.sub-menu i {
  top: 8px;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.form-check-inline .form-check-input {
  accent-color: var(--primary-color);
}

span.form-icon.toggle-password,
.toggle-password2fa {
  position: absolute;
  right: 20px;
  top: 10px;
  color: var(--grey);
}

.with-box .inputBox .input {
  padding-right: 47px;
}

.without-box .inputBox .input {
  padding-right: 47px;
}

.inputBox.login-field {
  position: relative;
  margin-bottom: 10px;
}

.inner-section-change-password .using-password-strength .col-md-5.button-generate-psw {
  margin-bottom: 15px;
}

.clientx-default-navigation .dropdown-menu {
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 8px 32px rgba(0, 0, 0, 0.08);
  background-color: var(--header-submenu-bgcolor);
}

.clientx-default-navigation .drop-menu {
  box-shadow: none;
  width: 100%;
}

#modalChooseLanguage .modal button.close:hover {
  color: var(--text-white) !important;
}

#modalChooseLanguage .row.item-selector {
  margin-bottom: 20px;
  padding: 30px;
}

/* sidebar-3 scrollbar */
.wgsSidebar3 .nav-side-three ::-webkit-scrollbar,
.wgsSidebar1 .wgssidebaraddon ::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

.wgsSidebar3 .nav-side-three ::-webkit-scrollbar-thumb,
.wgsSidebar1 .wgssidebaraddon ::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: var(--grey);
}

.wgsSidebar3 .nav-side-three ::-webkit-scrollbar-track,
.wgsSidebar1 .wgssidebaraddon ::-webkit-scrollbar-track {
  background: var(--light-grey-bgcolor);
  border-radius: 100px;
}

span.form-icon.toggle-password i {
  font-size: 15px;
  cursor: pointer;
}

/* faq-section Start */
section.faq-sec {
  background: var(--light-bg-color);
}

.faq-wrapper .heading h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 48px;
  color: var(--text-color);
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 30px;
}

.faq-wrapper .accordion .card {
  margin-bottom: 0;
  background: transparent;
  border-bottom: 1px solid #aec7d252;
  border-radius: 0 !important;
}

.faq-wrapper .card-header {
  padding: 25px;
  padding-left: 0;
  padding-right: 0;
  border: none;
}

.faq-wrapper .accordion .card .card-header button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: var(--heading-color);
  text-decoration: unset;
}

.faq-wrapper .accordion .card .card-body {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--home-text-color);
  border-top: 1px solid #aec7d252;
}

/* faq-section End */
.home-layout2-outer .home-page-product-listing.home-page-slider.slick-initialized.slick-slider .card.mb-3 {
  margin: 0;
}

.home-layout2-outer .home.home-page-product-listing {
  padding: 20px 0px;
}

.home-layout2-outer :is(button.slick-next.slick-arrow, button.slick-prev.slick-arrow) {
  top: -58px;
}

.home-layout2-outer .container {
  max-width: 1330px;
}

.home-layout2-outer .your-account-home-page span {
  display: block;
  font-size: 14px;
  color: var(--grey);
  text-align: left;
  margin-top: 10px;
  font-weight: 400;
}

.home-layout2-outer .home-page-product-heading h2 {
  font-size: 30px;
  color: var(--text-color);
  font-weight: 700;
}

.home-layout2-outer .home-page-product-listing .card.mb-3 {
  margin-bottom: 20px !important;
}

.home-layout2-outer .hero-sec .wgs_custom-btn {
  text-align: center;
  cursor: pointer;
  display: inline-block;
  padding: 12px 30px;
  font-size: 16px;
}

.home-layout2-outer .banner-right {
  text-align: right;
}

.wgsSidebar3 #sidebar ul li a.active {
  border-bottom: transparent !important;
  border-left: transparent;
}

.default-whmcs-client-area #ticketsPanel .list-group {
  border-bottom: none !important;
}

.with-box .theme-clientdetail-page .inputBox {
  margin-bottom: 15px;
}

.with-box :is(.theme-clientdetail-page h3.form-title,
  .theme-payment-method-page h3.form-title,
  .theme-contact-list-page h3.form-title,
  .theme-change-password-page h3.form-title,
  .theme-change-password-page h4.info-titel,
  .theme-clientarea-security-page h3.form-title) {
  margin-top: 10px;
  margin-bottom: 10px;
}

.home-layout2-outer .home-domain-search .tld-logos img {
  filter: unset;
  margin-right: 5px;
}

.welcome-box p {
  margin-bottom: 6px;
  font-size: 14px;
  color: var(--grey);
}

.welcome-box h2 {
  font-size: 25px;
  color: var(--primary-color);
  font-weight: 600;
}

.welcome-box {
  margin-bottom: 25px;
}

.default-whmcs-client-area .tiles .tile {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.default-whmcs-client-area .servicess-outer {
  margin-left: auto;
  text-align: right;
}

.form-group.check-top .form-group.check-top label {
  display: flex;
  align-items: center;
}

.clientx-default-navigation .dropdown-menu:after,
.dropdown-new:after {
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border-top: 0.5em solid;
  border-right: 0.5em solid transparent;
  border-bottom: 0;
  border-left: 0.5em solid transparent;
  position: absolute;
  top: -8px;
  left: 9px;
  transform: rotate(180deg);
  color: var(--text-white);
}

.whmcs-default-navigation .dropdown-menu:after {
  content: "" !important;
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.5em solid;
  border-right: 0.5em solid transparent;
  border-bottom: 0;
  border-left: 0.5em solid transparent;
  position: absolute;
  top: -8px;
  left: 9px;
  transform: rotate(180deg);
  color: var(--text-white);
}

.announcements-home-page.announcements-slider-home-page {
  justify-content: center;
}

.home-page-slider button.slick-next.slick-arrow {
  right: 34px;
}

.home-page-slider button.slick-prev.slick-arrow {
  right: 66px;
}

.home-layout2-outer .hero-sec .row {
  align-items: center;
  padding-bottom: 130px;
}

.create-acc-section {
  text-align: center;
  margin-top: 15px;
  color: var(--text-white);
  font-size: 18px;
}

.create-acc-section a {
  color: var(--text-white);
}

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

.registerlayout3 .regst-form #containerNewUserSecurity h4.info-titel {
  margin-top: 0;
}

.registerlayout3 h4.info-titel {
  margin-top: 0;
}

.registerlayout3 .regst-form .form-group {
  margin-bottom: 10px;
}

.registerlayout3 .btn-account.reg .wgs_custom-btn {
  width: auto;
}

.with-box.registerlayout3 .form-icon.toggle-password {
  top: 37px;
}

.with-box.registerlayout3 .regst-form #containerNewUserSecurity h4.info-titel {
  margin-bottom: 15px;
}

.or-separator.text-center {
  position: relative;
  z-index: 1;
}

.or-separator:after {
  position: absolute;
  content: "";
  background: var(--border-color);
  top: 13px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  z-index: -1;
}

.or-separator.text-center span {
  background: var(--bg-white);
  padding: 0px 15px;
}

.default-login.loginlayout3 .providerPreLinking {
  margin-top: 15px;
  margin-bottom: 20px;
}

.default-register.registerlayout3 #registration .p-4 {
  padding: 0px 0px !important;
}

.register-bg.registerlayout3 .marketing-email-optin {
  padding: 20px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.with-box.registerlayout3 h4.info-titel {
  margin-bottom: 15px;
  margin-top: 20px;
}

.registerlayout3 a.log-btn.wgs_custom-btn {
  width: auto;
}

.registerlayout3 .log-btn:hover {
  background: var(--secondary-btn-bg-color);
}

.loginlayout3 .inputBox .inputText {
  font-size: 13px;
  color: var(--text-color);
  font-weight: 500;
}

.loginlayout3 .form-group.check-top.wgslogin-captch {
  justify-content: center;
}

.loginlayout3 .btn-account {
  text-align: center;
}

.loginlayout3 #login {
  font-weight: 500 !important;
  font-size: 14px;
  padding: 12px 23px !important;
  box-shadow: none;
  width: auto;
  margin: auto;
}

.lossPasswordlayout1 .forget-password-container {
  height: 100%;
}

.with-box span.form-icon.toggle-password {
  top: 38px;
}

.forget-password-container .btn.wgs_custom-btn {
  box-shadow: none;
  margin-right: 10px;
}

.lossPasswordlayout1 .form-forgot-password div#google-recaptcha-domainchecker1 {
  margin-left: auto !important;
  margin-bottom: 0;
}

.lossPasswordlayout2 .form-forgot-password div#google-recaptcha-domainchecker1 {
  margin-left: auto !important;
  margin-bottom: 0;
}

/* .with-box.lossPasswordlayout2 .password-reset-change-page .form-icon.toggle-password {
    top: 44px;
} */
.with-box.lossPasswordlayout2 .password-reset-change-page .form-icon.toggle-password {
  top: 35px;
}

.lossPasswordlayout2 #page-wrapper {
  height: 100%;
}

#nonMatchingPasswordResult {
  color: #eb3748 !important;
}

.lossPasswordlayout2 #page-wrapper .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.without-box.loginlayout3 .inputBox.focus .inputText {
  transform: translateY(-26px);
  transform: translateY(-24px);
}

.registerlayout1 .create-acc-section,
.registerlayout1 .create-acc-section a,
.loginlayout1 .create-acc-section,
.loginlayout1 .create-acc-section a {
  color: var(--text-color);
}

.registerlayout1 #page-wrapper.register-new {
  padding-top: 50px;
}

.without-box .regst-form .form-group {
  margin-bottom: 0;
}

.without-box.registerlayout1 #containerNewUserSecurity .card.mb-4 {
  margin-bottom: 0 !important;
}

.without-box.registerlayout1 .regst-form div#google-recaptcha-domainchecker1 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.registerlayout1 .wgs_custom-btn.btn-recaptcha {
  width: auto;
}

.domain-pricing select.select-format-style {
  width: 200px;
  font-size: 14px;
  padding-top: 6px !important;
  height: 37px;
}

.loginlayout1 .login-new-inner {
  margin: 30px auto 0px;
}

.loginlayout1 .login-new .form-group.check-top {
  margin-bottom: 25px;
}

.loginlayout1 .or-separator.text-center {
  margin-bottom: 12px;
}

.with-box.registerlayout1 .card.mb-4 {
  margin-bottom: 0 !important;
}

.with-box select.form-control.custom-select {
  border: 1px solid var(--border-color);
}

.modal-content {
  border: unset !important;
}

.user-manage-table-row a.btn.btn-default.btn-sm.btn-manage-permissions {
  margin-right: 10px;
}

tr.invite-main-tr-body td form {
  text-align: right;
}

ul.list-unstyled.components i.sidebar-dropdown-icon {
  font-size: 18px;
}

.with-box .registerlayout1 div#containerNewUserSignup .form-heading {
  margin-bottom: 0;
}

.with-box.registerlayout1 .form-heading h4.info-titel {
  margin-bottom: 15px;
  margin-top: 10px;
}

.registerlayout1 #google-recaptcha-domainchecker1 {
  position: relative;
  margin-bottom: 25px;
}

.generic_feature_list {
  margin-bottom: 15px;
  min-height: 70px;
}

.with-box .user-profile-page-second-view span.form-icon.toggle-password {
  top: 37px;
}

.modal-header {
  padding: 15px;
}

.without-box.registerlayout1 .card.mb-4 {
  margin-bottom: 0.5rem !important;
}

.loginlayout1 .create-acc-section {
  margin-bottom: 20px;
}

.loginlayout2 .create-acc-section,
.loginlayout2 .create-acc-section a,
.registerlayout2 .create-acc-section,
.registerlayout2 .create-acc-section a {
  color: var(--text-color);
}

.registerlayout2 .login-new-inner .inputText {
  font-size: 12px;
}

.registerlayout2 #inputSecurityQId {
  padding-right: 30px !important;
}

.registerlayout2 #containerNewUserSecurity .form-group {
  margin-bottom: 5px;
}

.registerlayout2 .register-capta .form-group {
  margin-bottom: 20px;
}

.registerlayout2 #google-recaptcha-domainchecker1 {
  margin-bottom: 25px;
}

.registerlayout2 .login-new-inner.register-new-inner {
  max-width: calc(100% - 690px);
}

.registerlayout2 .login-default-left-side {
  max-width: 600px;
}

.without-box.registerlayout2 .regst-form .card.mb-4 {
  margin-bottom: 8px !important;
}

.lossPasswordlayout1 .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.registerlayout2 .create-acc-section {
  padding-left: 15px;
  text-align: left;
}

.without-box.registerlayout2 .card.mb-4 {
  margin-bottom: 0.5rem !important;
}

.light.register-bg .inputBox select {
  background-color: var(--bg-white);
  background-image: url(../images/selectclientx_arrow.svg) !important;
  background-size: 11px !important;
  background-repeat: no-repeat !important;
  background-position: 98% !important;
}

.registerlayout2 #passwordStrengthTextLabel {
  font-size: 11px;
}

.loginlayout2 .or-separator.text-center {
  margin-bottom: 18px;
}

.loginlayout2 #login:hover {
  background: var(--secondary-btn-bg-color);
  border: 1px solid var(--secondary-border-color);
}

/*.loginlayout2 input#login {
    padding: 12px 23px !important;
    font-size: 14px;
    width: auto;
    text-align: center;
}
.loginlayout2 .btn-account {
    text-align: center;
}*/
p:has(a[href*="whmcs.com"]) {
  display: none;
}

.login-bg .form-group.check-top .checkbox label {
  display: flex;
  align-items: center;
}

.loginlayout1 .login-new {
  display: block;
}

.with-box .contact-input-section-upper .inputBox.phonenumber .inputText {
  margin-left: 0;
}

.home-layout2-outer .hero-sec ul.slick-dots {
  display: flex !important;
  list-style-type: none;
  gap: 10px;
  justify-content: center;
  margin-top: 20px;
  padding-left: 0;
  width: fit-content;
  margin: 0 auto;
  padding: 5px;
  margin-top: 10px;
}

.home-layout2-outer .hero-sec ul.slick-dots li button {
  border: 1px solid #1f3c5f;
  background: var(--secondary-color);
  padding: 7px;
  color: var(--text-white);
  border-radius: 50%;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.home-layout2-outer .hero-sec ul.slick-dots li.slick-active button {
  background: var(--primary-bgcolor);
  border-color: var(--primary-border-color);
}

.message-box-theme-login-pages.password-reset-email-page .alert li {
  list-style: none;
}

div#tableDomainPricing_filter button.btn {
  position: absolute;
  left: 8px;
  border-right: 1px solid var(--border-color);
}

div#productConfigureCollapse {
  padding-left: 20px;
  padding-right: 20px;
}

.register-domain-container .input-group.input-group-lg.input-group-box #inputDomain::placeholder {
  color: var(--text-white);
}

.full-sign:has(.already-registered) {
  justify-content: center;
}

.default-home-active-product-service .div-service-item {
  align-items: unset;
}

section.default-home-active-product-service .card-header:before {
  display: none;
}

.defaultClientxSidebar h3.card-title {
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

/* .defaultClientxSidebar .menu-setting-content .list-group-item {
    padding: 13px 25px;
} */
.defaultClientxSidebar .menu-setting-content .list-group-item {
  padding: 8px 25px;
  margin-bottom: 4px;
}

.them-default-home-page .btn-xs:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-border-color-hover);
}

.theme-latest-dashboard-page .coman-box a i {
  color: var(--primary-color);
}

.message-panel #frmDomainHomepage .input-group-btn .btn.search:hover {
  background: var(--secondary-btn-bgcolor-hover);
  color: var(--secondary-btn-color-hover);
}

.message-panel .input-group-btn #btnTransfer:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
}

.client-home-cards .card-header .btn:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
}

.client-home-cards .card-header .btn {
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-color);
}

.default-whmcs-client-area .client-home-cards .list-group {
  border-top: transparent !important;
}

div#announcementsPanel .list-group-item:last-child {
  border-bottom: transparent;
}

.dasboard-inner-section .message-panel .input-group-btn .btn {
  width: 100% !important;
  max-width: 100%;
  border-radius: 3px !important;
}

.dasboard-inner-section .message-panel span.input-group-btn {
  display: block;
}

div#servicesPanel .prd-inner-wrap.slick-slide {
  padding: 15px;
  padding-bottom: 60px;
}

.them-default-home-page div#servicesPanel ul.slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
}

.with-box.loginlayout3 span.form-icon.toggle-password {
  /* top: 45px; */
  top: 50%;
}

.table-container.data-table-main-container #select-column .form-control {
  font-size: 13px;
  cursor: pointer;
}

.wgsSidebar1 i.float-right.sidebar-dropdown-icon {
  font-size: 12px !important;
  padding: 0;
  position: absolute;
  right: 0;
  top: 22px;
}

.ticket-reply.markdown-content.ticket-owner-reply {
  margin: 20px;
  border: 1px solid var(--border-color);
}

.wgsSidebar1 .wgsDataCst {
  position: relative;
}

.with-box .frm-credit-card-input :is(input#inputDescription, .StripeElement) {
  border: 1px solid var(--border-color) !important;
  font-weight: 500;
}

.with-box .card.main-card-accountdetail-section .inputBox.phonenumber .inputText {
  margin-left: 0;
}

/* .with-box .change-password-input-section span.form-icon.toggle-password {
    top: 44px;
} */
.card.security-question-section {
  border-top: 1px dashed var(--border-color);
}

.with-box .card.security-question-section .custom-select {
  border: 1px solid var(--border-color);
  padding: 0px 10px;
}

.with-box .card.security-question-section .col-md-6 {
  margin-bottom: 10px;
}

.with-box .card.security-question-section h3.card-title {
  margin: 0 0 15px;
}

.with-box .inputBox.phonenumber .inputText {
  margin-left: 0;
}

.checkbox-universal-box input[type="checkbox"]:checked+span {
  background: var(--primary-bgcolor);
}

.without-box .card.security-question-section .col-md-6 {
  margin-bottom: 0px;
}

li.edit-payment a:hover {
  background: var(--secondary-btn-bgcolor-hover);
  color: var(--secondary-btn-color-hover) !important;
  border-color: var(--secondary-border-color-hover);
}

ul.action-buttons-table li.setting-payment a:hover {
  border-color: var(--primary-border-color-hover) !important;
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
}

div#modalBillingAddress .modal-header {
  margin-bottom: 10px;
}

.with-box .theme-contact-list-page .contact-input-section-upper .inputBox {
  margin-bottom: 10px;
}

.using-password-strength .col-md-5.button-generate-psw {
  margin-bottom: 20px;
}

.using-password-strength .btn.btn-default.btn-block.generate-password {
  margin: 0;
}

.with-box .theme-contact-add-page .inputBox {
  margin-bottom: 15px;
}

.with-box .theme-contact-add-page h3.form-title {
  margin-bottom: 15px;
  margin-top: 15px;
}

div#newPassword2 br {
  display: none;
}

.without-box .card.security-question-section .card-body {
  padding-bottom: 0;
}

.domain-transfer-page .message-box-theme {
  margin: 0;
}

#order-standard_cart.domain-transfer-page .message-box-theme div#transferUnavailable {
  margin-top: 0px;
}

.ticket-reply-close-section i {
  color: #369;
}

.without-box #order-standard_cart .inputBox.focus .inputText {
  color: var(--primary-color);
}

.linked-account-section-exist .text-center.text-muted {
  font-size: 14px;
  color: var(--grey) !important;
}

.without-box #order-standard_cart .existing-account-login-section #existingLoginMessage {
  margin-bottom: 35px;
}

.card.main-card-bulkdomain-section .message-box-theme {
  margin: 0;
  margin-bottom: 10px;
}

.main-card-bulkdomain-section .form-inner-section.row {
  margin-bottom: 10px;
}

.main-card-bulkdomain-section .button-bottom-footer-inner .wgs_custom-btn {
  margin-right: 10px;
}

.theme-cancel-service-request.m-30 .message-box-theme {
  margin: 0;
  margin-bottom: 20px;
  text-align: left;
}

.theme-cancel-service-request.m-30 .message-box-theme .alert {
  text-align: left !important;
}

.alert {
  text-align: left !important;
}

.theme-domain-detail-page .tab-content .message-box-theme .alert {
  margin-top: 0;
  margin-bottom: 20px;
}

.label.status.status-active {
  font-size: 11px;
}

.theme-cancel-service-request .d-inline-block {
  width: 100%;
  max-width: 220px;
}

.ssl-section-domain-detail-page span {
  color: var(--primary-color);
  font-size: 14px;
}

.theme-domain-detail-page .manage-domain-actions-detail-page ul li :is(i, a) {
  color: var(--primary-color);
  font-size: 14px;
}

.theme-client-service-detail-page .tab-content.bg-white.product-details-tab-container .tab-pane p .btn-default {
  margin-right: 10px;
}

.theme-domain-detail-page .message-box-theme {
  margin: 0;
  margin-bottom: 20px;
}

.theme-domain-detail-page.m-30 h4.auto-renew-status {
  display: flex;
  align-items: center;
}

.theme-domain-detail-page.m-30 .auto-renew-status .label.label-success {
  margin-bottom: 0;
  margin-left: 5px;
}

.theme-domain-detail-page .message-box-theme {
  margin-left: 0px;
  margin-right: 0px;
}

div.dataTables_wrapper div.dataTables_length select {
  cursor: pointer;
}

div.dataTables_wrapper .button-class-disable {
  color: var(--red);
}

.with-box #order-standard_cart .cart-body .form-colam {
  margin-bottom: 15px;
}

div.dataTables_wrapper .button-class-enable {
  color: var(--green);
}

body .using-password-strength .btn-default:active:focus {
  color: var(--secondary-btn-color) !important;
}

body .using-password-strength .btn-default:active,
.open-modal.wgs_custom-btn.twofa-config-link:active {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--secondary-border-color);
}

.with-box .twofa-setup .form-control.input-lg.form-control-lg,
form#formDisable2FA #inputPasswordVerify {
  height: 48px;
  border: 1px solid var(--border-color);
}

.sidebar-mobile {
  display: none;
}

.sidebar-desktop {
  display: block;
}

@media (max-width: 991px) {
  .sidebar-mobile {
    display: block;
  }

  .sidebar-desktop {
    display: none;
  }
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: none;
}

.form-control:focus {
  box-shadow: none !important;
}

.theme-page-ticket-confirm .message-box-theme {
  margin: 0;
  margin-bottom: 10px;
}

.with-box #inputSecurityQId {
  border: 1px solid var(--border-color) !important;
  padding-left: 10px;
}

.payment-method-list-theme ul.action-buttons-table {
  padding-left: 0;
}

.wgsSidebar3 .nav-side-three ul.sidebar_items.custom_sidebar_items {
  background: transparent;
  padding-left: 25px;
}

.wgsSidebar3 #sidebar.nav-side-three ul.sidebar_items.custom_sidebar_items a {
  margin-left: 0;
}

.wgsSidebar3 #sidebar.nav-side-three.active ul.sidebar_items.custom_sidebar_items {
  padding-left: 0;
}

.wgsSidebar3 .leftSideBarClosed.active ul.sidebar_items.custom_sidebar_items li a {
  padding-left: 8px !important;
  margin-left: 5px !important;
}

.theme-page-invoice-payment.bg-white.m-30 #btnSubmitContainer {
  padding-left: 1.25rem;
}

.theme-page-invoice-payment .card-body.invoice-summary {
  background: var(--light-grey-bgcolor);
}

.theme-page-invoice-payment .formBox {
  padding: 15px;
}

.default-login.loginlayout3 .social-signin-btns {
  text-align: center;
  display: flex;
  align-items: center;
}

.input-group-addon.input-group-append.product-detail-overview span small {
  color: var(--primary-btn-color) !important;
}

.theme-client-service-detail-page .message-box-theme {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
}

div#tabChangepw .upper-section-new-psw .col-md-4 {
  margin-top: 41px;
}

.modal-localisation p.h5.pt-5.pb-3 {
  color: var(--text-color);
  padding: 0px 15px !important;
}

.sidebar-menu-item-badge .badge {
  background: var(--primary-bgcolor);
  border-radius: 40px;
  margin-left: 7px;
  width: 26px;
  height: 26px;
  line-height: 20px;
  color: var(--text-white);
}

.defaultClientxSidebar-content .menu-setting-content .sidebar-menu-item-badge {
  float: right;
  position: absolute;
  right: 20px;
}

.table-container.data-table-main-container .form-control.form-control-sm {
  border: 1px solid var(--border-color);
}

.markdown-editor-status {
  color: var(--grey);
}

#registration label {
  color: var(--grey);
}

.invoice-payment-funds-add #inputDescriptionContainer {
  display: block;
}

.ticket-contact-message .md-editor.md-fullscreen-mode .md-input {
  height: 88% !important;
}

.with-box form#frmManagePaymentMethod .fieldgroup-creditcard input {
  border: 1px solid var(--border-color) !important;
}

.without-box #inputDomain::placeholder {
  color: var(--text-white) !important;
}

.home-layout2-outer .browseProducts .container,
.home-layout2-outer .hero-sec .container {
  max-width: 1620px;
}

.browseProducts-wrapper {
  /* background: var(--home-light-bg-color); */
  background: var(--light-bg-color);
  padding: 50px;
  text-align: center;
  border-radius: 30px;
  padding-bottom: 150px;
  margin-top: -280px;
}

.home-layout2-outer #content {
  background: var(--bg-white);
}

.browse-product-inner {
  background: var(--bg-white);
  padding: 20px;
  border-radius: 15px;
  border: 1px solid transparent;
}

.browse-product-inner:hover {
  border-color: var(--primary-border-color);
}

.browse-product-inner p {
  color: var(--home-text-color);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
  margin-top: 10px;
}

.home-layout2-outer .browseProducts .row {
  justify-content: space-between;
  max-width: 1330px;
  margin: auto;
  margin-top: 40px;
}

.home-layout2-outer .find-domain.home-page-domain-checker {
  /* background-color: var(--home-primary-bg-color); */
  background-color: var(--primary-color);
  background-image: none;
  padding: 50px;
  border-radius: 30px;
}

.home-layout2-outer .search-domain-sec .home-domain-search .container {
  max-width: 930px;
  margin: auto;
}

body .home-layout2-outer .home-domain-search .home-button-style {
  padding: 15px 31px !important;
  font-size: 16px !important;
  border-radius: 50px !important;
  /* border: transparent; */
}

/* body .home-layout2-outer .home-domain-search #btnTransfer {
  border-color: transparent;
} */
.home-layout2-outer .home-domain-search .tld-logos li:nth-child(1) {
  background: #aee7ff;
}

.home-layout2-outer .home-domain-search .tld-logos li:nth-child(2) {
  background: #fbf6e4;
}

.home-layout2-outer .home-domain-search .tld-logos li:nth-child(3) {
  background: #c0e8c4;
}

.home-button-style i {
  margin-left: 3px;
}

.logo-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-name {
  padding: 5px;
}

.spacing {
  padding: 60px 0px;
}

.pricing-sec h2 {
  text-align: center;
  margin-bottom: 35px;
}

.product-inner {
  background: var(--light-bg-color);
  padding: 5px;
  border-radius: 25px;
  text-align: center;
  margin-bottom: 20px;
}

.product-details {
  background: var(--bg-white);
  border-radius: 25px;
  padding: 20px;
}

.product-details h4 {
  color: var(--heading-color);
  margin-top: 20px;
  margin-bottom: 20px;
}

.product-inner p {
  font-size: 16px;
  color: var(--home-text-color);
}

.pricing-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid var(--home-border-color);
}

.pricing-detail p {
  margin-bottom: 0;
}

a.home-button-style,
a.button-style {
  padding: 14px 14px;
  display: block !important;
  margin: 15px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 500;
}

.pricing-sec.spacing {
  padding-bottom: 20px;
}

.why-choose-upprsec h2 {
  color: var(--home-heading-color);
  font-weight: 700;
}

.why-choose-upprsec p {
  font-size: 16px;
  color: var(--home-text-color);
}

.why-choose-upprsec {
  background: var(--light-bg-color);
  border-radius: 20px;
  padding: 60px;
}

.why-choose-upprsec .heading-sec {
  text-align: center;
}

.why-chooseus.spacing {
  padding-top: 20px;
}

ul.why-choose-listing {
  list-style: none;
  padding-left: 0;
}

ul.why-choose-listing li {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

ul.why-choose-listing li img {
  margin-right: 10px;
  object-fit: contain;
}

.why-choose-right .button-style {
  display: inline-block !important;
  margin: 0;
  margin-top: 10px;
  padding: 14px 40px;
  /* background: var(--home-black-bg-color); */
  color: var(--primary-btn-color);
}

.why-choose-right .button-style:hover {
  border-color: var(--primary-border-color);
}

.home-layout2-outer i.fal.fa-long-arrow-up {
  transform: rotate(45deg);
  margin-left: 5px;
}

.why-choose-right p {
  margin-bottom: 25px;
}

.why-chooseus .row {
  align-items: center;
}

.home-layout2-outer p {
  color: var(--text-color);
  font-size: 16px;
}

.why-choose-bottom-inner h4 {
  font-size: 20px;
  margin-top: 20px;
  color: var(--heading-color);
  font-weight: 700;
}

.one-click.spacing {
  background: var(--secondary-bgcolor);
}

.one-click-inner {
  background: var(--secndary-light-bgcolor);
  border-radius: 20px;
  padding: 60px;
}

.one-click-inner h2 {
  color: var(--secondary-heading-color) !important;
}

.one-click-inner p,
.one-click-inner span {
  color: var(--secondary-text-color);
}

.one-click-inner .col-md-5 {
  text-align: center;
}

ul.one-click-listing {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

ul.one-click-listing li {
  width: 100%;
  max-width: 50%;
  margin-bottom: 10px;
  font-size: 18px;
}

ul.one-click-listing li span {
  margin-left: 7px;
}

ul.one-click-listing li i {
  color: var(--primary-color);
}

.one-click-inner p {
  line-height: 28px;
  margin: 20px 0px;
}

.with-box div#paymentGatewayInput .StripeElement {
  border: 1px solid var(--border-color);
}

.home-layout2-outer .news-sec .left-img-icon {
  display: none;
}

.home-layout2-outer .image-right-body h4 {
  color: var(--heading-color);
  font-size: 20px;
  font-weight: 700;
}

.image-right-body {
  max-width: 100%;
}

.home-layout2-outer .media-news p {
  font-weight: 400;
  font-size: 14px;
}

.news-bottoml-sec {
  margin-top: 15px;
}

.news-bottoml-sec i {
  color: var(--primary-color);
}

.news-bottoml-sec span {
  font-size: 14px;
  color: var(--text-color);
}

.home-layout2-outer .media-news:hover {
  background: var(--light-bg-color);
}

section.testimonial-sec {
  background: var(--home-primary-bg-color);
}

section.testimonial-sec.spacing {
  background: var(--primary-bgcolor);
}

section.testimonial-sec h2 {
  margin-bottom: 30px;
}

.testimonial-inner {
  background: var(--bg-white);
  padding: 30px;
  border-radius: 20px;
}

.testimonial-bottom {
  display: flex;
  align-items: center;
}

.testimonial-bottom img {
  margin-right: 10px;
}

.client-info p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.testimonial-inner>img {
  margin-bottom: 10px;
}

.consultation-team {
  background: var(--primary-color);
  padding: 50px;
  border-radius: 20px;
  margin: 50px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.consultation-team-right .home-button-style {
  margin: 0;
  padding: 14px 30px;
}

.consultation-team-left p {
  font-size: 20px;
  margin-bottom: 0;
  color: var(--text-white);
}

.home-layout2-outer .banner-left .home-button-style {
  display: inline-block;
  margin: 0;
  padding: 14px 43px;
  margin-right: 10px;
}

.home-layout2-outer .banner-left ul li img {
  margin-right: 5px;
}

.discount-sec {
  display: flex;
  align-items: center;
}

span.percentage-discount {
  font-size: 45px;
  color: #f0bb03;
  font-weight: 700;
}

.browse-product-img {
  min-height: 77px;
}

footer.footer-custom {
  background: var(--light-bg-color);
}

.footer-custom-inner {
  background: var(--secondary-bgcolor);
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  padding-bottom: 10px;
  padding-top: 70px;
}

.custom-row {
  display: flex;
  flex-wrap: wrap;
}

.custom-col-lg {
  width: 100%;
  max-width: 40%;
}

.home-layout2-outer .custom-col-lg p {
  color: var(--secondary-text-color);
  opacity: 0.8;
  margin-top: 30px;
  line-height: 28px;
}

.custom-col-md {
  width: 100%;
  max-width: 20%;
  margin-left: auto;
  padding: 0px 50px;
}

.custom-col-md ul {
  list-style: none;
  padding-left: 0;
}

.custom-col-md ul li a {
  color: var(--secondary-text-color);
  display: block;
  opacity: 0.8;
  margin-top: 20px;
  transition: all 0.5s;
}

.custom-col-md h4 {
  color: var(--secondary-heading-color);
  margin-bottom: 30px;
}

/* .custom-col-md ul li a:hover {
    color: var(--home-primary-color);
} */
.bottom-footer-sec {
  margin-top: 31px;
  text-align: center;
  color: var(--secondary-text-color);
  padding-top: 22px;
  border-top: 1px dashed var(--border-color);
}

/* .consultation-team-right a:hover,
.home-layout2-outer .banner-left .home-button-style:hover {
  background: var(--bg-white);
  color: var(--text-black);
} */
.bottom-footer-sec p {
  color: var(--secondary-text-color);
  /* color: var(--grey); */
  font-size: 14px;
  opacity: 0.8;
}

.cl-home-layout2 .clientx.header.wgsheaderfromaddon .container-fluid {
  max-width: 1620px;
}

.cl-home-layout2 .navbar-custom #wgs-top-bar-menu {
  justify-content: flex-start;
}

.ho-without-login.dropdown.user.user-menu i {
  border: transparent;
}

.dropdown-new {
  position: absolute;
  background: var(--header-submenu-bgcolor);
  padding: 30px;
  border-radius: 20px;
  right: 0;
  min-width: 720px;
  display: none;
  top: 42px;
  box-shadow: 0px 0px 10px #0000001c;
}

.dropdown-new h3,
.dropdown-new h4 {
  color: var(--header-submenu-heading-color);
  font-size: 18px;
  font-weight: 500;
}

li.contact-new {
  position: relative;
  padding-right: 20px;
}

.dropdown-new li,
.dropdown-new p {
  color: var(--header-submenu-descption-color);
}

.dropdown-new p {
  margin-bottom: 0;
}

.contact-dropmenu-wrap {
  display: flex;
  justify-content: space-between;
}

.contact-menu-inner {
  width: 100%;
  max-width: 48%;
}

.dropdown-new ul {
  margin: 0;
  list-style: none;
  background: var(--light-bg-color);
  padding: 20px;
  border-radius: 10px;
  min-height: 230px;
}

.contact-description li {
  display: flex;
  font-size: 16px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--header-submenu-border-color);
  padding-bottom: 15px;
}

ul.contact-description span {
  display: block;
}

.contact-description i {
  font-size: 25px;
  color: var(--home-primary-color);
  margin-right: 10px;
}

.contact-description li:last-child {
  border-bottom: transparent;
}

.dropdown-new h3 {
  border-bottom: 1px solid var(--header-submenu-border-color);
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-weight: 200;
  opacity: 0.9;
}

a.contact-us-menu {
  color: var(--header-text-color);
  cursor: pointer;
  padding: 15px 10px 30px !important;
  font-size: 15px;
}

li.contact-new:hover .dropdown-new {
  display: block;
}

.dropdown-new:after {
  right: 30px;
  color: var(--header-submenu-bgcolor);
  left: unset;
}

.cl-home-layout2 #Secondary_Navbar-Account .dropdown-menu.dropdown-menu-right {
  background: var(--header-submenu-bgcolor);
}

.cl-home-layout2 #Secondary_Navbar-Account .dropdown-menu li a {
  /*    border-bottom: 1px solid var(--border-color);*/
  color: var(--header-submenu-heading-color);
}

li.user-header.bg-light-blue {
  background: var(--header-submenu-bgcolor);
  border-bottom: 1px solid var(--border-color);
}

.user-icone {
  display: none;
}

.client-name {
  text-align: left;
  color: var(--header-submenu-heading-color);
}

.dropdown.user.user-menu ul.dropdown-menu.dropdown-menu-right li:not(:last-child) a {
  border-bottom: 1px solid var(--border-color);
}

li.dropdown.user.user-menu.show ul.dropdown-menu .dropdown-divider {
  display: none;
}

.cl-home-layout2 .user-menu ul.dropdown-menu.show:before {
  border-bottom: 10px solid var(--header-submenu-bgcolor);
}

.cl-home-layout2 .dropdown.user.user-menu a.dropdown-toggle i {
  border: transparent;
}

.cl-home-layout2 .product-details img {
  display: block;
  margin: auto;
}

.cl-home-layout2 .pricing-sec .home-page-slider {
  margin-top: 20px;
}

.cl-home-layout2 .home-page-slider .slick-current.slick-active .product-inner {
  background: var(--home-primary-bg-color);
}

ul.why-choose-listing span {
  width: 68px;
}

.home-layout2-outer .product-details p {
  margin-top: 10px;
}

.cl-home-layout2 .btn-primary {
  background: var(--home-primary-btn-bgcolor) !important;
  color: var(--home-primary-btn-color) !important;
}

.cl-home-layout2 .btn-primary:hover {
  background: var(--home-primary-btn-bgcolor-hover) !important;
  color: var(--home-primary-btn-color) !important;
}

.cl-home-layout2 .btn-secondary {
  background: var(--home-secondary-btn-bgcolor) !important;
  color: var(--home-secondary-btn-color) !important;
}

.cl-home-layout2 .btn-secondary:hover {
  background: var(--home-secondary-btn-bgcolor-hover) !important;
  color: var(--home-secondary-btn-color-hover) !important;
}

.news-view-btn {
  text-align: right;
}

.news-view-btn a {
  color: var(--home-primary-color);
  font-weight: 700;
  font-size: 18px;
  text-decoration: underline;
}

.contact-description li a {
  color: var(--header-submenu-descption-color);
}

.cl-home-layout2 .dropdown.user.user-menu a.dropdown-toggle i {
  width: auto;
  height: auto;
}

.cl-home-layout2 .ul-right-top .dropdown-toggle {
  margin: 0 0 0 25px;
}

/* cl-home-layout2 pricing start */
.cl-home-layout2 .price_grid {
  background-color: var(--bg-white);
  border: 1px solid var(--border-color);
  overflow: hidden;
  box-shadow: 0px 4px 18px rgb(0 0 0 / 8%);
  border-radius: 2px;
  height: 100%;
  padding: 20px;
}

.cl-home-layout2 .price_grid p.price-home {
  font-size: 25px;
  color: var(--text-color);
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 0;
}

.cl-home-layout2 ul.price_grid_list {
  padding-left: 10px;
  margin-top: 10px;
  list-style: none;
  min-height: 270px;
  text-align: left;
  display: inline-block;
}

.cl-home-layout2 ul.price_grid_list li {
  padding: 0 0 15px 8px;
  font-size: 16px;
  list-style: none;
  position: relative;
  line-height: 23px;
  color: var(--text-color);
  text-align: left;
}

.cl-home-layout2 .price_box_description {
  text-align: left;
}

.cl-home-layout2 ul.price_grid_list li::after {
  top: 0;
  left: -11px;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  color: #436a07;
  font-size: 12px;
  margin-right: 10px;
  position: absolute;
}

/*.cl-home-layout2 .modal-localisation .item-selector .item.active,
.modal-localisation .item-selector .item:hover {
    background-color: var(--home-black-bg-color);
    border-color: var(--home-secondary-light-bgcolor);
    color: var(--secondary-text-color);
}*/
/*.cl-home-layout2 .modal-localisation p.h5.pt-5.pb-3 {
    color: var(--secondary-text-color);
}*/
/*.cl-home-layout2 .modal-localisation .item-selector .item {
    border: 1px solid var(--home-secondary-bordercolor);
    color: var(--secondary-text-color);
}*/
.testimonial-sec :is(.slick-prev.slick-arrow, button.slick-next.slick-arrow) {
  background: var(--bg-white);
  border-radius: 50px;
  width: 43px;
  height: 43px;
}

.testimonial-sec :is(.slick-prev.slick-arrow, button.slick-next.slick-arrow):hover {
  background: var(--light-bg-color);
}

.testimonial-sec .slick-prev.slick-arrow:after {
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  color: var(--primary-color);
  content: "\f177";
}

.testimonial-sec .slick-prev.slick-arrow:hover:after,
.testimonial-sec .slick-next.slick-arrow:hover:after {
  color: var(--text-color);
}

.testimonial-sec .slick-next.slick-arrow:after {
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  color: var(--primary-color);
  content: "\f178";
}

.slick-prev.slick-arrow {
  right: 67px;
}

button.slick-next.slick-arrow {
  right: 14px;
}

li.dropdown.messages-menu.lang.home-lang-eng {
  border: 1px solid var(--home-border-color);
  padding: 4px 5px;
  border-radius: 50px;
}

li.dropdown.messages-menu.lang.home-lang-eng svg {
  background: var(--bg-white);
  border-radius: 40px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #101328;
  padding: 9px;
  margin-right: 5px;
}

li.dropdown.messages-menu.lang.home-lang-eng span.lang-eng-text {
  font-size: 14px;
  margin: 0px 5px;
}

li.dropdown.messages-menu.lang.home-lang-eng .dropdown-toggle span {
  display: flex;
  align-items: center;
}

li.dropdown.messages-menu.lang.home-lang-eng i.far.fa-chevron-down {
  padding-left: 20px;
}

.cl-home-layout2 ul.nav.myaccount-sidenav #Secondary_Navbar-Account .dropdown-menu li a {
  /*    border-bottom: 1px solid var(--border-color);*/
  color: var(--text-color);
}

.cl-home-layout2 ul.nav.myaccount-sidenav #Secondary_Navbar-Account .dropdown-menu.dropdown-menu-right {
  background: var(--bg-white);
}

.cl-home-layout2 ul.nav.myaccount-sidenav .dropdown-item:focus,
.cl-home-layout2 ul.nav.myaccount-sidenav .dropdown-item:hover {
  background: var(--light-bg-color);
}

/* cl-home-layout2 pricing end */
.cx-login.cl-home-layout2 .clientx.header.wgsheaderfromaddon .container-fluid {
  max-width: 100%;
}

.cx-login .home-layout2-outer .browseProducts .container,
.home-layout2-outer .hero-sec .container {
  max-width: 1480px;
}

body .home-layout2-outer .home-domain-search .home-button-style:hover {
  background: var(--primary-btn-bgcolor-hover) !important;
  color: var(--primary-btn-color-hover) !important;
  border-color: var(--primary-border-color-hover) !important;
}

body .home-layout2-outer .home-domain-search #btnTransfer:hover {
  background: var(--secondary-btn-bgcolor-hover) !important;
  color: var(--secondary-btn-color-hover) !important;
  border-color: var(--secondary-border-color-hover) !important;
}

.client-home-cards select {
  background-color: transparent;
  border-color: var(--border-color);
}

.client-home-cards div[menuitemname="ThreesixtymonitoringLogin"] {
  border-top: transparent;
}

.bottom-footer-sec a.nav-link {
  /* color: var(--secondary-text-color); */
  color: var(--primary-color);
}

.without-box section.home-page-default-panels-execute select {
  padding-top: 0.375rem !important;
}

section.home-page-default-panels-execute select {
  background: transparent;
  border: 1px solid var(--border-color);
}

.home-layout2-outer a.account-box:hover {
  background: var(--primary-bgcolor) !important;
  color: var(--text-white);
}

.payment-gateway-section button {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.payment-gateway-section button:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover);
  color: var(--primary-btn-color-hover);
}

#quoteAcceptAgreeTos {
  cursor: pointer;
}

#quoteAcceptAgreeTos a {
  color: var(--primary-color);
}

.dataTables_wrapper div.dataTables_paginate ul.pagination a.page-link:hover {
  background: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
  border-color: var(--primary-btn-color-hover);
}

.menu-setting-content .collapsable-card-body .card-body .text-center {
  text-align: left !important;
}

/*.defaultClientxSidebar .menu-setting-content .card-footer :is(i, a) {
    color: var(--primary-color);
}*/
.message-box-theme .alert p {
  margin-bottom: 0;
}

.client-home-cards div[menuitemname="ThreesixtymonitoringLogin"] form,
.client-home-cards div[menuitemname="ThreesixtymonitoringLogin"] small {
  text-align: left;
}

.client-home-cards div[menuitemname="ThreesixtymonitoringLogin"] .btn {
  width: auto;
}

input#domainRenewalFilter {
  width: 100% !important;
  background-color: var(--bg-white) !important;
}

.promo-banner .btn,
.tab-content.bg-white.product-details-tab-container .tab-pane p .btn-default,
button.btn.btn-default.btn-service-sso {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.promo-banner .btn:hover,
.tab-content.bg-white.product-details-tab-container .tab-pane p .btn-default:hover,
button.btn.btn-default.btn-service-sso:hover,
.tab-content.bg-white.product-details-tab-container .tab-pane p .btn-default:last-child:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover);
  color: var(--primary-btn-color-hover);
}

.tab-content.bg-white.product-details-tab-container .tab-pane p .btn-default:last-child {
  background: var(--secondary-btn-bg-color);
  border-color: var(--secondary-border-color);
  color: var(--secondary-btn-color);
}

.tab-content.bg-white.product-details-tab-container .tab-pane p .btn-default:last-child:hover {
  background: var(--secondary-btn-bgcolor-hover);
  border-color: var(--secondary-border-color);
  color: var(--secondary-btn-color-hover);
}

.with-box .invite-box span.form-icon.toggle-password {
  top: 40px;
  right: 25px;
}

.invite-box h3.form-title {
  margin-bottom: 35px;
}

.invite-box .recaptcha-container {
  margin-left: 0 !important;
  padding-left: 16px;
}

.alert.alert-danger.text-center.gateway-errors {
  padding-left: 30px;
}

.without-box .password-reset-change-page .inputBox.login-field {
  margin-bottom: 30px;
}

.without-box .client-home-cards select.form-control {
  padding-top: 7px !important;
}

.them-default-home-page .domain-section-home-page-search button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.them-default-home-page .domain-section-home-page-search #domainname {
  box-shadow: none;
  border-radius: 5px 0px 0px 5px;
  font-size: 14px;
  border: 1px solid var(--border-color);
}

.default-whmcs-client-area .client-home-cards .list-group {
  max-height: 288px;
  min-height: 210px;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:hover,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:hover {
  background-color: var(--primary-btn-bgcolor-hover);
  color: var(--primary-btn-color-hover);
}

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

.with-box .theme-contact-page .form-group.textarea {
  margin-top: 20px;
}

a.back-button-head-bar:hover {
  border: 1px solid var(--primary-border-color-hover);
}

a.back-button-head-bar:hover {
  background: var(--primary-btn-bgcolor-hover);
  border: 1px solid var(--primary-border-color-hover);
  color: var(--primary-btn-color-hover);
}

.theme-payment-method-page-edit form#frmManagePaymentMethod .fieldgroup-auxfields.billing-address-card-sec {
  padding-top: 10px;
}

.theme-latest-dashboard-page #frmDomainHomepage {
  padding-bottom: 20px;
}

.theme-latest-dashboard-page .dasboard-inner-section .message-panel .input-group-btn .btn:first-child {
  margin-right: 5px;
}

.theme-latest-dashboard-page .dasboard-inner-section .message-panel span.input-group-btn {
  display: flex;
}

.theme-cancel-service-request .form-stacked .form-check.text-center {
  text-align: left !important;
}

.wgsSidebar1 ul.list-unstyled.components.wgssidefontcoloraddon {
  max-height: calc(100% - 90px);
  overflow-y: auto;
}

.theme-page-invoice-payment #invoiceIdSummary {
  margin-top: 33px;
}

.login-bg.loginlayout3 #page-wrapper {
  padding-top: 25px;
}

.home-page-default-panels-execute.panel-grid #overdueInvoicesPanel {
  min-height: auto;
}

.default-whmcs-client-area .products-grid-outer.client-home-cards .list-group {
  min-height: unset;
  max-height: unset;
}

.theme-affiliates-signup-page .aff-signup-data {
  padding-left: 17px;
}

.theme-affiliates-signup-page .affiliates-signup-form {
  padding-left: 0;
}

.service-dept-section li.arrow-back-dept img {
  border: 1px solid var(--border-color);
  border-radius: 50px;
}

.without-box #inputDescription {
  border: transparent;
  border-bottom: 1px solid var(--border-color);
}

div#paypal_ppcpv_input_container,
.paypal_ppcpv-payment-form .payment-instructions {
  padding-left: 20px;
}

#frmPayment.paypal_ppcpv-payment-form #paymentGatewayInput {
  text-align: left !important;
  padding-top: 30px;
}

.lossPasswordlayout2 .captcha.forgot-password {
  margin-top: 30px;
}

.with-box.registerlayout1 p#passwordStrengthTextLabel {
  margin-bottom: 0;
}

.registerlayout3 #containerPassword {
  margin-bottom: 10px;
}

.with-box form#frmManagePaymentMethod .fieldgroup-auxfields.description-card-sec .form-group.row,
.with-box form#frmManagePaymentMethod .fieldgroup-creditcard .form-group.row {
  align-items: center;
}

.without-box #billingContactForm #inputCountry {
  padding-left: 8px;
}

.without-box form.using-password-strength .inputBox.login-field {
  margin-bottom: 25px;
}

.without-box form.using-password-strength .row.change-password-input-section.mt-2 {
  margin-bottom: 15px;
}

a.btn.btn-success.open-modal.wgs_custom-btn.twofa-config-link.enable:focus {
  background: var(--primary-btn-bgcolor-hover) !important;
  color: var(--primary-btn-color-hover) !important;
  border-color: var(--secondary-border-color) !important;
}

.user-security-page-main-sec .two-factor-available-section .card-body {
  padding-left: 35px;
}

.theme-contact-list-page .inputBox .inputText {
  line-height: 22px;
}

.theme-contact-list-page #country {
  padding-left: 8px;
}

.payment-method-button form button[type="submit"]:hover,
.payment-method-button form input[type="submit"]:hover,
.payment-method-button form button[type="submit"]:focus,
.payment-method-button form input[type="submit"]:focus {
  background-color: var(--primary-btn-bgcolor-hover) !important;
  border-color: var(--primary-border-color-hover) !important;
  color: var(--primary-btn-color-hover) !important;
}

.promo-banner .btn {
  background: var(--primary-btn-bg-color) !important;
  color: var(--primary-btn-color) !important;
  border: 1px solid var(--primary-border-color) !important;
}

.promo-banner .btn:hover {
  background: var(--primary-btn-bgcolor-hover) !important;
  border-color: var(--primary-border-color-hover) !important;
  color: var(--primary-btn-color-hover) !important;
}

.promo-banner a {
  color: var(--primary-color) !important;
}

.without-box .theme-bulk-domains-page li.list-group-item {
  border: transparent !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: 0px;
}

.with-box .card.main-card-bulkdomain-section .col-md-4 {
  margin-bottom: 20px;
}

.without-box .product-addon-page .products .product select {
  padding: 9px 11px !important;
  border-radius: 0 !important;
}

.without-box .product-desc.product-desc-full-width .form-group.select-button-section {
  align-items: unset;
}

.product-detail-change-password .upper-section-new-psw {
  margin-bottom: 26px;
}

.theme-payment-method-page li.setting-payment a {
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
}

div#paymentGatewayInput div.three-column-grid,
div#paymentGatewayInput div.two-column-grid {
  grid-template-columns: repeat(3, auto) minmax(10em, 48em) auto;
}

div#paymentGatewayInput .paymethod-info {
  max-width: 100% !important;
}

form#frmManagePaymentMethod #inputCardExpiry {
  max-width: fit-content;
}

.social-bee .features p {
  margin-top: 25px;
}

.providerLinkingFeedback.alert {
  margin-bottom: 40px !important;
}

.with-box .card.security-question-section .custom-select {
  height: 46px;
}

.row.promo-apply-box {
  margin-top: 30px;
}

#order-standard_cart .domain-checker-bg-main-container .form-control::placeholder {
  color: var(--text-white);
}

body .menu-myaccount-clientx.left-open-myaccount-sec ul.dropdown-menu.dropdown-menu-right {
  background: var(--bg-white) !important;
}

select#paymentmethod option {
  background: var(--bg-white);
}

/* div#stripeCvc {
    width: 200px;
} */
.payment-gateway-section.quote-button-accept .btn-success:not(:disabled):not(.disabled):active {
  background: var(--primary-bgcolor);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.dataTables_wrapper .dataTables_filter label .form-control {
  background-size: 19px;
}

.panel-msg-boxx .alert {
  margin-bottom: 0 !important;
}

.flash-status-msg {
  margin: 0 auto;
  max-width: 97%;
  padding-top: 1px;
}

.cust-dropdown li label {
  margin-bottom: 0 !important;
}

.domain-promo-box a.btn.btn-warning:not(:disabled):not(.disabled):active:focus {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  outline: unset;
  box-shadow: unset !important;
}

label.checkbox-universal-box a {
  color: var(--primary-color);
}

.with-box .lossPasswordlayout2 .login-form {
  margin-top: 20px;
}

.theme-two-factor-page div#frmTwoFactorChallengeFooter {
  text-align: center;
  border: transparent;
  background: transparent;
}

body.without-box .theme-two-factor-page .upper-section-two-factor input.form-control.input-lg.form-control-lg {
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: unset !important;
  background-color: transparent !important;
}

.theme-two-factor-page .upper-section-two-factor {
  padding-top: 0;
}

.theme-two-factor-page .card-body {
  padding-bottom: 20px !important;
}

.theme-main-inner-page-section .theme-two-factor-page .form-inner-section.row p {
  font-size: 14px;
  text-align: left !important;
}

.theme-main-inner-page-section .footer-button-form-two {
  margin-top: 30px;
  text-align: center;
}

.theme-two-factor-page .alert {
  margin-bottom: 30px;
  width: 100%;
}

.theme-two-factor-page .card-body .form-inner-section.row {
  margin-left: unset;
  margin-right: unset;
}

/* .row.change-password-input-section span.form-icon.toggle-password {
    top: 37px;
} */
/* .using-password-strength .toggle-password {
    top: 10px !important;
} */
form#formDisable2FA .col-sm-6 {
  padding-left: 0;
}

#modalAjax .modal-body .form-group label[for="inputPasswordVerify"] {
  margin-bottom: 5px;
  padding-left: 0;
}

.dataTables_wrapper .dataTables_filter label .form-control {
  background: url(../../../assets/img/search.png) var(--bg-white) no-repeat 11px 8px !important;
  font-size: 16px;
  background-size: 19px !important;
}

div#modalGeneratePassword .generate-password-clntx {
  margin-right: 5px;
}

.custom-col-md ul li a:hover {
  color: var(--primary-color);
}

.with-box span.form-icon.toggle-password.password2faeyee {
  top: 50%;
  transform: translateY(-50%);
}

input#inputPasswordVerify {
  padding-right: 47px;
}

.without-box form#formDisable2FA #inputPasswordVerify {
  border-top: unset;
  border-left: 0;
  border-right: 0;
}

div#stripeElements .form-group.row.cc-billing-address:nth-child(3) .col-sm-2 {
  flex: 0 0 53.666667%;
  max-width: 25.666667%;
}

div#stripeElements .form-group.row.cc-billing-address:nth-child(3) .col-sm-4:last-child {
  display: block;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.domain-upper-bulk-button .left-side-buttons-domains :is(button, a) {
  margin-bottom: 5px;
}

.theme-client-service-detail-page div.product-details-tab-container img {
  max-width: 100% !important;
}

.card.two-factor-available-section a.twofa-config-link {
  padding: 10px 22px;
  font-size: 14px;
  border-radius: 6px;
}

table#tableInvoicesList .label.status,
table#tableTicketsList .label.status,
table#tableDomainsList .label.status,
table#tableQuotesList .label.status,
table#tableServicesList .label.status {
  font-size: 12px;
  min-width: 140px;
  display: inline-block;
  padding: 8px;
  font-weight: 600;
}

.twofa-setup .backup-code {
  text-align: left;
}

#paypal-overlay-uid_1bb86669e3_mdc6mdi6mzc.paypal-overlay-context-popup {
  border-color: var(--border-color);
}

@media (min-width: 1200px) {
  .product-hook-panel .promo-banner ul li.right {
    float: left;
  }
}

div#stripeElements .form-group.row.cc-billing-address {
  align-items: center;
}

div#newBillingAddress .formBox {
  padding-top: 0 !important;
}

#frmPayment .paymethod-info label {
  font-weight: 500;
}

.footer-link-knowldegebase a.btn.wgs_edit_btn:hover {
  border-color: var(--secondary-border-color-hover);
}

.vote-no:hover {
  background: var(--secondary-btn-bgcolor-hover) !important;
  border: 1px solid var(--secondary-border-color-hover) !important;
  color: var(--secondary-btn-color-hover) !important;
}

.last-button-right-view-ticket button.wgs_custom-btn {
  margin-right: 6px;
}

.cc-number-field.visa {
  background-image: url(../../../assets/img/payment/visa.png) !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}

.message-box-theme .alert {
  margin-top: 30px;
}

.cl-home-layout1 .can-help-home-page .action-icon-btns a,
.cl-home-layout1 .your-account-home-page .action-icon-btns a {
  box-shadow: 0px 0px 10px #00000014;
}

#order-standard_cart .recaptcha-container {
  margin-left: 0 !important;
}

/* .home-page-default-panels-execute  .col-sm-6.text-center {
    text-align: left !important;
}
.default-whmcs-client-area .card-body .panel-mc-sso .col-sm-6.text-center {
    text-align: left !important;
} */
form.account-permission-form label.form-check.form-check-inline span.text-muted {
  color: var(--text-color) !important;
}

.row.security-quest-main-section .col-sm-6.inputBox label[for="inputSecurityQAns"] {
  top: -9px;
}

#frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields ul {
  margin-left: 20px;
}

.payment-gateway-section.quote-button-accept button:focus {
  color: var(--primary-btn-color);
  background-color: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  box-shadow: unset;
}

.without-box .menu-setting-content input#inputAddCcEmail {
  border-top: unset;
  border-left: 0;
  border-right: 0;
}

.without-box section.home-page-default-panels-execute select {
  border-top: unset;
  border-left: unset;
  border-right: unset;
}

.without-box .coman-box.registerDomainSec input.form-control {
  border-top: unset;
  border-left: 0;
  border-right: unset;
}

.without-box form#frmDomainHomepage input.form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.without-box .client-home-cards select.form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.wgsSidebar3 div#content.leftSideBarClosed.rightSideBarOpened {
  width: calc(100% - 380px);
  right: 380px;
}

#wgs-top-bar-menu li a.active {
  color: var(--header-text-color) !important;
  /* background: #369; */
}

.tld-filters.filter-nav-domain a.badge.badge-secondary.badge-success {
  background: var(--secondary-bgcolor);
}

.contact-description li a:hover {
  color: var(--primary-color);
}

.formBox .form-inner-section.row label span.user-permission-new-title {
  color: var(--text-color);
  font-weight: 600;
}

form.account-permission-form label.form-check.form-check-inline span.user-permission-new-title {
  font-weight: 600;
}

.domain-pricing div#tableDomainPricing_filter button.btn {
  opacity: 0;
}

table#tableDomainPricing td.dataTables_empty {
  text-align: center;
}

#wgs-top-bar-menu li a.active:hover {
  color: var(--header-text-color) !important;
}

.faq-wrapper .card-header button img {
  transition: all 0.3s ease;
  /* transform: rotate(270deg); */
}

/* .faq-wrapper .card-header button:not(.collapsed) img {
  transform: rotate(180deg);
} */
.theme-mass-pay-page tr.masspay-invoice-detail td:last-child {
  text-align: right;
}

.theme-mass-pay-page .table thead th:last-child {
  text-align: right;
}

div#tabChangepw form.using-password-strength {
  padding-top: 0 !important;
}

[disabled] {
  cursor: not-allowed;
}

body .menu-myaccount-clientx.left-open-myaccount-sec ul.dropdown-menu.dropdown-menu-right {
  background-color: transparent !important;
  box-shadow: unset !important;
}

.theme-page-invoice-payment .invoice-payment-funds-add div.three-column-grid {
  width: 100%;
}

.defaultClientxSidebar-content .menu-setting-content .collapsable-card-body {
  margin-bottom: 10px;
}

.custom-select-domain .dropdown-toggle:active {
  background: var(--secondary-btn-bg-color) !important;
  color: var(--secondary-btn-color) !important;
  border-color: var(--secondary-border-color) !important;
}

#cPanelPackagePanel .btn-success.btn-sm {
  background: var(--secondary-btn-bg-color) !important;
  color: var(--secondary-btn-color);
  border-color: var(--secondary-border-color);
}

div#affiliatesPanel[menuitemname="Affiliate Program"] {
  margin-bottom: 0;
}

.theme-mass-pay-page tr.masspay-total td:first-child {
  text-align: left;
}

.theme-mass-pay-page tr.masspay-total td:last-child {
  text-align: right;
}

.upgrade .products .fa-check {
  color: var(--primary-color);
}

.upgrade .products .product ul {
  min-height: 470px;
}

.upgrade .products .product .header {
  min-height: 230px;
}

.home-layout2-outer .banner-left .home-button-style:hover {
  color: var(--primary-btn-color-hover) !important;
  background: var(--primary-btn-bgcolor-hover) !important;
  border-color: var(--primary-border-color) !important;
}

.consultation-team-right a:hover {
  border-color: var(--secondary-border-color);
}

.default-whmcs-client-area #registerDomainPanel .input-group-append .btn-success.btn-success:hover {
  background-color: var(--secondary-btn-bgcolor-hover);
  border-color: var(--secondary-btn-color-hover);
  color: var(--secondary-btn-color-hover);
}

.default-whmcs-client-area #registerDomainPanel .input-group-append input.btn.btn-default.btn-recaptcha:hover {
  background-color: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-btn-color-hover);
  color: var(--primary-btn-color-hover);
}

.default-whmcs-client-area #registerDomainPanel .input-group-append input.btn.btn-default.btn-recaptcha {
  border: 1px solid var(--primary-border-color);
}

#sidebar ul li a:hover {
  background: var(--sidebar-bg-hover);
  color: var(--sidebar-hover-color);
}

.client-home-cards .card-header .btn i {
  color: var(--primary-btn-color);
}

.service-dept-section span.input-group-addon img.ticketmsp-image {
  width: 37px;
  height: 27px;
}

.box-server-status img {
  width: 65px;
}

#sidebar ul li a:hover span {
  color: var(--sidebar-hover-color);
}

#sidebar ul.sidebar_items.custom_sidebar_items a:hover>span {
  color: var(--sidebar-submenu-hover-color);
}

li.edit-payment a:hover i {
  color: var(--secondary-btn-color-hover) !important;
}

#sidebar ul.sidebar_items.custom_sidebar_items a span {
  color: var(--sidebar-submenu-color);
}

.anchor-btn-checkout {
  border: 1px solid var(--primary-border-color);
}

.anchor-btn-checkout:hover {
  border-color: var(--primary-border-color-hover);
}

.inputBox .input::placeholder {
  color: var(--text-color) !important;
}

.featured-tld .price.blog {
  color: var(--text-white) !important;
}

body .client-home-cards small {
  color: var(--text-color) !important;
}

.domain-pricing select.form-control.currency-selector.select-format-style option {
  background: var(--bg-white);
}

.featured-tld .price.social {
  color: var(--text-white);
}

.product-detail-addon .bottom-button-pdetail {
  margin-top: 20px !important;
}

.with-box .modal-body input.form-control {
  border: 1px solid var(--border-color);
}

.without-box .modal-body input.form-control {
  border-bottom: 1px solid var(--border-color);
}

.modal-body .form-group label.control-label {
  text-align: left !important;
}

.theme-client-service-detail-page .row.product-actions-wrapper a.btn.btn-block.btn-success {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.theme-page-upgrade-summary .form-below-summary-upgrade form .input-group-append button.btn-success {
  background: var(--primary-btn-bg-color);
  border-color: var(--primary-border-color);
  color: var(--primary-btn-color);
}

.theme-page-upgrade-summary .form-below-summary-upgrade form .input-group-append button.btn-success:hover {
  background: var(--primary-btn-bgcolor-hover);
  border-color: var(--primary-border-color-hover);
  color: var(--primary-btn-color-hover);
}

div#overdueInvoicesPanel {
  min-height: 244px;
}

/* div#affiliatesPanel {
    max-height: 325px;
    height: 100%;
} */
/* div#overdueInvoicesPanel {
    max-height: 349px;
    height: 100%;
} */
.defaultClientxSidebar-content .card-sidebar.mc-panel-promo .collapsable-card-body .card-footer.clearfix a {
  color: var(--primary-color);
}
.invite-box .recaptcha-container#google-recaptcha-domainchecker1 {
  padding-left: 0;
}
.change-template {
  width: 60px;
  height: 60px;
  background-color: var(--bg-white);
  /* color: red; */
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 10000;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  box-shadow: 0 0 2px #0000004d;
}
.change-template:hover {
  cursor: pointer;
  opacity: 0.5;
}
.change-template i {
  padding: 20px;
  font-size: 20px;
  color: var(--text-color) !important;
}
.html-section-home-page p a {
  color: var(--primary-color);
}
.wgsSidebar3 #sidebar {
  top: 84px;
}
/* recaptcha 5 digit code */
.domain-section-home-page-search button:hover{
  border-color: var(--primary-border-color-hover);
}
#default-captcha-domainchecker #inputCaptcha {
  color: var(--text-white);
  border-color: var(--border-color);
}
div#captchaContainer .default-captcha {
  margin: 10px auto;
  color: var(--text-white);
  box-shadow: unset !important;
}
.default-captcha.default-captcha-register-margin input {
  vertical-align: bottom !important;
}
.product-checkout-page #default-captcha-domainchecker{
  text-align: left !important;
}
body.default-register   input#inputCaptcha , .default-login #inputCaptcha, .loginlayout2 #inputCaptcha, #registerDomainPanel input#inputCaptcha, .registerlayout2 input#inputCaptcha, .registerlayout2  input#inputCaptcha, .registerlayout1  input#inputCaptcha, .loginlayout1 input#inputCaptcha, .lossPasswordlayout1 input#inputCaptcha, .lossPasswordlayout2 input#inputCaptcha, .product-checkout-page input#inputCaptcha, .theme-open-ticket-page input#inputCaptcha
{
  color: var(--text-color) !important; 
}
.default-whmcs-client-area div#default-captcha-domainchecker {
  text-align: left !important;
}
.default-whmcs-client-area div#default-captcha-domainchecker input#inputCaptcha {
  margin-top: 0;
}
.registerlayout1 .btn-account.reg .wgs_custom-btn {
  width: auto;
}
.theme-contact-page input#inputCaptcha{
  color: var(--text-color) !important;
}
.theme-contact-page div#default-captcha-domainchecker p,
.no-announcement p {
  color: var(--text-color);
  font-size: 14px;
}
.domain-transfer-page div#captchaContainer .default-captcha {
  margin: 10px 0;
  color: var(--text-color);
}
.domain-transfer-page div#captchaContainer .default-captcha div img {
  margin-top: 0;
}
.ticket-captcha-form #default-captcha-domainchecker{
  padding-left: 16px;
}