.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;}
.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;
}
body.modal-open {
    padding: 0!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;
}
.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: #3ba2b9;
}
@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');
}
.wgsDataCst ul{
    max-height: 138px;
    /* overflow: hidden; */
    overflow: scroll;
    overflow-x: hidden;
}
.wgsDataCst ul::-webkit-scrollbar {
    display: none;
  }
  
.theme-main-inner-page-section .card {
    background: transparent;
	border: transparent;
}
.dataTables_wrapper table {
	border-spacing: 0 8px;
}
.dataTables_wrapper table.table-list{
	border:transparent;
}
ul.action-buttons-table {
    list-style: none;
    padding-left: 20px;
	display: flex;
    margin-bottom: 0px;
}
ul.action-buttons-table a {
    padding: 4px 10px;
    color: #727272;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ddd;
    width: 32px;
    margin-bottom: 0px;
    margin-right: 5px;
}
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;
    padding: 10px;
 }
 .dataTables_length .custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff 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 .75rem center/8px 10px !important;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*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: #212529;
}
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: #3f3f3f;
}
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-auto-renew a {
    color: #1cb8e6;
}
ul.action-buttons-table li.manage-allow-renew a {
    color: #004258;
}
.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;
}
.wgs_edit_btn {
    background: #193e70;
    border: transparent;
    color: #fff;
    padding: 10px 22px;
    font-size: 13px;
    margin: 0px 10px;
}
.wgs_back_btn:hover, .wgs_edit_btn:hover,.wgs_custom-btn:hover, .btn-default.disabled, .btn-default.disabled:hover {
	color:#fff !important;
	background: #40b5e7 !important;
    opacity: 1;
}
.wgs_remove_button:hover {
    color: #fff;
}
.wgs_back_btn {
    background: #0cb4e5;
    color: #fff;
}
.wgs_remove_button{
	color: #fff;
    background-color: #dc3545;
    border-color: transparent;
	font-size: 13px;
    padding: 10px 22px
}
.dataTables_wrapper table.table-list thead th {
    border-bottom: 0px solid rgba(29,57,101,.2);
    border-top: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    padding: 20px 10px;
    text-align: left;
    letter-spacing: -0.2px;
    white-space: nowrap;
}
.dataTables_wrapper table.table-list tbody td {
    padding: 10px 10px;
    font-size: 13px;
}
.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: #fff;
}
.dataTables_info {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
	color: #787777;
    font-size: 14px;
    width: 100%;
    max-width: 300px;
    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: 0;
    border-radius: 0;
}
.wgs_custom-btn {
    background: #0cb4e5;
    color: #fff;
    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;
}
.common-table-upper-header ul.common-header-top {
    padding-left: 0px;
    list-style: none;
    display: flex;
    align-items: center;
	margin-bottom: 0;
    position: relative;
}
.common-table-upper-header {
    background: #272a4e;
    padding: 23px 30px 18px 30px;
}
a.add-button-common.wgs_custom-btn {
    box-shadow: none;
}
li.dropdown.common-filter-dropdown a.dropdown-toggle {
    color: #000;
    font-size: 15px;
    padding: 10px 19px !important;
    margin: 0 !important;
    background: #fff;
    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: #fff;
}
h3.common-title-count {
    font-size: 13px;
    margin-top: 12px;
    color: #bdd2db;
    display: inherit;
    margin-right: 25px;
}
span.label-title-sort {
    color: #bdd2db;
}
.common-sort-dropdown a.dropdown-toggle {
    font-size: 13px;
	color: #bdd2db;
}
.common-serach-input input {
    background: transparent;
    border: transparent;
    font-size: 14px;
    color: #fff;
    width: 100%;
    max-width: 100%;
}
.common-serach-input .input-group {
    border: solid 1px #8e8f9f;
    border-radius: 4px;
}
.common-serach-input .input-group input::placeholder{
    color: #8e8f9f;
}
.common-serach-input {
    width: 100%;
    max-width: 230px;
    margin-right: 15px;
	position: relative;
}
.common-serach-input .input-group-btn{
	position: absolute;
    top: 0px;
    left: 0;
}
.common-serach-input .input-group-btn span {
    color: #ccc;
}
.common-serach-input input {
    padding: 9px 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: #fff;
}
.common-table-upper-header ul.dropdown-menu a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 13px;
}
.common-table-upper-header ul.dropdown-menu li {
    display: inline-block;
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
    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: #fff;
}
.common-serach-input .form-control:focus{
	    background-color: transparent;
		color: #fff;
}
.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 .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:#123C2C !important;
    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: #fff;
    min-height: 650px;
}
.titel-sup {
    margin-bottom: 24px;
    font-size: 30px;
    padding-left: 47px;
    color: #0cb4e5;
    font-weight: 600;
    text-transform: uppercase;
}
.back-arrow {
    margin-left: 20px;
}
.log-btn {
    background: #fff;
    font-size: 14px;
    color: #0cb4e5;
    padding: 15px 42px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 3px;
    letter-spacing: 5px;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 0 10px #dfdfdf;
    width: 100%;
    text-align: center;
}

.rubuts.servers p {
    padding: 15px 0 10px;
    font-size: 17px;
    color: #fff;
    line-height: 26px;
    font-weight: 300;
}

.rubuts.servers h3 {
    font-size: 28px;
    color: #fff;
    line-height: 35px;
    font-weight: 300;
}

.btn-facebook.fb-login-button {
    background-color: #fff !important;
    border: 2px solid #3b5998 !important;
    color: #3b5998 !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    font-size: 15px !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: #fff;
    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: #000;
    height: 40px;
    border: solid 1px #ccc;
    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;
}
.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: #363636;
    font-weight: 600;
    padding: 0 15px;
    margin-bottom: 25px;
    margin-top: 20px;
}
.inputBox .inputText {
        position: absolute;
        font-size: 13px;
        line-height: 34px;
        transition: .5s;
        opacity: 1;
        color: #898989;
}
.inputBox .input {
        position: relative;
        width: 100%;
        height: 44px;
        font-size: 14px;
        background: transparent;
        border: none;
        outline: none;
        font-weight: 600;
        border-bottom: 1px solid #d2d2d2;
		border-radius: 0px;
		 -webkit-border-radius:0px;
}

/*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: 13px;
    margin-bottom: 10px;
    color: #666;
}
.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: #f5f5f5;
    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;
}
div#containerPassword {
    width: 100%;
}
p#passwordStrengthTextLabel {
    color: #777;
    font-size: 11px;
    text-align: left !important;
}
.col-sm-6.register-page-custom-field {
    margin-bottom: 25px;
}
.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: #1cb8e6;
    border: none;
    text-transform: capitalize;
    padding: 5px 8px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 5px;
    letter-spacing: 0.4px;
    font-size: 14px;
}
.inputBox.focus .inputText {
    transform: translateY(-24px);
    font-size: 12px;
    opacity: 1;
    color: #00bcd4;
}
.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: #fff;
    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;
}
.inputBox.phonenumber .inputText {
    margin-left: 85px;
}
.inputBox.phonenumber.focus .inputText {
    margin-left: 0px;
}
.inputBox.focus .input {
    border-bottom: 2px solid #000;
}
.inputBox.focus {
    margin-bottom: 35px;
}
div#personalInformation .inputBox.focus {
    margin-bottom: 5px;
}
#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 .3s ease-in;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}
.login-form span.cr {
    background: #fff;
}
.checkbox .cr,
.radio .cr {
    position: relative;
    background: #d2d2d2;
    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: 13px;
    color: #b0b0b0;
    font-weight: 300;
}
.wel-titel {
    padding-top: 25px;
    text-align: center;
    font-size: 20px;
    color: #0cb4e5;
    text-transform: uppercase;
    font-weight: 300;
}
.login-logo {
    text-align: center;
}
form.login-form .card.mw-540.mb-md-4.mt-md-4 {
    border: transparent;
    margin-bottom: 0 !important;
}
span.clearfix {
    display: none;
}
a.pull-right.need-help {
    font-size: 13px;
    color: #0cb4e5;
    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: 15px;
    letter-spacing: 4px;
    padding: 17px 0;
    background: #0cb4e5;
    border-radius: 4px;
    color: #fff;
    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;
}
.rubuts p {
    padding: 15px 0 90px;
    font-size: 17px;
    color: #fff;
    line-height: 26px;
    font-weight: 300;
}

.rubuts h3 {
    font-size: 28px;
    color: #fff;
    line-height: 35px;
    font-weight: 300;
    margin-top: 20px;
}

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

.rubuts b {
    font-weight: 600;
}

.btn-facebook.fb-login-button:hover {
    background: #3b5998 !important;
    color: #fff !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;
    background: #0e3e6e;
    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;
    width: 280px;
}

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

ul.ul-right-top .dropdown-toggle {
    white-space: nowrap;
    color: #fff;
    font-size: 20px;
    margin: 0 0 0 40px;
    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: #fff;
}
.dropdown-toggle::after {
    display: none;
}
ul.ul-right-top a:hover {
    color: #fff;
}
.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 #ffc600;
   
}
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: #fff;
    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: .7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
	margin: 23px 0 0;
}
.ul-right-top .dropdown-menu.show {
    margin: 13px 0 0;
    border: none!important;
    box-shadow: 0 6px 14px rgb(0 0 0 / 35%);
}
@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;
}
.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 14px;
    display: inline-block;
    width: 100%;
    background: #ffc600;
    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;
	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: 0px 0 0;
    word-break: break-all;
    clear: both;
    font-weight: normal;
    display: inline-block;
    width: 100%;
    color: #707070;
    padding-left: 45px;
}
.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: #fff;
    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: 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;
}
/*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: #fff;
    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 #104274;
    border-left: 1px solid transparent;
    transition: 1s;
}
ul.list-unstyled.components i {
    color: #adbeee;
    font-size: 23px;
    padding: 0 50px 0 9px;
    width: 25px;
	    font-weight: normal;
}
ul.list-unstyled.components span {
    font-size: 15px;
    font-weight: 600;
    color: #adbeee;
    margin-left: 21px;
    width: 80%;
}
.shift-btn {
    background: url(../images/nav-arrow.png) no-repeat;
    width: 40px;
    height: 40px;
    border: transparent;
	position: absolute;
    bottom: 140px;
    right: -20px;
}
button:focus {
    outline: none;
}

#sidebar ul li a:hover, #sidebar ul li a.active {
    color: #fff;
    border-left: 1px solid #edb800;
    background: #0e3e6e;
}
#sidebar.active ul {
    position: relative;
    left: 200px;
    width: 32%;
}
#sidebar.active {
    margin-left: -200px;
}
.defaultClientxSidebar, #sidebar, #content {
    transition: .8s;
}
#sidebar.active ul.list-unstyled.components span{
	    display: none;
}
#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: #0e3e6e;
}
#sidebar ul li ul li a.active {
    border-left: 1px solid #0cb4e5;
}
/*.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: #fff;
    border-top: 1px solid #e7e7e7;
	 
}
#footer .nav {
    display: block;
    text-align: center;
}
footer.footer .btn {
    color: #acafb9;
}
.list-inline-item:not(:last-child) {
    margin-right: .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: #fff;
}
footer.footer .nav-link{
	text-decoration: underline;
    text-underline-offset: 2px;
    color: #acafb9;
    font-size: 13px;
    padding: 0px 10px;
}
footer.footer .copyright {
    margin: 0;
    border-top: none;
    padding-top: 0;
    color: #acafb9;
    font-size: 13px;
}
/*footer css end*/

/*header css start*/
.navbar-header {
    display: flex;
    float: left;
    width: 280px;
}
.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: #fff;
    font-size: 15px;
    font-weight: bold;
    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: #212925;
}

.clientx-default-navigation a {
    color: #fff;
    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: inline;
    line-height: 16px;
    margin: 10px 0 0 10px;
    vertical-align: bottom;
    position: relative;
    top: 4px;
    font-size: 16px;
    color: #141414;
}
.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: #fff;
    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: #fff;
    border-color: #57b6e9;
}
.pagination-announcements .btn-default:hover {
    color: #57b6e9;
    background-color: #fff;
    border-color: transparent !important;
}
.pagination-announcements .btn-default {
    color: #637995;
    background-color: #fff;
    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: #15083e;
    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: #fff;
    margin: 0;
    padding: 0;
}
.home-domain-search .btn-primary {
    color: #fff;
    background-color: #0cb4e5;
    border-color: #0cb4e5;
}
.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;
}
.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: #000000;
    font-weight: 600;
    margin: 10px 5px;
    background: #aebeee;
    padding: 10px 10px;
    border-radius: 5px;
}
.home-domain-search .p-5 {
    padding: 0 !important;
}
.home-domain-search .tld-logos img {
    width: 45px;
}
.find-domain a.btn.btn-link.btn-sm.float-right {
    float: unset !important;
    display: block;
    color: #aebeee;
    font-weight: 600;
    font-size: 15px;
	text-decoration: none;
    position: relative;
}
.find-domain a.btn.btn-link.btn-sm.float-right::after {
    content: "";
    background: #aebeee;
    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: #0e3e6e;
	cursor: pointer;
}
.switcher-for-product {
    border: 1px solid #c9c9c9;
    border-radius: 24px;
    padding: 3px;
    max-width: inherit;
    width: inherit;
    background: #fff;
    display: inline-block;
}
span.switch-slider.active {
    background: #40b5e7;
    color: #fff;
}
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: #fff;
    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: #7d7d7d;
    max-width: 400px;
    margin: 0 auto 20px;
}
.home-page-product-listing a.wgs_custom-btn {
    background: #0cb4e5;
    color: #fff;
    box-shadow: 0 0 10px #dfdfdf;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px;
    width: 100%;
}
.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: #fff;
    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: #e8edf2;
}
.home-page-product-heading h2 {
    font-size: 28px;
    color: #181717;
    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;
}
.action-icon-btns a{
	    transition: all .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:#0e3e6e;
}

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:#0e3e6e;
}
.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: #708097;
    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: 1100px;
    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: #0e3e6e;
}
.your-account-home-page {
    margin: 65px 0px;
}
.can-help-home-page {
    padding: 65px 0px;
    background: #f0f6f8;
}
.can-help-home-page h2, .your-account-home-page h2 {
    margin-top: 0!important;
    font-size: 27px;
    color: #3b366c;
    font-weight: 600;
    padding-bottom: 10px;
}
.news-title-sec h2 {
    font-size: 27px;
    color: #3b366c;
    text-align: center;
    font-weight: 500;
    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: 4px;
    box-shadow: 0 0 13px rgb(0 0 0 / 4%);
    background-color: #ffffff;
    padding: 27px 30px;
    margin-top: 15px;
    display: flex;
}
.left-img-icon {
    float: left;
    width: 100%;
    margin: 5px 0 0;
    max-width: 78px;
}
.image-right-body {
    max-width: 80%;
    text-align: left;
    width: 100%;
}
.image-right-body  h4 {
    font-size: 16px;
    color: #221758;
    font-weight: 600;
    margin: 0px;
    line-height: 20px;
}
.image-right-body  p {
    color: #708097;
    font-size: 14px;
    font-weight: 500;
    padding-top: 10px;
    margin-bottom: 0px;
    word-wrap: break-word;
    line-height: 22px;
}
.news-sec {
    background: #f0f6f8;
    padding: 39px 0px 70px;
}
.home-page-product-listing .card-body {
    background: #fff;
    background: #fff;
    padding: 15px !important;
    border-radius: 10px;
    box-shadow: 0px 0px 4px #0000000f;
}
.home-page-product-listing h3.card-title.pricing-card-title {
    background: #f3f3f3;
    border-radius: 6px;
    color: #001042;
}
/*index css end*/
/* domain pricing css */
.theme-head-bar {
    background: url(../images/shape.png) no-repeat top;
    padding: 20px 25px;
    display: inline-block;
    width: 100%;
    background-size: cover;
    border-bottom: 1px solid #f1f1f1;
	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: #1cb8e6;
    font-size: 14px;
    position: relative;
    color: #fff;
    border-radius: 5px;
	transition: all 0.5s;
}
.print-btn-knowldegebase {
    padding: 6px 18px 6px 18px;
    background: #1cb8e6;
    font-size: 14px;
    position: relative;
    color: #fff;
    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: #193e70;
}
.theme-head-bar h1 {
    font-size: 24px;
    font-weight: 600;
    color: #161938;
    margin: 0 0 4px;
    position: relative;
    padding: 0;
    line-height: 27px;
	display: flex;
    align-items: center;
	word-break: break-all;
}
.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: #ffc600;
    top: -3px;
}
.ribbon-domain-days-remaining h3 {
    background: #0e3e6e;
    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: #fff;
    padding: 5px;
    display: inline-block;
    font-size: 17px;
}
span.day-count-remain-text {
    font-size: 13px;
    display: inline-block;
    color: #fff;
    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: #888888;
    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: 0 0px 19px rgb(0 0 0 / 13%);
}

/* domain pricing start */
.theme-domain-price .dataTables_wrapper table.table-list thead th {
    text-align: left;
    text-transform: uppercase;
    padding: 14px 20px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #f0f3f7;
}
.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;
}
.theme-domain-price .dataTables_wrapper table.table-list td small {
    color: #979797;
}
.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: #00c2e0;
    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;
    }
    .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: #fff;
    height: 100%;
    transition: all 0.3s;
    border-left: 1px solid #e7e7e7;
}
.panel-setting-heading {
    display: flex;
    align-items: center;
}
.panel-setting-heading {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    background: #f1f4fd;
    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: #3f4c55;
    font-weight: 600;
    margin: 0;
}
h3.card-title{
    font-size: 14px;
    font-weight: bolder;
    color: #3f4c55;
	position: relative;
    padding-right: 25px;
}
.menu-setting-content i.float-right {
    position: absolute;
    right: 0;
    top: 0;
}
.card-header {
    background: transparent;
    box-shadow: none;
    border: transparent;
    border-bottom: 1px solid #e7e7e7;
    padding: 20px;
}
.common-table-upper-header ul.dropdown-menu.show:before{
	top: -10px;
	border-bottom: 11px solid #fff;
}
.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: -20px;
    background: url(../images/nav-arrowactive.png) no-repeat;
}
.defaultClientxSidebar .shift-btn.active {
    background: url(../images/nav-arrow.png) no-repeat;
    left: -25px;
}
.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: #3f4c55;
    padding: 16px 25px;
    border:none;
}
.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%;

}
#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: #3f4c55;
    font-weight: normal;
    line-height: 20px;
    transition: font-weight .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;
}
.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;
}
.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 #e9e9e9;
}
.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: #3f4c55;
    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: #3f4c55;}
.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: #333;
    width: 100%;
    display: block;
    margin: 0;
    font-weight: 900;
    line-height: 16px;
}
.addon-cart-summary-area .year-price {
    display: inherit;
}
.crt-regist h4, .cart-domain-title h4, .cart-colam h4 {
    font-size: 15px;
    font-weight: bolder;
    color: #3f4c55;
}
.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: #b0b0b0;
}
.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 #e7e7e7;
}
.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: 13px;
    color: #b0b0b0;
}
.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: #e7eeff;
    font-size: 11px;
    padding: 4px 8px;
    margin: 0px 10px 10px;
    border-radius: 2px;
    color: #226dea;
    font-weight: 700;
}
.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: #fff;
    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: #1cb8e6;
    font-size: 16px;
    color: #fff;
    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: #fff;
    background: #1293b9;
}
.menu-setting-content .list-group-item i {
    color: #8a8f95;
}
.menu-setting-content .list-group-item:hover i, .menu-setting-content .list-group-item.active i{
    color: #adbeee;
}

.defaultClientxSidebar .menu-setting-content .card-header, .defaultClientxSidebar .menu-setting-content .card-footer {
    background: transparent;
    border: none;
}
.defaultClientxSidebar .card{
    border-bottom: 1px solid #eceff4;
}
.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: #888;
    line-height: 24px;
    margin-bottom: 10px;
    font-style: normal;
}
.defaultClientxSidebar .card-body strong {
    color: #3f4c55;
}
.defaultClientxSidebar .card-body em {
    margin: 5px 0;
    display: inherit;
    padding: 0;
    line-height: normal;
    font-size: 14px;
    color: #888;
    font-style: normal;
}
.defaultClientxSidebar .card-footer .btn-success {
    color: #5cb85c;
    background-color: #e3f3e3;
    border-color: #e3f3e3;
    margin-bottom: 10px;
}
.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;
}
 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: #1a1a1a;
    font-weight: 600;
    background: transparent;
}
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: #1cb9e6;
    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: #f8f9fa;
}
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: #226dea;
    background-color: #e7eeff;
    border-color: #e7eeff;
}
.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: #333;
    font-weight: 600;
     font-size: 13px;
}

.summary-cart-side-bars .cart-grid-total {
    border-bottom: none;
    border-top: 1px solid #e7e7e7;
    padding: 12px 0;
    margin: 0 0 10px;
}
.cart-grid-total {
    border-bottom: 3px solid #000;
    border-top: 3px solid #000;
    padding: 16px 0;
    margin: 27px 0 10px;
}
.total-clt {
    font-weight: 900;
    font-size: 22px;
}
.pric-clt {
    float: right;
    font-weight: 900;
    color: #0ab4e5;
    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: #333;
    font-size: 13px;
    font-weight: 900;
}
.summary-cart-side-bars .total-clt, .summary-cart-side-bars .pric-clt {
    font-weight: 900;
    font-size: 18px;
    color: #222;
}
.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: #fff;
    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: #fff;
    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;
}
.announcements .news-artical h4 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #212121;
    font-weight: bold;
}
.announcements .news-artical p {
    margin: 10px 0px 0;
    font-size: 13px;
    color: #8f8f8f;
    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: #193e70;
    color: #fff;
    border: transparent;
}
.view-announcement-page-inner-section {
    margin: 30px;
    background: #fff;
    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: 13px;
    color: #6c757d;
}
.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;
}
.view-announcement-page-main {
    min-height: 505px;
}
/*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: #fff;
    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;
}
.serch-left:hover{
	background-color: transparent;
}
.spport-row .form-control.input-lg {
    border: transparent;
    font-size: 14px;
}
#btnKnowledgebaseSearch {
    border: transparent;
    height: 57px;
    padding: 16px 26px;
    background: #1cb8e6;
    font-size: 18px;
    border-radius: .3rem;
    margin: 2px;
}
.own-right {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}
.cool-titel {
    font-size: 30px;
    text-align: center;
    color: #fff;
}
.restor-head a {
    padding: 0;
	width: 100%;
    display: inline-block;
	margin-bottom:10px;
	max-width: 70%;
	min-height: 52px;
}
.kb-category a:hover {
    background-color: transparent;
}
.rest-titel {
    font-size: 17px;
    color: #17adda;
    font-weight: 600;
}
.box-cat {
    background: #fcfcfc;
    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: #161938;
}
.cat-col {
    background: #f5f5f5;
}
.restor-cont {
    margin-top:5px;
}
.restor-cont p {
    font-size: 13px;
    color: #989898;
    line-height: 18px;
    word-break: break-all;
}
.aricle-knowldegease article p {
    font-size: 14px;
    line-height: 26px;
    color: #464646;
}
.cont-ser {
    float: right;
    background: #40aedc;
    color: #fff;
    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;
}
.theme-knowledgebase-page .list-group.list-group-flush a.list-group-item.kb-article-item {
    border-bottom: transparent;
    background: #fff;
    border: transparent;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 0 13px rgb(0 0 0 / 4%);
    background-color: #ffffff;
    padding: 25px 25px;
    font-size: 17px;
    font-weight: 600;
    color: #0cb4e5;
}
.theme-knowledgebase-page .card {
    background: transparent;
    margin: 30px;
    border: transparent;
}
.theme-knowledgebase-page .card h3.card-title {
    font-size: 22px;
    font-weight: bolder;
    color: #3f4c55;
}
.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 {
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    background: #193e70 !important;
    border: transparent;
	margin-right: 5px;
}
.restor-head button:hover {
    color: #fff;
}
.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: #ffffff;
    padding: 27px 30px;
    margin-top: 15px;
}
ul.most-popular-kb li a.list-group-item {
    border-radius: 4px;
}
.flare-list ul.most-popular-kb li p {
    font-size: 14px;
    margin-top: 12px;
    color: #464646;
}
.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: 30%;
    width: 100%;
    margin-left: auto;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}
.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;
    color: #161938;
}
.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: #ffffff;
    padding: 25px 25px;
    font-size: 17px;
    font-weight: 600;
    color: #0cb4e5;
}
.vote-yes {
    background: #88d143;
    border: transparent;
}
.vote-no {
    background: #fac500;
    border: transparent;
}
.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 {
    display: block;
    margin: 0;
    padding: 14px 20px;
    text-decoration: none;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0px 2px 7px #00000010;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.user-switch-account-page .card-body {
    padding: 0;
}
.select-account {
    width: 100%;
    max-width: 800px;
    margin: 0;
    padding: 30px;
    background: #f9f9fb;
    border-radius: 5px;
    border-top: transparent;
}
.select-account span.label.label-info {
    margin-bottom: 0;
}
.wgs_cancel_button {
    background: #0063a5;
    color: #fff;
    box-shadow: 0 0 10px #dfdfdf;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 6px;
    clear: both;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
	cursor:pointer;
}
.theme-open-ticket-page .wgs_cancel_button {
    margin-left: 5px;
}
p.bold {
    margin-bottom: 10px!important;
}
.theme-cancel-service-request .d-inline-block select.form-control{padding-right: 30px!important;}
.bottom-footer-profile .btn.wgs_custom-btn{
	 padding: 10px 15px;
    font-size: 13px;
}
.captcha-latest-dashboard .col-md-8.mx-auto.mb-3.mb-sm-0 {
    max-width: 100%;
    flex: 100%;
}
.main-card-bulkdomain-section .formBox .form-inner-section .form-check.mb-3 {
    margin-bottom: 25px!important;
}
input#inputCaptcha {
    height: 25px!important;
    font-weight: bolder !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: 13px;
}
.change-password-input-section .wgs_custom-btn:hover {
    color: #fff;
}
.wgs_cancel_button:hover, .wgs_cancel_button:focus {
    color: #fff;
	background: #2164a7;
}
.generate-password {
    padding: 8px 15px;
    float: left;
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 15px;
    min-width: 180px;
    width: auto;
    background: #1cb8e6;
    color: #fff;
    border: transparent;
    font-weight: 600;
}
.using-password-strength .col-md-5.button-generate-psw{
    margin-bottom: 40px;
}
.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: #31708f;
    background-color: #f2f6fa;
    border-color: #ebf1f5;
}
/*user account css end*/

/*security page css start*/
#tableLinkedAccounts_wrapper table th {
    padding: 14px 15px !important;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #f0f3f7;
	border-top:transparent;
}
.card.linked-account-section h3.card-title {
    font-size: 30px;
    color: #333;
    text-align: center;
}
.card.linked-account-section p {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 30px;
}
.card.security-question-section .btn-footer .wgs_custom-btn{
	font-size: 13px;
}
.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 #d2d2d2;
    border-radius: 0px;
    height: 50px;
    font-size: 13px;
    line-height: 50px;
    transition: .5s;
    padding: 0;
    opacity: 1;
    color: #898989;
}
.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: #404040;
    padding-left: 15px;
}
/*security page css end*/

/*clientarea page css start*/
.theme-latest-dashboard-page {
    padding: 30px 30px 0;
    background: #fff;
}
.order img {
    width: 32px;
    height: auto;
    vertical-align: text-bottom;
}
.order {
    color: #181717;
    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 #ececec;
    border-radius: 20px;
    background-color: #edf6ff;
    color: #2a8fe9;
    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: #161938;
    margin: 0;
	font-weight: 600;
}
.box-100 {
    height: 100%;
}
.new-dashboard-head-bar {
    margin-bottom: 20px;
}
.dasboard-inner-section .panel {
    border: 1px solid #d9e9f5;
    box-shadow: 0px 2px 0px -1px rgb(0 0 0 / 12%);
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 30px;
    transition: .2s ease;
    background: #fff;
    min-height: 320px;
}
.dasboard-inner-section .rcmd-panel h4 {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #161938;
    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: #161938;
    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: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.dasboard-inner-section .panel-heading h3 {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin: 0;
    font-weight: 600;
}
.dasboard-inner-section .panel-heading a {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
    color: #2a8fe9;
}
.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: #999aa1;
    margin: 0;
}
.dasboard-inner-section .panel-footer {
    padding: 17px 25px;
    border-top: 1px solid #eceff4;
    background-color: #fff;
    text-align: center;
}
.dasboard-inner-section .panel-footer a {
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #1c4e80;
    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: #d9e9f5;
    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 .input-group-btn .btn.search {
    background: #e7eeff;
    color: #226dea;
    border-right: 1px solid #00000026;
}
.message-panel .input-group-btn .btn {
    padding: 10px 23px;
    margin: 5px 0;
    height: auto;
    border-radius: 0px!important;
    font-size: 14px!important;
    color: #fff;
    width: 50%;
    font-weight: 600;
    outline: none;
}
.message-panel .transfer {
    background: #1cb8e6;
    color: #fff;
    width: 100%;
    max-width: 50%;
}
.message-panel .btn-recaptcha{
	border-radius: 0px;
    height: 46px;
    padding: 10px 16px;
    font-size: 14px;
}
.tickets-table.table tr {
    border-bottom: 1px solid #d9e9f5;
}
.tickets-table.table tr:last-child {
    border: none;
}
table.tickets-table.table td {
    padding: 19px 25px !important;
    color: #999aa1;
    font-size: 13px;
    line-height: 15px;
    border: none;
}
table.tickets-table.table td.ticket-name {
    color: #999aa1;
    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: #999aa1;
    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: #999aa1;
    padding: 18px 0px;
    border-bottom: 1px solid #d9e9f5;
	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: 14px;
    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: #fff;
    margin: 30px auto 18px;
    width: 61%;
}
.theme-download-page .input-group{
	align-items: center;
}
.theme-download-page .custom-search-input-download button.right-btn {
    color: #fff;
    padding: 16px 26px;
    background: #1cb8e6 !important;
    font-size: 18px;
    /* margin-right: -3px !important; */
    border: transparent;
    margin: 3px;
}
.most-popular-download .list-group-item{
	padding: 0;
    background-color: #fff;
    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: #fff;
    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;
    max-width: au;
    width: auto;
    max-width: 210px;
    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: #fff;
    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: 2px solid #a1d7a8;
}
.box-server-status span {
    font-size: 70px;
    letter-spacing: 1px;
    color: #0e3e6e;
    font-weight: 600;
    line-height: 70px;
    min-height: 70px;
    padding: 5px 0px;
    display: block;
}
.box-server-status p {
    font-size: 18px;
    letter-spacing: 0px;
    color: #878787;
}
.theme-page-server-status {
    background: #fff;
    padding: 20px;
}
.no-network-issue {
    padding: 20px 0px;
}
.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;
}
.theme-affiliates-page .text-muted, .commision-row .table-bordered td, .commision-row .table-bordered th{
	font-size: 14px;
}

div#tableAffiliatesList_info {
    color: #787777;
    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: #fff;
    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: #525252;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 0px;
}
.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: #fff;
    width: 23.333%;
    border: solid 2px #fff;
    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: 3px 0 10px;
    font-weight: 600;
    font-size: 20px;
}
.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: 2px solid #5888c8;
}
.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: #000;
    padding: 6px 16px;
    border-bottom: 1px solid #d2d2d2;
    line-height: 20px;
	word-break:break-all;
	cursor: pointer;
}
.select-items {
    position: absolute;
    border: solid 1px #d2d2d2;
    top: 100%;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 99;
    color: #000;
}
li.department-list, li.related-service-list{
	border: none;
    color: #fff;
    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: #545454;
    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 #f1c83b;
    padding-right: 10px;
    margin-right: 10px;
	height: 35px;
}
.department-list {
    background: #edb800;
	margin: 0px 15px;
}
.related-service-list {
    background: #0cb4e5;
}
.service-dept-section li.related-service-list span.input-group-addon {
    border-right: 1px solid #44c5eb;
}
.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: #fff;
    font-size: 16px;
    line-height: 29px;
    margin-right: 10px;
}
.priority-section .custom-select-box-drop {
    background: #0cb4e5;
    border: none;
    color: #fff;
    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 #44c5eb;
    padding-right: 10px;
    margin-right: 10px;
    height: 35px;
}
.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: #f1f1f1;
    border: none;
    color: #000;
    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: #f1f1f1;
    border: none;
    color: #000;
    padding: 11px 20px;
}
.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: #fff;
    width: 15%;
	color: #333;
	border-top: transparent;
}
.theme-ticket-list-page .table-container.row.clearfix {
    margin: 0;
    padding: 10px 15px 30px;
}
table#tableTicketsList tr.ticket-table-head th.sorting_desc {
    background: #fff;
}
table#tableTicketsList span.message-unread {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    color: #fff;
    border-radius: 50%;
    margin: 6px 0 0 10px;
    font-size: 11px;
}
table#tableTicketsList .yellow {
    background: #fab737;
}
div#tableTicketsList_length label {
    color: #787777;
    font-size: 14px;
}
.dataTables_wrapper div.dataTables_paginate ul.pagination .active a.page-link {
    color: #fff;
    background-color: #45b9e8;
    border-color: #45b9e8;
}

/*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: 600;
    margin-top: 20px;
	color: #404040;
	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: #dde0ed;
    display: inline-block;
    border-radius: 3px;
    width: 1.2em;
    height: 1.2em;
    float: left;
    margin-right: 0.5em;
    margin-top: 4px;
}
.formBox .form-inner-section.row .ticket-attachment-section label {
    margin-bottom: 0px;
}
.checkbox-universal-box .check-icon{
	position: absolute;
    color: #0e3e6e;
    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: #fff;
}
.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: #212529;
}
.bottom-btn-cancel-req button {
    padding: 10px 15px;
    font-size: 13px;
	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:hover {
    border-color: #fdbd40;
}
.screenshot-sec img.active {
    border: 2px solid #fdbd40;
}
.checkbox-email-prefrence {
    margin-top: 30px;
    margin-bottom: 20px;
}
.theme-user-management .card-body.user-invite-section p.form-description {
    font-size: 14px;
    color: #464646;
    line-height: 24px;
}
.user-invite-section h3.form-title {
    font-weight: 600;
    font-size: 24px;
}
.user-invite-section .form-inner-section.row {
    margin-top: 35px;
}
.user-list-section .text-muted {
    margin-top: 12px!important;
    font-size: 14px;
}
.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;
}
.domen-page .table-striped tbody tr.user-manage-table-row {
    background: #f2f6fa;
    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: #f2f6fa;
}
.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: #000;
    border-top: transparent;
}
.theme-payment-method-page .button-section-payment {
    padding: 23px 30px 18px 30px;
	background: #f1f4fd;
}
ul.action-buttons-table li.delete-payment i {
    color: #c00;
}
ul.action-buttons-table li.edit-payment i {
    color: #193e70;
}
.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: 13px;
	border-top: 1px solid #ddd;
}
.theme-payment-method-page .card-body {
    padding: 0;
}
.theme-payment-method-page table{
	background: #fff;
}
.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: #fff;
}
form#frmManagePaymentMethod label.col-md-2.control-label {
    max-width: 170px;
    text-align: left!important;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    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: 900;
    border-bottom: 2px solid #000;
    box-shadow: none;
    border-radius: 0;
}
div#billingContactsContainer {
    width: 100%;
}
.theme-payment-method-page-edit label.form-check.form-check-inline {
    margin-bottom: 15px;
    display: block;
	font-size: 14px;
    color: #333;
}
.form-group.row.payment-method-type-manage {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0;
}
.fieldgroup-auxfields a.btn.btn-default.btn-sm {
    background: #d6f6ff;
    border: none;
    padding: 8px 19px;
    font-weight: 900;
    color: #0063a5;
    margin-bottom: 10px;
    font-size: 15px;
    text-transform: capitalize;
    border-radius: 30px;
}
form#frmManagePaymentMethod button#btnSubmit {
    margin: 0;
}
.contact-add-sections .custom-select-box-drop{
	width: 100%;
    display: flex;
    max-width: 470px;
    background: #fff;
    border-radius: 4px;
    padding: 0 12px;
    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: 40px;
    border: transparent;
    font-size: 14px;
    padding: 10px 20px;
	border-radius: 4px;
}
.theme-change-password-page .card-body {
    padding: 0;
}
.theme-change-password-page .inner-section-change-password{
    padding: 15px 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: #363636;
}
.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: #e0eefc;
    border: 1px solid #e0eefc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    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 {
    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: 13px;
    padding: 10px 22px;
	margin-left: 10px
}
.theme-contact-list-page .button-footer-contact-page button.btn.wgs_remove_button:hover {
    color: #fff;
}
.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 !important;
}
.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 #d2d2d2;
}

/*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: #fff;
}
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: #fff;
    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: #fff;
}
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 #e7e7e7;border-radius: 80px;}
.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: #fff;
    background-color: #f44336;
}
/*clientarea detail page css end here*/

/*clientarea action domain page css start here*/
.domain-upper-bulk-button .setBulkAction {
    background: #40b5e7;
    border: none;
    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: #fff;
    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: #40b5e7;
    color: #40b5e7;
	background:#fff;
}
.tab-list-buttons-domain-detail ul {
    display: flex;
    list-style: none;
    padding-left: 0;
	margin-bottom: 0;
}
.tab-list-buttons-domain-detail li {
    background: #fff;
    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: #333;
    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: #fff;
    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: 15px;
    color: #686868;
    font-weight: normal;
    padding-left: 0;
    font-family: 'Open Sans',sans-serif;
}
.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: #333;
}
.tab-auto-renew-page {
    margin-top: 10px;
    background: #fff;
    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: #fff;
    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: #fff;
}
.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: #fff;
	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: #fff;
    padding: 25px;
}
.name-server-section-domain-detail .col-md-4 {
    margin-bottom: 25px;
}
.reg-lock-domain-detail {
    background: #fff;
    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: 15px;
}
.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: #fff;
    padding: 25px;
}
.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 {}

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: #fff;
    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: #fff;
	padding: 20px;
}
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: #fff;
}
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: #17191c;
    font-size: 22px;
    text-align: center;
}
#cPanelQuickShortcutsPanel h3.panel-title{text-align: left;}
.row.cpanel-feature-row a.d-block {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 24px 14px;
}
.row.cpanel-feature-row a.d-block:hover{
    box-shadow: 0 4px 13px #00000014;
}
#cPanelQuickShortcutsPanel a {
    font-size: 12px;
}
#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: #e7e7e7;
}
.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: #1cb8e6;
    color: #ffff;
    padding: 10px 20px;
    border: none;
    margin: 17px 0 0;
    display: inline-block;
}
#cPanelPackagePanel .btn-success.btn-sm {
    padding: 10px 20px;
    margin-top: 17px;
}
#btnInstallWordpress {
    background: #1cb8e6;
    color: #ffff;
    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: #1cb8e6;
    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: #7b7878;
}
form#frmCreateEmailAccount input {
    height: 46px;
    font-size: 14px;
    color: #777;
}
form#frmCreateEmailAccount small {
    font-size: 14px;
    color: #333;
}
form#frmCreateEmailAccount button.btn.btn-primary.btn-block {
    background: #1cb8e6;
    height: 46px;
    border: transparent;
    font-size: 20px;
    width: 100%;
    max-width: 220px;
}
div#cPanelQuickEmailPanel h3.panel-title.card-title, div#cPanelBillingOverviewPanel h3.panel-title.card-title{
    text-align: center;
    font-size: 16px;
    color: #333;
}
div#cPanelBillingOverviewPanel .col-xs-6.col-6.text-right:after {
    content: '';
    position: absolute;
    top: 0;
    background: #fff;
    border: 3px solid #1cb8e6;
    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: #fff;
}
div#tabChangepw form.using-password-strength {
    background: #fff;
    padding: 30px;
}
div#tabChangepw h3.card-title {
    padding: 20px 0;
    background-image: linear-gradient(127deg, #0a85a4, #0cb2c1);
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
}
#billingCycle, #recurringAmount, #registrationDate{
    position: relative;
}
#recurringAmount:before, #billingCycle:before, #registrationDate:before{
    content: "";
    background: #1cb8e6;
    width: 2px;
    height: 33px;
    position: absolute;
    top: 6px;
    left: 19px;
}
.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{
	display: flex;
    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: #fff;
    border: transparent;
}
.theme-client-service-detail-page .form-box.tab-download-section {
    background: #fff;
    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: #333;
    font-weight: 600;
    padding-left: 0;
    margin-bottom: 20px;
}
ul.other-descp-p-detail {
    list-style: none;
    margin-top: 7px;
    margin-bottom: 0;
    background: #fff;
    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: linear-gradient(131deg, #f4f4f4, #fdfdfd);
    padding: 13px;
    border: solid 1px #ebebeb;
    margin-bottom: 15px;
	min-height: 265px;
}
.status-pending {
    font-weight: 600;
    font-size: 11px;
}
#tabAddons .form-box {
    background: #fff;
    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: #fff;
	 font-weight: 600;
}
.bottom-button-pdetail button.btn.btn-default.btn-service-sso {
    background: #0cb4e5;
}
.bottom-button-pdetail a.btn.btn-default.open-modal {
    background: #193e70;
}
.bottom-button-pdetail button.btn.btn-default {
    background: #68b857;
}
.products-list-back a {
    color: #333;
    font-weight: 600;
}
.products-domains-section, .product-name-head {
    border-left: 1px solid #ccc;
}
.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: #fbfbfb;
    padding: 0;
}
.theme-head-bar.service-detail-page .col-md-3 {
    padding-right: 0;
}
.products-status-section{
    padding: 20px 22px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3px;
}
.service-detail-page .status-active {
	background: #5cc55a;
}
.theme-head-bar.service-detail-page .col-md-9 {
    display: flex;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-upgrade-package tr {
    background: #fff;
    border: 1px solid #dedede;
    margin-bottom: 20px;
    background: #fff;
    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;
}
.theme-upgrade-page .card-body {
    background: #fff;
    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: #fff;
    margin: 30px;
    padding: 25px;
}
.theme-page-add-funds .form-inner-section.row select{
    border: transparent;
    position: relative;
    width: 100%;
    height: 44px;
    font-size: 14px;
    background: transparent;
    border: none;
    outline: none;
    font-weight: 600;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0;
}
.theme-page-add-funds .formBox h3.form-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
}

.funds-upper-section ul {
    margin: 0;
    padding: 0;
}
.funds-upper-section ul li {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    justify-content: space-between;
}
.funds-upper-section ul li span {
    font-size: 15px;
    color: #464646;
}
.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 #4f0303;
    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 #dee2e6;
    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 #dee2e6;
    color: #45b9e8;
}
.theme-mass-pay-page tr.masspay-total td {
    background-color: transparent;
	font-size: 14px;
}
.theme-mass-pay-page tr.masspay-total {
    background: #f3f4f5;
}
.theme-mass-pay-page .payment-mass-pay-row {
    border: 1px solid #ddd;
    padding: 0;
	margin-bottom:25px;
}
.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: #fff;
    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: #5cc55a;
    padding: 34px 14px 0;
    border-radius: 10px;
    min-height: 221px;
    position: relative;
	cursor: pointer;
	margin-bottom: 20px;
}
.announcements-home-page {
    display: flex;
	justify-content:center;
	flex-wrap:wrap;
}
.hosting-panal h2 {
    color: #fbfafa;
    font-size: 20px;
	    margin-top: 10px;
}
.hosting-panal p {
    color: #fbfafa;
    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: 20px;
    border: solid 2px #259323;
    color: #fff;
    text-align: center;
    font-weight: 700;
}
.tick {
    background: #edb800;
}
.tick span {
    background: #dcab01;
    border: solid 2px #b18a01;
}
.invo {
    background: #0cb4e5;
}
.invo span {
    background: #029ac7;
    border: solid 2px #007da2;
}
.regis {
    background: #404040;
}
.regis span {
    background: #2f2f2f;
    border: solid 2px #121212;
}
.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: 18px;
    color: #404040;
    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 #ddd;
    padding: 20px;
}
.div-service-buttons .btn-view-details {
    border: none;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    color: #589ed7;
}
.div-service-buttons .btn-group .dropdown-toggle {
    border: none;
    background: #e0dcdc;
}
/*.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: .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: #f3f3f3;
    border: none;
    font-weight: 600;
    font-size: 13px;
}
.div-service-buttons ul.dropdown-menu.show:before {
    content: '';
    border-bottom: 13px solid #e7e7e7;
    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: #cbc8c8;
    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: #686868;
}
.active-domain-home-page {
    text-align: center;
    background: #fff;
    display: inline-block;
    box-shadow: 0 0 10px #ccc;
    border: solid 1px #ccc;
    padding: 15px 0px 0px;
    border-radius: 4px;
    width: 100%;
    min-height: 249px;
}
.pending-domain-home-page {
    text-align: center;
    background: #fff;
    display: inline-block;
    box-shadow: 0 0 10px #ccc;
    border: solid 1px #ccc;
    padding: 15px 20px 20px;
    border-radius: 4px;
    width: 100%;
    min-height: 249px;
    text-align: center;
}
.domain-icon-home-page {
    text-align: center;
}
h3.domain-head-name {
    font-size: 20px;
    color: #404040;
    margin: 11px 0 8px;
}
.btn-domain-list-home-page {
    background: #1cb8e6;
    font-size: 16px;
    color: #fff !important;
    padding: 12px 30px;
    font-weight: 700;
    border-radius: 5px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    display: inline-block;
    margin: 10px 0;
}
.btn-domain-list-home-page:hover{
    background: #1293b9;
}
.active-domain-button-home-page .btn-domain-list-home-page {
    background: #5cc55a;
}
.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;
    color: #6a6a6a;
}
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 #ccc;
    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;
}
section.default-home-domain-services .slick-slide img{
	    margin: auto;
}
a.home-page-domain-checker-link {
    color: #1cb8e6;
    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: 18px;
    color: #5cc55a;
    margin-bottom: 0;
}
.home-domain-header {
    border-bottom: 1px solid #f6f6f6;
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 35px;
    padding-bottom: 14px;
}
.home-domain-header h3:before {
    content: '';
    background: #5cc55a;
    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 #e7e7e7;
    margin-bottom: 20px;
}

.panel-mc-sso button.btn.btn-default.btn-service-sso, .product-hook-panel .actions .btn-default {
    padding: 5px 14px;
    font-size: 13px;
    background: #0cb4e5;
    color: #fff;
    border: none;
    margin-top: 8px;
}
.product-hook-panel .actions .btn-default~.btn-default{background: #0e3e6e;}
.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 #e7e7e7;
    color: #3f4c55;
    font-weight: 600;
    font-size: 14px;
}
section.home-page-default-panels-execute .row {
    margin: 0;
}
section.home-page-default-panels-execute .row .list-group{
	width: 100%;
}
.domain-section-home-page-search {
    min-height: 221px;
    background: url(../images/bg-dom.jpg) no-repeat;
    background-size: cover;
    border: solid 3px #1cb8e6;
    padding: 23px 23px;
    border-radius: 10px;
}
.promo-container .header h3 {
    font-weight: 600;
    font-size: 22px;
}
.promo-banner-rounded {
    border-radius: 0;
}
.promo-banner ul {
    padding: 10px 0 5px;
    display: inline-block;
}
.promo-banner ul li {
    margin-bottom: 8px;
    color: #5c5c5c;
}
.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;
    background: #45b9e8;
    font-size: 24px;
    color: #fff;
}
.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: #fff;
    border-radius: 5px;
	margin: 30px 0;
}
h3.heading-title-domain-home-search {
    margin: 0;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #000000;
}
.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 #e7e7e7;
}
.them-default-home-page .btn-xs {
    color: #FFF;
    border: transparent;
}
.item-announcement-section {
    border: solid 1px #dedede;
    box-shadow: 0 0 8px #dedede;
    display: inline-block;
    width: 100%;
    padding: 15px 15px;
    margin-bottom: 13px px;
    border-radius: 4px;
    background: #fff;
}
.item-announcement-section p.announcement-date{
	font-size: 13px;
    margin-bottom: 0;
    color: #888;
}
.item-announcement-section a {
    color: #404040;
    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;
}
div#overdueInvoicesPanel {
    min-height: 244px;
}
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;
}
/* 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: #fff;
    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: #aeaeae;
    font-size: 14px;
    list-style: none;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px 19px;
}
h3.view-ticket-right-head {
    margin: 0;
    color: #404040;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #f4f4f4;
    padding: 11px 16px 20px;
}
.last-button-right-view-ticket {
    position: absolute;
    right: 0px;
    top:0px;
}
button#ticketReply {
    box-shadow: none;
}
span.right-sec {
    color: #404040;
	display: block;
}
.ticket-reply.markdown-content.ticket-owner-reply, .ticket-reply.markdown-content.staff.ticket-staff-reply {
    display: flex;
    align-items: center;
    width: 100%;
    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: #f7f7f7;
    display: table-cell;
    vertical-align: top;
    border-left: solid 1px #f7f7f7;
    width: 100%;
    max-width: 85%;
}
.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: #fff;
    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 #e8edf2;
    width: 100%;
}
.ticket-staff-comment-section {
    background: #f6f6f6;
}
.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: #a8a8a8;
}
.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: #888;
    line-height: normal;
}
.ticket-owner-name, .ticket-staff-name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    font-family: 'Open Sans';
    color: #000;
}
.view-ticket .requestor-badge {
    font-size: 11px;
    padding: 2px 5px;
}
.right-side-view-ticket-inner-sec {
    border: none;
    background: #fff;
    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 #e8edf2;
    border-radius: 6px;
    min-height: 142px;
}
.theme-view-ticket-page .view-ticket .attachment-list li figure {
    background-color: #f6f6f6;
    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: #888;
    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: #fff;
        display: inherit;
        margin: 0px 20px 0 0px;
        background: #0cb4e5;
        padding: 5px;
        border-radius: 3px;
}
.promo-banner h3 {
    margin: 0 0px 10px;
    font-size: 20px;
    font-weight: 600;
}
.card .small, .card small {
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
section.home-page-default-panels-execute .row .list-group .list-group-item span.text-last-updated {
    color: #9a9a9a;
    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: #3f4c55;
    font-size: 14px;
}
.div-service-name span.text-domain {
    font-size: 13px;
    color: #888;
}
.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: #f6f6f6;
    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: #fff;
}
.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: #fff;
}
.product-status h3.product-name-detail {
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: normal;
}
.product-icon .fa-stack i{
	    color: #1cb8e6;
}
.product-icon i.fas.fa-circle.fa-stack-2x {
    color: #fff;
}
.product-status h4.product-group-detail {
    font-size: 17px;
    color: #666;
    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: #e9edf2;
}
.product-status-pending {
    background-color: #45b9fe;
}
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 #e7e7e7;
}
.theme-client-service-detail-page ul.nav.nav-tabs.responsive-tabs-sm {
    margin-top: 25px;
}
.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: #3f4c55;
}

.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: #0cb4e5;
    color: #0cb4e5;
}
.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 {
    background: #0cb4e5;
    border: none;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
}
.tab-content.bg-white.product-details-tab-container .tab-pane p .btn-default:last-child {
    background: #0e3e6e;
}
.status-on-hold {
    background: #f09904;
}
/*==============================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;
}
.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;
}
.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;
}
.theme-upgrade-configure-page .upgrade .products .product .header p {
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
    color: #adbeee;
}

.upgrade .products .product .wgs_custom-btn {
    width: 100%;
    background-color: #0e3e6e;
}

.upgrade .products .product .footer select {
    font-size: 14px;
    height: 42px;
    font-weight: 600;
}
/*------------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 #ddd;
    font-size: 14px;
}
.bulk-domaim-ul {
    box-shadow: 0 0 10px #00000017;
}
.theme-bulk-domains-page h3.form-title {
    font-size: 20px;
    color: #333;
    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: 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: #212529;
    font-weight: 600;
}
div#autoAnswerSuggestions h3.form-title {
    font-size: 25px;
    font-weight: 600;
}
div#autoAnswerSuggestions .formBox{
    background: #fff;
    margin: 0px 0px 30px;
    padding: 28px 20px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    border: 1px solid #ddd;
    border-left: 4px solid #193e70;
}
.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;
}
.submit-ticket-inner-section h3.form-title {
    margin-bottom: 30px;
}
.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*/
li.department-list, li.related-service-list{
    cursor: pointer;
}
.priority-section .custom-select-box-drop{
    cursor: pointer;
}

.theme-client-service-detail-page div#tabOverview .card{
    margin-bottom: 25px;
}
.domain-pricing.theme-body-padding.theme-domain-price {
    background: #fff;
    margin: 30px;
    padding: 25px;
}
.theme-domain-price .dataTables_wrapper table.table-list td{
    border-bottom: transparent;
}
/*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 #d8d8d8;
    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;
}
.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: 14px;
    color: #333;
    font-weight: 700;
}
button#cvvWhereLink {
    padding: 0;
    font-size: 14px;
}
.StripeElement {
    padding: 9px 12px;
    border: transparent;
    border-bottom: 2px solid #000;
    border-radius: 0;
}
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 #e7e7e7;
    padding: 0;
    border-radius: 4px;
    margin: 15px 0 0;
    width: 80%;
}
#frmPayment .three-column-grid~.paymethod-info {
    border: 1px solid #e7e7e7;
    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 #e7e7e7;
}
.formBox .form-inner-section.row label {
    margin-bottom: 0;
}
/*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*/
.message-box-theme-login-pages {
    position: absolute;
    top: 50%;
	left: 0;
    right: 0;
    margin: 0px 20px;
}
.description-forgot-psw {
    margin-bottom: 46px;
    font-size: 14px;
    margin-top: 10px;
}
form.form-forgot-password {
    padding: 0px 30px;
}
.forgot-bottom-button {
    margin-top: 15px;
}
/*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: #fff;
}
.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: #5e636e;
    font-size: 14px;
}
.head-pay-to, .iteam-heading-tbl {
    font-size: 18px;
    font-weight: 600;
    color: #17191c;
}
.invoice-wrapper .table-condensed td {
    font-size: 14px;
    color: #17191c;
    padding: 16px 0;
    border-bottom: 1px solid #e9eaec;
    border-top: none;
}
.inv-balance-row, .total-row-inv {
    background: #f7f7f8;
}
.invoice-right-first-section, .mannual-credit-section, .invoice-actions {
    background: #fff;
    padding: 30px;
    margin-bottom:15px;
}
.invoice-inner-right {
    max-width: 400px;
}
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#ddd;
}
.invoice-inner-right input.form-control:focus{
    background:#e9edf2;
}
select.form-control.select-inline, input.form-control {
   width: 100%;
    height: 40px;
    background: transparent;
    border: transparent;
    border-radius: 0;
    border: 1px solid #e7e7e7;
    font-size: 14px;
	appearance: none;
    -webkit-appearance: none;
   
}
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;
}
.custom-select:focus{
    box-shadow: none;
}
.invoice-actions .previous-page-link {
    display: block;
    border-top: 1px solid #e7e7e7;
    border-radius: 0;
    margin-top: 12px;
    padding-top: 18px;
}
.invoice-actions .previous-page-link:hover {
    color: #0cb4e5;
    text-decoration: underline;
}
.payment-method-button form button[type="submit"], .payment-method-button form input[type="submit"]{
    width: 100%;
    height: 40px;
    background-color: #193e70;
    border-color: #193e70;
    border: transparent;
    color:#fff;
}
.invoice-inner-left {
    background: #fff;
     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: #5e636e;
    font-size: 14px;
}
.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: #fff;
}
.invoice-inner-left .refunded {
    color: #fff;
    background: #248;
}
.invoice-inner-left .invoice-state.collections {
    background: #fc0;
    color: #000;
}
.invoice-inner-left .invoice-state.cancelled {
    background: #888;
    color: #fff;
}
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: #f8f8f8; border: none; text-decoration: none; transition: all .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: 60px;color: #001042;}
.default-whmcs-client-area .tiles .tile .title { font-weight: 600; color: #17191c; 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 #e9eaec; color: #17191c; font-weight: 600; font-size: 13px; }
.default-whmcs-client-area span.text-last-updated { color: #acb0b9; 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:#fff;}
.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: #fff;}
.default-whmcs-client-area .card-header {border-bottom: 1px solid #e9eaec;}
.default-whmcs-client-area .card-header i {color: #acafb9;}
.default-whmcs-client-area .card-header a i {color: #fff;}
.default-whmcs-client-area h3.card-title {color: #17191c;}
.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;}
.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: #17191c;font-size: 14px;
}
.default-whmcs-client-area .promo-banner .btn { background-color: #1cb8e6}
.default-whmcs-client-area .promo-banner a {color: #1cb8e6;}
.default-whmcs-client-area #registerDomainPanel input.form-control {
    width: 100%;
    background: transparent;
    border: 1px solid #e9eaec;
    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: #1cb8e6;
    border: none;
    border-radius: 5px;
    padding: 0.5rem 0.75rem;
    display: inline-block;
    flex: 1;
    color: #fff;
}
.default-whmcs-client-area #registerDomainPanel .input-group-append .btn-success{margin-right: 10px;background: #0e3e6e;}
.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:.98;position:relative;border-radius:4px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .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:#fff;background:#7f8c8d}
.growl.growl-error{color:#fff;background:#c0392b}
.growl.growl-notice{color:#fff;background:#2ecc71}
.growl.growl-warning{color:#fff;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: #0e3e6e;
    padding-bottom: 20px;
}

/*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-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: #1cb8e617; 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: #1cb8e6;}
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 {background: #fff; 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: #ffffff;color: #fff;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: #888;
}
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: #fff;border: none;border-top: 1px solid #e7e7e7;}
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: #fff;}
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 .ideal-for.dv i { color: #0cb4e5 !important;}
body .wrapper .landing-page.ssl .features {background-color: #0e3e6e;text-align: center;}
body .wrapper .landing-page.ssl .features .feature {background-color: #1c4e80;}
body .wrapper .landing-page.ssl .features .feature:hover{background: #fff;box-shadow: 0px 0px 1px rgb(0 0 0 / 10%), 0px 2px 24px rgb(0 0 0 / 8%);}
body .wrapper .landing-page.ssl .features .feature i{color: #0cb4e5;}
.landing-page.ssl .features .feature h5{color: #fff;}
body .wrapper .landing-page.ssl .features .feature:hover h5{color: #000;}
.landing-page.ox .stand-out {background-color: #f5f5f5!important;}
.landing-page.ox .features .feature-block img {width: 58px;}
.landing-page.ox .features .feature-block p {margin-left: 80px;color: #5c5c5c;}
.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: #222;}
body .wrapper .landing-page.ox h3 {margin: 0 0 60px 0;color: #222;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 #e7e7e7;}
.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;color: #5c5c5c;}
.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 {color: #1cb8e6 !important;font-size: 42px!important;}
.landing-page.sitelock .emergency .feature-wrapper { background: #1c4e80;}
.landing-page.sitelock .emergency .feature-wrapper p {
    font-size: 14px;
    opacity: 0.8;
}
.landing-page.sitelock .emergency .price {color: #1cb8e6;}
body .wrapper .landing-page.sitelock .emergency .btn {padding: 15px 45px;background-color: #1cb8e6;border-color: #1cb8e6;font-size: 1.3em;}
body .wrapper .landing-page .features .feature .icon {line-height: 100px;}
body .wrapper .landing-page.weebly .features .feature .icon img { max-width: 66px;filter: invert(1);}
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: #fff;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: #ffc600;
    padding: 5px 15px;
    border-radius: 80px;
    font-size: 15px!important;
    color: #000;
}
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: #fff;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: #fff;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: #f2f2f2;
    border: none;
    border-bottom: transparent;
    border-radius: 0!important;
    padding: 12px 18px !important;
    width: auto;
    font-weight: 600;
    margin: 0;
    font-size: 14px;
    color: #000;
    flex: unset !important;
}
.store-order-container  .responsive-tabs-sm .nav-item a:hover {
    background-color: #f7f7f7;
    border-bottom: 0;
    color: #212529;
}
.store-order-container .nav-link.active {
    color: #fff;
    background-color: #45b9e8;
    border-color: transparent;
}
.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 #ddd;
}
input.form-control.subdomain-input {
    margin-right: 10px;
}
.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;
}
body .landing-page.mail-services .benefits i{
	font-size: 15px;
}
.menu-setting-content .card.card-sidebar button.btn.btn-block.btn-primary {
    background: #0063a5;
    border-color: #0063a5;
    font-size: 13px;
}
/*============================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: #fff;
	margin-bottom: 30px;
	top:-45px;
}
.terms-condition-banner-clientx h1 {
    color: #193e70;
    text-transform: capitalize;
    font-weight: 600;
}
.inner-section-terms-condition h3 {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #e6e8eb;
    position: relative;
    line-height: 58px;
}
.inner-section-terms-condition h3:after {
    content: "";
    border-bottom: 4px solid #193e70;
    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: #505050;
    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: #6e6e6e;
    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: #fff;
    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;}
.whmcs-default-navigation .dropdown-menu li a:hover {
    color: #45b9e8;
    background-color: #f2f5fe;
}
.domain-promo-box i {
    color: #40b5e7;
}
.checkbox-universal-box span.check-icon-span{
	    margin-top: 0px;
}
.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: #999aa1;
    font-size: 13px;
    margin-top: 10px;
}

.theme-knowledgebase-page .no-category, .announcements .no-announcement, .theme-download-page .inner-no-category{
	background: #fff;
    width: 100%;
    border: solid 2px #fff;
    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;
}
.defaultClientxSidebar-content .sidebar-menu-item-icon-wrapper {
    margin-right: 7px;
}
/*Whmcs 8.8.X - Clientx V3.2.0 css end*/
/* Clientx V3.2.2 */
.defaultClientxSidebar-content .menu-setting-content .sidebar-menu-item-badge {
    position: absolute;
    right: 20px;
    background: #dfe1e8;
    border-radius: 50px;
    width: 17px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}
#sitejetPromoPanel #sitejetSsoButton {
    background: #0cb4e5;
    color: #fff;
    padding: 7px 14px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    clear: both;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    width: 100%;
    border: transparent;
}
#sitejetPromoPanel #sitejetServiceSelect {
    border-color: #d9e9f5;
}
#sitejetPromoPanel .mt-2.mb-3 {
    margin-top: 49px !important;
    align-items: center;
}
.right-section-sitejet select {
    margin-bottom: 10px;
}
#sitejetPromoPanel .d-flex.justify-content-center.justify-content-md-start.mt-2.mt-md-0 div {
    width: 100%;
}
div#cPanelPackagePanel #sitejetEditBtn {
    width: auto;
    background: #1cb8e6;
    color: #ffff;
    padding: 10px 14px;
    border: none;
    margin: 17px 0 0;
    display: inline-block;
}
.default-whmcs-client-area.p-4 div#sitejetPromoPanel .card-body {
    max-height: max-content;
}

.theme-user-management.bg-white.m-30 {
    padding: 20px;
}
.domain-renew-left-section .text-center small {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}