/* My own css */

.nav-link {
    display:none; 
}

.navbar-collapse:not(clientarea-entered) {
    display:none!important;
}

.register_page {
    padding-top: 0px;
}

.login-side-image {
    background-color: #00000020;
    height: 680px;
}

.personal_information_form .button03 {
    background-color: #00af60;
}

.register_page .right .nav li a.active {
    color: #00af60;
    border-bottom-color: #00af60;
}

.footer {
    padding-bottom: 70px;
    padding-top: 60px;
}

.footer .footer_col .button03 {
    background-color: #00af60;
    max-width: 220px;
}

.register_page .personal_information_form .button03 {
    background-color: #00af60;
}


.hostx-container-psw .button03,
#frmGeneratePassword button.btn.btn-default.btn-sm.wgs-submit-button,
#frmGeneratePassword button#btnGeneratePasswordInsert,
.wgs-submit-button {
    background-color: #00af60;
    border-color: #00af60;
}

.wgs-submit-button:hover,
.wgs-side-panels .panel-footer .btn:hover,
.clientareadetails .btn-primary, .btn-primary:hover {
    background-color: #017943;
    border-color: #017943;
}

.register_page .nav-link:hover,
.table-container .table td a,
.support_tickets .activ .text-domain,
.register_page .right>h1 span,
.table-container .dataTables_paginate .pagination li.active a {
    color: #000;
}

.wgs-circle-name span {
    background-color: #e6ffe5;
    color: #00af60;
}

.wgs-side-panels .panel-footer .btn,
input#btnMassPayMakePayment {
    background-color: #00af60;
    color: #fff;
}

.header .right .right_navi li div#languageList a.dropdown-item, nav#myHeader div#languageList a.dropdown-item {
    width: 100%;
}

.header .right .right_navi li div#languageList,
nav#myHeader div#languageList {
    min-width: 0px;
    left: 0px;
}

.clientareadetails .btn-primary,
.btn-primary,
button#btnSubmit,
.inner-content-area .btn-primary,
.inner-content-area .btn-primary:disabled {
    font-size: 14px;
    background-color: #00af60;
    border: 1px #00af60 solid;
    padding: 7px 20px;
    border-radius: 0;
    min-width: 178px;
}

.btnpadded {
    padding: 7px 40px;
}

.sidebar-left-hostx .nav>li>.nav-sub>li>a {
    text-transform: none;
}

.wid-level .wgs-a-btn a,
.clientareaproductdetails .btn-primary {
    font-weight: 500;
    border-radius: 3px;
    background-color: #00af60;
    color: #fff;
}

.clientareaproductdetails .btn-primary:hover {
    color: #fff;
    background-color: #174943;
    border-color: #174943;
    font-weight: 400;
    border-radius: 3px;
}

.client_affiliate_view_page .shared-hosting .affiliate-referral-link span,
.choose-more-product .more-product-col {
    border-color: #00af60;
}

.client_affiliate_view_page .shared-hosting .affilates_div_box span,
.client_affiliate_view_page .shared-hosting .affilate_data_tbl td span {
    color: #000;
}

a,
.panel-info>.panel-heading {
    color: #000;
}

.btn-info {
    color: #000;
    background-color: #e6e6e6;
    border-color: #dadada;
}

.btn-info:hover {
    color: #000;
    background-color: #dadada;
    border-color: #dadada;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btnpadded {
    padding: 7px 35px;
}

.btn {
    font-size: 14px;
}

.clientareacancelrequest a.cencel-btn-bottom {
    padding: 14px 30px;
    font-size: 14px;
}

.clientareacancelrequest .form-group label {
    font-size: 13px;
    
}

.status-pending {
    color: #ffa03e!important;
    border-color: #ffa03e!important;
}

.shared-hosting {
    padding-top: 30px;
}

.panel-info,
.panel-info>.panel-heading {
    border-color: #e7e7e7;
}
.btn-success,
.clientarea.account-paymentmethods .right a.btn.btn-primary {
    background-color: #00af60;
    border-color: #00af60;
}

.announcements .view_ticket_box .top::after, .view_ticket_col .shared-hosting .view_ticket_box .top:after {
    color: #00af60;
}

ul.sidenav-list li a {
    font-size: 15px;
}

/* Was already Added */
@media only screen and (min-width:320px) and (max-width:480px) {
.tab-leftwidth ul.slick-dots{
    display: none !important;
}
ul.slick-dots {
    display: none !important;
}
.custom .slick-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    font-family: 'FontAwesome';
    font-size: 20px;
}
.footersection .slick-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    font-family: 'FontAwesome';
    font-size: 20px;
}
 .footersection .slick-prev:before {
    content: '\f053';
    left: 0;
    color:#fff;
    top:82px;
}
.footersection .slick-next:before {
    content: '\f054';
    right: 0;
    color:#fff;
    top:82px;
}.custom .slick-prev:before {
    content: '\f053';
    left: 0;
	
}.custom .slick-next:before {
    content: '\f054';
    right: 0;
	
}
.custom .slick-prev:before {
    content: '\f053';
    left: 0;
	
}.footersection  .slick-next:before {
    content: '\f054';
    right: 0;
	
}
.custom .slick-arrow, .footersection .slick-arrow {    
    font-size: 0px;
    border: 0px;
}
}
@media only screen and (min-width:575px) and (max-width:767px) {
    .col-md-3.tab-leftwidth {
        padding-left: 0;
        /* width: 100%; */
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-9.tab-rightwidth {
        flex: 0 0 75%;
        max-width: 75%;
    }
    div#v-pills-tab a {
        width: 100%;
        font-size: 13px;
        display: inline-grid;
        padding: 9px;
        text-align: center;
    }
    .hx_supprt-sec {
        margin: 10px;
    }
}

.choose-more-product
.more-product-col {
    line-height: normal;
    padding: 10px;
}

.widgetBody {
    min-height: 115px;
}

.copyright {
    color: #555;
    background-color: #e0e0e0;
}

#inputDescriptionContainer {
    display: none;
}

.table-container .table td .status-refunded {
    coloR: #ffcc19;
    border-color: #ffcc19;
}

.table-container .table td .status-cancelled {
    color: #9FA29A;
    border-color: #9FA29A;
}

/* Invoice status textgrey and textblack color overrides */
/* These classes are added by WHMCS core PHP code around the status text */
.table-container .table td .status .textgrey {
    color: inherit !important;
    /* This will inherit the color from the parent .status-{statusClass} */
    /* For example: .status-cancelled sets color, and textgrey will inherit it */
}

.table-container .table td .status .textblack {
    color: inherit !important;
    /* This will inherit the color from the parent .status-{statusClass} */
}

.ticket-number {
    font-size: 12px;
    font-weight: 400 !important;
    
}

.ticket-subject {
    font-size: 15px;
}

.ticket-subject.unread {
    font-weight: 600 !important;
}