.billing-setup #orders td.order-block {
    background-color: #49B2E5;
    color: #fff;
    border: 0;
}
.billing-setup #orders span.status-paid {
    color: #65AF22;
    font-weight: 700;
    text-transform: uppercase;
}
.billing-setup #orders span.status-refunded {
    color: #F05952;
    font-weight: 700;
    text-transform: uppercase;
}
.billing-setup #orders span.status-unpaid {
    color: #F05952;
    font-weight: 700;
    text-transform: uppercase;
}
.billing-setup #orders td.text-right {
    text-align: right;
}
.billing-setup #orders td.text-center {
    text-align: center;
}
.billing-setup #orders th.th-total {
    text-align: right;
}
.billing-setup #orders th.th-created {
    text-align: center;
}
.billing-setup #orders th.th-paid {
    text-align: center;
}
.billing-setup #orders th.th-status {
    text-align: center;
}
.billing-setup #orders td a.transaction-show:hover {
    text-decoration: none;
}
.balance-info {
    margin-top: 80px;
}
.billing-setup .card-info {
    width: 70%;
    margin: 0 auto;
    margin-top: 40px;
    color: red;
}
.billing-setup .payment-description {
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
    color: #6A6A6A;
    font-size: 16px;
}
.billing-setup .payment-method {
    width: 70%;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding: 20px;
    margin: 0 auto;
    margin-top: 20px;
}
.billing-setup .payment-method div {
    line-height: 30px;
}
.billing-setup .payment-method .icon-remove {
    color: red;
}
.billing-setup .payment-method .icon-refresh {
    color: #60BBE8;
}
.billing-setup .payment-method .icon-plus {
    color: #5CBD4B;
}
.billing-setup .payment-method .icon-credit-card {
    margin-right: 12px;
}
.billing-setup .payment-method {
    font-size: 16px;
}
.billing-setup .payment-method a {
    color: #6A6A6A;
}
.btn.add-funds {
    background-color: #60BBE8;
    color: #fff;
}
.btn.add-funds:hover {
    background-color: #60b0dd !important;
    color: #fff;
}
.toggle-button.deactivate.disabled-renew, .toggle-button.deactivate.disabled-renew:hover {
    cursor: pointer !important;
}
.auto_billing, .auto_billing:hover {
    cursor: pointer !important;
}

.billing-setup .invoice-block {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FBFBFB;
    border: 1px solid #e8e8e8;
    padding: 20px;
    text-align: left;
    border-radius: 0px !important;
    position: relative;
}
.billing-setup .invoice-block h4 {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
}
.billing-setup .invoice-block .action-buttons {
    text-align: left;
}
.billing-setup .invoice-block table {
    margin:20px 0 20px 0;
    border: 0;
}

.billing-setup .invoice-block table th {
    font-weight: 600;
    background-color: #efefef;
    color: #232323;
}
.billing-setup .invoice-block .total-amount {
    font-size:14px;
    line-height: 20px;
    padding:5px;
    text-align: right;
}
.billing-setup .invoice-block .action-buttons {
    line-height: 50px;
}
.billing-setup .invoice-block .action-buttons .btn {
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 0px !important;
    width: 120px;
}
.billing-setup .invoice-block .action-buttons .btn.orange {
    background-color: #f19e30 !important;
}
#renew_now {
    color: #fff;
    text-shadow: none;
    border-radius: 0px!important;
    font-weight: 600;
}

ul.nav.nav-tabs.billing-steps {
    margin-bottom: 35px;
    border-bottom: 1px solid #d6d6d6;
}

ul.nav.nav-tabs.billing-steps li{
    border: 1px solid #d6d6d6;
    border-left: 0px;
}
ul.nav.nav-tabs.billing-steps li:hover{
    background-color: #eee;
}
ul.nav.nav-tabs.billing-steps li.active:hover{
    background-color: #fff;
}

ul.nav.nav-tabs.billing-steps li:first-child{
    border-left: 1px solid #d6d6d6;
}

ul.nav.nav-tabs.billing-steps li a{
    margin-left: 20px;
    margin-right: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color:#333;
}

.nav-pills>li>a, .nav-tabs>li>a {
    padding-top: 12px;
    padding-bottom: 12px;
}

ul.nav.nav-tabs.billing-steps li.active{
    border-bottom: 1px solid #fff;
}

ul.nav.nav-tabs.billing-steps li.active a {
    color: #333333 !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border:0;
    padding: 13px 0;
}

.billing-setup .invoice-block table tr:nth-child(even){
    background: #f1f1f1;
    border:0;
}

.billing-setup .invoice-block table td{
    border:0;
}

.billing-setup #orders td.order-block {
    background-color: #49B2E5;
    color: #fff;
    border: 0;
}
.billing-setup #orders span.status-paid {
    color: #4ca900;
    font-weight: 700;
    text-transform: uppercase;
}
.billing-setup #orders span.status-refunded {
    color: #F05952;
    font-weight: 700;
    text-transform: uppercase;
}
.billing-setup #orders span.status-unpaid {
    color: #F05952;
    font-weight: 700;
    text-transform: uppercase;
}
.billing-setup #orders td.text-right {
    text-align: right;
}
.billing-setup #orders td.text-center {
    text-align: left;
}
.billing-setup #orders th.th-total {
    text-align: right;
}
.billing-setup #orders th.th-created {
    text-align: center;
}
.billing-setup #orders th.th-paid {
    text-align: center;
}
.billing-setup #orders th.th-status {
    text-align: center;
}
.billing-setup #orders td a.transaction-show:hover {
    text-decoration: none;
}
.balance-info {
    margin-top: 80px;
}
.billing-setup .card-info {
    width: 70%;
    margin: 0 auto;
    margin-top: 40px;
    color: red;
}
.billing-setup .payment-description {
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
    color: #6A6A6A;
    font-size: 16px;
}
.billing-setup .payment-method {
    width: 70%;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding: 20px;
    margin: 0 auto;
    margin-top: 20px;
}
.billing-setup .payment-method div {
    line-height: 30px;
}
.billing-setup .payment-method .icon-remove {
    color: red;
}
.billing-setup .payment-method .icon-refresh {
    color: #60BBE8;
}
.billing-setup .payment-method .icon-plus {
    color: #5CBD4B;
}
.billing-setup .payment-method .icon-credit-card {
    margin-right: 12px;
}
.billing-setup .payment-method {
    font-size: 16px;
}
.billing-setup .payment-method a {
    color: #6A6A6A;
}
.btn.add-funds {
    background-color: #60BBE8;
    color: #fff;
}
.btn.add-funds:hover {
    background-color: #60b0dd !important;
    color: #fff;
}
.toggle-button.deactivate.disabled-renew, .toggle-button.deactivate.disabled-renew:hover {
    cursor: pointer !important;
}
.auto_billing, .auto_billing:hover {
    cursor: pointer !important;
}

.billing-setup .invoice-block {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FBFBFB;
    border: 1px solid #e8e8e8;
    padding: 20px;
    text-align: left;
    border-radius: 0px !important;
    position: relative;
}

.billing-setup .invoice-block .action-buttons {
    text-align: left;
}
.billing-setup .invoice-block table {
    margin:20px 0 20px 0;
    border: 0;
}
.billing-setup .invoice-block table th {
    font-weight: 600;
    background-color: #efefef;
    color: #232323;
}
.billing-setup .invoice-block .total-amount {
    font-size:14px;
    line-height: 20px;
    padding:5px;
    text-align: right;
}
.billing-setup .invoice-block .action-buttons {
    line-height: 50px;
}
.billing-setup .invoice-block .action-buttons .btn {
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 0px !important;
    width: 120px;
}

a.transaction-show {
    margin-right: 10px;
}

.billing-setup a {
    color: #0d638f;
}
.billing-setup a.unsubscribe-reminders {
    color: #232323;
}

table#transactions {
    max-width: 750px!important;
    float: right;
}

table#transactions thead {
    background: #f0f0f0;
}

table#transactions tbody tr td {
    background: none;
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background: #f8f8f8;
}

tr.transaction-list-open td,
tr.transaction-list-open th {
    border-top: 0;
}

tr.transaction-list-open i.icon-credit-card {
    color: grey;
    font-size: 16px;
}

tr.transaction-list-open:hover,
tr.transaction-list-open:hover td {
    background: none!important;
}

table#orders {
    margin-bottom: 45px!important;
}

table#orders td{
    border-bottom: 1px solid #ddd;
    border-top:0;
}

table#orders i.icon-ok {
    color: #4ca900!important;
}

.col-email {
    word-break: break-word;
}

.discount-badge {
    width: 110px;
    height: 110px;
    background: #fc1450 ;
    border-radius: 200%!important;
    display: block;
    position: absolute;
    right: -30px;
    top: -30px;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.6);
}

.discount-badge-content {
    width: 93px;
    height: 93px;
    background: #fc1450 ;
    border-radius: 200%!important;
    border: 2px solid white;
    margin: 6px;
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

.discount-badge-content p {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -1px;
    text-shadow: 1px 1px rgba(115, 29, 29, 0.64);
    text-transform: uppercase;
    margin: 10px 4px;
    line-height: 14px;
    max-width: 88px;
    color: #fff;
    text-align: center;
}

span.percentage {
    font-family: 'Open Sans',sans-serif;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -1px;
    text-shadow: 1px 1px rgba(115, 29, 29, 0.64);
    display: block;
    margin: 3px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    line-height: 38px;
}

tr.hosting_item .badge-success, tr.hosting_item .label-success {
    background: none!important;
    color: #4ca900 !important;
    font-weight: 700!important;
    text-transform: uppercase!important;
}

tr.hosting_item .badge-warning, tr.hosting_item .label-warning {
    background: none !important;
    color: #f4a80c !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.btn.purple {
    color: #fff !important;
    background-color: #6747c7 !important;
}

.btn.purple:active, .btn.purple:focus, .btn.purple:hover {
    color: #fff !important;
    background-color: #5435b0 !important;
}

tr.hosting_item .mini {
    height: 15px;
    font-size: 14px!important;
    line-height: 13px;
    padding: 8px 14px;
    background-color: #ef9509 !important;
}

tr.hosting_item .btn.purple:active,
tr.hosting_item .btn.purple:focus,
tr.hosting_item .btn.purple:hover {
    color: #fff!important;
    background-color: #ff7800 !important;
}

.big {
    height: 27px!important;
    font-size: 14px!important;
    line-height: 26px!important;
    padding: 6px 14px!important;
}

a.btn.purple.big.new-service-btn.ga-event::after {
    content: "\f105";
    font-family: FontAwesome;
    font-size:16px;
    margin: 0 5px;
}

.m-icon-white{
    display:none!important;
}



/* Cart Setup */
.cart-setup-hosting .thumbnails {
    margin: 0 auto;
    width:100%;
    margin-top:20px;
    margin-bottom:30px;
}

.cart-setup-hosting .thumbnails .thumbnail {
    margin: 0px;
    margin-left: -5px;
    margin-right: -5px;
    border: 0;
    border-radius: 0px !important;
    color: #fff;
    padding:20px;
    min-height: 205px;
}

.cart-setup-hosting .thumbnails h3 {
    font-weight: 400;
}

.cart-setup-hosting .thumbnails img {
    width: 80px;
    height: 80px;
}

.cart-setup-hosting .thumbnails img.small {
    width: 50px;
    height: 50px;
}

.cart-setup-hosting .thumbnails .own-domain {
    background-color: #42c0fb;
}

.cart-setup-hosting .thumbnails .buy-domain {
    background-color: #F1C40F;
}

.cart-setup-hosting .thumbnails .external-domain {
    background-color: #9B58B5;
    min-height: 171px;
}

.cart-setup-hosting .thumbnails .transfer-domain {
    background-color: #1BBC9B;
}

.cart-setup-hosting .thumbnails .own-domain.color-switch:hover {
    background-color: #42c0fb;
}

.cart-setup-hosting .thumbnails .buy-domain.color-switch:hover {
    background-color: #F1C40F;
}

.cart-setup-hosting .thumbnails .external-domain.color-switch:hover {
    background-color: #9B58B5;
}

.cart-setup-hosting .thumbnails .transfer-domain.color-switch:hover {
    background-color: #1BBC9B;
}

.cart-setup-hosting .thumbnails a:hover {
    text-decoration: none;
}

.cart-setup-hosting .thumbnails .thumbnail.blue {
    background-color: #42c0fb;
}

.cart-setup-hosting .thumbnails .thumbnail.yellow {
    background-color: #F1C40F;
}

.cart-setup-hosting .thumbnails .thumbnail.freehost {
    background-color: #B80303;
}

.cart-setup-hosting .thumbnails .thumbnail.purple {
    background-color: #9B58B5;
}

.cart-setup-hosting .thumbnails .thumbnail.green {
    background-color: #1BBC9B;
}

.cart-setup-hosting .thumbnails .thumbnail.red {
    background-color: #E84C3D;
}

.cart-setup-hosting .thumbnails .thumbnail.default {
    background-color: #FAFAFA;
    color: #666666;
    border: 1px solid #E8E8E8;
}

.cart-setup-hosting .thumbnails .thumbnail.default:hover {
    background-color: #f3f3f3;
}

.cart-setup-hosting.cart-five .thumbnails .thumbnail {
    min-height: 215px;
}


ul.billing-steps.nav-tabs>li>a:focus {
    border-color: #eee!important;
}

ul.nav.nav-tabs.billing-steps li a {
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 13px 20px;
}

ul.nav.nav-tabs.billing-steps li.active a {
    padding: 14px 20px!important;
}

ul.billing-steps.nav-tabs>li>a:focus, ul.billing-steps.nav-tabs>li>a:hover {
    border-color: #eee!important;
}

.billing-setup table#orders a {
    color: #008cd0 !important;
}


div#dashboard .thumbnails .thumbnail {
    padding:30px;
    position:relative;
}


div#dashboard .thumbnails .thumbnail .manage {
    margin: 0;
    font-weight: 600;
    font-size: 13px;
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}

div#dashboard .thumbnails .thumbnail > h4.tile-label {
    height: auto!important;
    margin: 0;
}

div#dashboard .responsive.span3 a:first-child .thumbnail {
    height: 210px;
}

div#dashboard .thumbnails .thumbnail .manage i {
    font-size: 10px;
    text-decoration: none!important;
}

div#dashboard .thumbnails .thumbnail .number {
    margin: 20px 0;
    text-align: center;
    font-size: 50px;
    line-height: 38px!important;
}

div#dashboard .thumbnails .thumbnail.green h4 strong {
    text-align: center;
    line-height: 38px!important;
    height: 38px!important;
}

div#dashboard .thumbnails .thumbnail.blue h4 strong {
    text-align: center;
    line-height: 38px!important;
    height: 38px!important;
}

div#dashboard .thumbnails .thumbnail.purple h4 strong {
    text-align: center;
    line-height: 38px!important;
    height: 38px!important;
}

div#dashboard .thumbnails .thumbnail.yellow h4 strong {
    text-align: center;
    line-height: 38px!important;
    height: 38px!important;
}

div#dashboard .thumbnails .thumbnail h4, div#dashboard .thumbnails .thumbnail{
    font-weight:400;
}

h4.tile-label.account-name {
    height: auto!important;
    margin: 0;
}

div#dashboard .thumbnails .thumbnail.small {
    padding: 15px;
    font-size: 16px;
}

div#dashboard .thumbnails .thumbnail.small i.icon-plus-sign {
    font-size: 18px;
}

div#dashboard .thumbnail.yellow:hover {
    text-decoration:none!important;
    background-color: #fdb100!important;
}

div#dashboard .thumbnails .thumbnail.purple:hover {
    text-decoration:none!important;
    background-color: #8331a2!important;
}

div#dashboard .thumbnails .thumbnail.green:hover {
    text-decoration:none!important;
    background-color: #0ca988!important;
}

div#dashboard .thumbnails .thumbnail.blue:hover {
    text-decoration:none!important;
    background-color: #0f96d2!important;
}

div#dashboard .thumbnails a:focus {
    text-decoration: none;
}


#vps-management {
    padding-bottom: 45px;
}

#vps-management .vps-block {
    margin: 0;
    padding: 30px;
    background-color: #F8F8F8;
    border: 1px solid #D2D2D2;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 0px !important;
    width: 49.5%;
    min-height: 585px;
}

#vps-management .vps-block h3{
    margin-top:0;
}

.vps-block__title, .vps-block__action-progress {
    width: 48%;
    display: inline-block;
}

.vps-block__action-progress {
    text-align: right;
}

.vps-block__action-progress a {
    color: currentColor;
    text-decoration: none;
}

.vps-block__action-progress-text {
    display: inline-block;
    background: #E8E8E8;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 0.82rem;
    margin: 0;
}

.vps-block__action-progress-text:before {
    content: '';
    width: 7px;
    height: 7px;
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%;
    background: #35aa47;
    animation: blink 5s linear 1s infinite;
}

#vps-management .vps-block.vps-ssh-details {
    float:right;
}

#vps-management .vps-block hr {
    border: 0;
    border-bottom: 1px solid #D2D2D2;
}

#vps-management .vps-block.vps-ssh-details .vps-details-list {
    margin-bottom:30px;
}

#vps-management .vps-block .vps-status-info {
    text-align: center;
}

#vps-management .vps-block .vps-status-info .vps-status-running {
    color: #13a53a;
    font-weight: 700;
    font-size: 26px;
    margin: 25px 10px 25px 10px;
    position:relative;
}
#vps-management .vps-block .vps-status-info .vps-status-stopped {
    color: #e60017;
    font-weight: 700;
    font-size: 26px;
    margin: 25px 10px 25px 10px;
    position:relative;
}
#vps-management .vps-block .vps-status-info .vps-status-executing {
    color: #F09108;
    font-weight: 700;
    font-size: 26px;
    margin: 25px 10px 25px 10px;
    position:relative;
}
#vps-management .vps-block .vps-status-info .vps-status-recovery {
    color: #F09108;
    font-weight: 700;
    font-size: 26px;
    margin: 25px 10px 25px 10px;
    position:relative;
}

#vps-management .vps-block .vps-status-info .vps-status-stopped {
    color: #e60017;
    font-weight: 700;
    font-size: 26px;
    margin: 25px 10px 25px 10px;
    position:relative;
}

#vps-management .vps-block .vps-status-info .vps-status-running::before {
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 22px solid #13a53a;
    content: " ";
    top: 0;
    position: absolute;
    margin-left: -30px;
}

#vps-management .vps-block .vps-status-info .vps-status-stopped::before {
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 22px solid #e60017;
    content: " ";
    top: 0;
    position: absolute;
    margin-left: -30px;
}

#vps-management .vps-block .vps-status-info .vps-status-executing::before {
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 22px solid #F09108;
    content: " ";
    top: 0;
    position: absolute;
    margin-left: -30px;
}

#vps-management .vps-block .vps-status-info .vps-status-recovery::before {
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 22px solid #F09108;
    content: " ";
    top: 0;
    position: absolute;
    margin-left: -30px;
}

#vps-management .vps-warning {
    color: #e60017;
    font-style: italic;
}

#vps-management h3 {
    font-weight: 600;
    color: #333;
}

#vps-management .ssh-useful-tips p {
    font-size: 13px;
    line-height: 18px;
    font-style: italic;
    color: #4e4e4e;
}

#vps-management .btn.blue {
    color: #fff;
    text-shadow: none;
    background-color: #3480ff;
    border-radius: 0px!important;
    min-width: 65px;
    padding: 5px 14px;
}

#vps-management .btn.orange.buy {
    color: #fff;
    text-shadow: none;
    background-color: #F09108;
    border-radius: 0px!important;
    min-width: 65px;
    padding: 5px 14px;
}

#vps-management .btn.green {
    border: 0;
}

#vps-management .btn.red {
    color: #fff;
    background-color: #e60017;
}

.vps-action-buttons a {
    min-width: 65px;
}

.vps-action-buttons a i {
    margin-left:6px;
}

#vps-management input,
#vps-management select {
    border: 1px solid #bfbebe;
    border-radius: 0!important;
    margin: 0;
    margin-right: 8px;
}

#vps-management form {
    margin: 0;
}

#vps-management .btn.orange,
#domain-management .btn.red  {
    color: #fff;
    text-shadow: none;
    background-color: #f75521;
}

#vps-management .toggle-button label,
#domain-management .toggle-button label {
    background: #dddddd;
    margin-left: -4px;
    margin-right: -4px;
    border: none;
    margin-top: -1px;
    z-index: 100;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6));
    background-image: -webkit-linear-gradient(top, #fefefe, #e6e6e6);
    background-image: -moz-linear-gradient(top, #fefefe, #e6e6e6);
    background-image: -o-linear-gradient(top, #fefefe, #e6e6e6);
    background-image: linear-gradient(top, #fefefe, #e6e6e6);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

#vps-management .toggle-button span.success,
#domain-management .toggle-button span.success {
    font-weight: 700!important;
    color: #fefefe;
    background: #35aa47;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #62c462), color-stop(100%, #51a351));
    background-image: -webkit-linear-gradient(bottom, #62c462, #51a351);
    background-image: -moz-linear-gradient(bottom, #62c462, #51a351);
    background-image: -o-linear-gradient(bottom, #62c462, #51a351);
    background-image: linear-gradient(bottom, #62c462, #51a351);
}

#vps-management .toggle-button span.danger,
#domain-management .toggle-button span.danger {
    font-weight: 700!important;
    color: #fefefe;
    background: #e60017;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f));
    background-image: -webkit-linear-gradient(bottom, #ee5f5b, #bd362f);
    background-image: -moz-linear-gradient(bottom, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(bottom, #ee5f5b, #bd362f);
    background-image: linear-gradient(bottom, #ee5f5b, #bd362f);
}

#vps-management span.labelRight.danger {
    font-weight: 700!important;
    padding-right: 0;
    padding-left: 3px;
}

#vps-management table.vps-table.vps-other-settings td,
#vps-management  .row-fluid.vps-other-block td{
    margin-bottom: 10px;
    display: inline-block;
    min-width: 180px;
}

#vps-management  .toggle-button {
    border-radius: 0px!important;
    border: 0!important;
}

#vps-management .chart {
    margin: 0;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#vps-management i.fa.fa-question-circle::before {
    content: "\f059";
    font-family: FontAwesome;
    color: #a9a9a9;
    font-size: 18px;
    position: relative;
}

.orders-list-nav {
    margin-top:35px;
}

.orders-list-nav ul.page-sidebar-menu>li.active>a {
    background-color: #F06731 !important;
    color: #fff !important;
}
.orders-list-nav ul.page-sidebar-menu>li>a {
    font-weight: 600;
    text-transform: uppercase;
    color: #727372 !important;
}
.orders-list-nav ul.page-sidebar-menu>li>a>span.title {
    display: block;
    white-space: nowrap;
    width: 196px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.orders-list-nav ul.page-sidebar-menu>li.active>a .selected {
    background-image: url(img/sidebar-menu-arrow-orange.png) !important;
}

div#toast-container { margin-top: 35px; }
#toast-container>:hover { -moz-box-shadow: 0 0 2px #2b2b2b; -webkit-box-shadow: 0 0 2px #2b2b2b; box-shadow: 0 0 2px #2b2b2b; }
#toast-container>.toast-success { background-size: 15px; } #toast-container>div { padding: 15px 15px 15px 40px; }





#domain-management {
    padding-bottom: 45px;
    font-size:14px;
}

#domain-management .row-fluid.domain-other-block .span6:last-child table.domain-table td {
    min-width: 100px!important;
}

#domain-management i.fa.fa-question-circle::before {
    content: "\f059";
    font-family: FontAwesome;
    color: #b4b4b4;
    font-size: 16px;
    position: relative;
}

#domain-management .domain-block {
    margin: 0;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #D2D2D2;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 0px!important;
    margin-bottom: 30px;
}

#domain-management .domain-block h3{
    margin-top:0;
}

#domain-management h3 {
    font-weight: 600;
    color: #333;
}
#domain-management h3 .icon {
    font-size: 36px;
    color: #CDCECD;
}
#domain-management .domain-epp label {
    display: inline-block;
}
#domain-management .domain-status-active,
#domain-management .domain-status-transfering {
    color: #65AF22;
    font-weight: 700;
    text-transform: uppercase;
}
#domain-management .domain-status-grace,
#domain-management .domain-status-pending_confirmation,
#domain-management .domain-status-suspended {
    color: #F09108;
    font-weight: 700;
    text-transform: uppercase;
}
#domain-management .domain-status-failed,
#domain-management .domain-status-transfering_failed,
#domain-management .domain-status-error,
#domain-management .domain-status-expired,
#domain-management .domain-status-canceled {
    color: #F05952;
    font-weight: 700;
    text-transform: uppercase;
}

#domain-management table.domain-table.domain-other-settings td,
#domain-management  .row-fluid.domain-other-block td{
    margin-bottom: 10px;
    display: inline-block;
    min-width: 140px;
}

#domain-management .btn.blue {
    color: #fff;
    text-shadow: none;
    background-color: #3480ff;
    border-radius: 0px!important;
    min-width: 65px;
    padding: 5px 14px;
}

#domain-management .btn.orange.buy {
    color: #fff;
    text-shadow: none;
    background-color: #F09108;
    border-radius: 0px!important;
    min-width: 65px;
    padding: 5px 14px;
}

#domain-management .btn.blue.buy {
    color: #fff;
    text-shadow: none;
    background-color: #3480ff;
    border-radius: 0px!important;
    min-width: 65px;
    padding: 5px 14px;
}

#domain-management .domain-block hr {
    border: 0;
    border-bottom: 1px solid #D2D2D2;
}
#domain-management .domain-other-block .manage-buttons-whois {
    text-align: right;
    margin-right: 77px;
}

#domain-management .manage-buttons-ns {
    text-align: right;
    margin-right: 77px;
}
#domain-management .manage-buttons-ns-child {
    text-align: right;
    margin-right: 22px;
}
#domain-management .domain-epp input,
#domain-management .domain-epp a.btn {
    margin-left: 20px;
}
#domain-management .domain-epp label {
    line-height: 34px;
}
#domain-management .domain-other-block h3 {
    margin-bottom: 20px;
}
#domain-management .domain-epp form {
    display: inline-block;
}

#domain-management .note.privacy-protection-buy {
    margin-left: -35px;
    padding: 0 30px 15px 25px;
    margin-top: 70px!important;
}

#domain-management .note.privacy-protection-buy h3 {
    line-height: 30px;
}

#domain-management button#default_childnameserver_use,
#domain-management button#default_nameservers {
    background-color: #aeaeae;
    color: #fff;
}


.dns-zone .page-title {
    display:none;
}
.dns-zone .portlet.box.pink,
.dns-zone .portlet.box.red {
    border: 0;
    background-color: #fff !important;
    margin-bottom:0px;
}
.dns-zone .portlet.box.pink .portlet-title,
.dns-zone .portlet.box.red .portlet-title {
    color: #232323 !important;
}
.dns-zone .portlet.box.red {
    margin-bottom: 20px;
}
.dns-zone .portlet.box.red .portlet-title {
    background-color: #fff !important;
}

.dns-zone h3 {
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
}

.dns-zone .portlet>.portlet-title>.caption {
    float: none;
    display: block;
}

.dns-zone .portlet-body .btn-group {
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}

.dns-zone .portlet.box>.portlet-title {
    border: 0;
}

.dns-zone .portlet.box>.portlet-body {
    background-color: #fff;
    padding: 0 10px;
    border-bottom: 1px solid #D2D2D2;
}

.dns-zone .portlet.box>.portlet-body .mini {
    height: 13px;
    font-size: 12px!important;
    line-height: 13px;
    padding: 6px 7px;
}

.dns-zone .btn.red {
    color: #fff;
    background-color: #e60018;
}

.dns-reset-default .btn.red {
    padding: 10px 34px;
    font-size:14px;
}


.dns-reset-default .form .form-actions {
    margin-top: 0!important;
    padding-left: 10px;
    background: none;
    border: 0;
}

.dns-reset-default .form-horizontal.form-bordered .control-group:first-child {
    border: 0!important;
}

.dns-reset-default .form-horizontal.form-bordered .control-group .controls {
    margin-left: 0;
    border: 0;
}

.dns-reset-default .form-horizontal.form-bordered .control-group .controls label {
    color: #e60018;
}

.dns-zone input.m-wrap {
    border: 1px solid #D2D2D2;
}

.dns-zone .portlet.box.red.dns-reset-default .form-actions {
    padding: 0px 20px 20px 20px;
    margin-bottom: 0!important;
}

.dns-zone .portlet.box>.portlet-body .row-fluid:last-child {
    display: none;
}
.dns-zone .portlet.box>.portlet-body form {
    margin-bottom: 10px!important;
}

.domain-order {
    width:500px;
    margin:0 auto;
}

.domain-order h2 {
    font-size: 30px;
    line-height: 33px;
    font-weight: bold;
    margin: 20px;
}

.domain-order h4 {
    font-size: 20px;
}



.domain-order-layout .thumbnails {
    margin: 0 auto;
    width:80%;
}
.domain-order-layout .thumbnails.step3 li.span5 .thumbnail {
    position: relative;
    height: 245px;
    padding: 20px 30px;
    text-align: center;
}

.domain-order-layout .thumbnail-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.domain-order-layout .thumbnails .thumbnail {
    margin: 5px;
    border: 0;
    border-radius: 0px !important;
    color: #fff;
    padding:20px;
}

.domain-order-layout .thumbnails h3 {
    font-weight: 600;
    margin-top: 18px;
}

.domain-order-layout .thumbnails img {
    width: 80px;
    height: 80px;
}

.domain-order-layout .thumbnails a:hover {
    text-decoration: none;
}

.domain-order-layout .thumbnails .thumbnail.purple {
    background-color: #8F68BB;
    color:#E0D4EC;
}
.domain-order-layout .thumbnails .thumbnail.purple h3 {
    color:#fff;
}
.domain-order-layout .thumbnails .thumbnail.purple-light {
    background-color: #E0D4EC;
    color:#8F68BB;
}
.domain-order-layout .thumbnails .thumbnail p {
    font-size: 16px;
    line-height: 22px;
    padding: 0px 15px;
}

.domain-order-layout ul.thumbnails {
    padding: 45px 0;
}

.domain-order-layout ul.thumbnails .btn {
    background-color: #42c0fb;
    background-image: none;
    filter: none;
    padding: 7px 22px;
    font-family: 'Open sans', sans-serif;
    font-size: 16px;
    color: #fff;
    outline: 0;
    border: 1px solid #fff;
    text-transform: uppercase;
    height: 42px;
    margin-top: 15px;
}

.domain-order-layout ul.thumbnails .btn.active,
.domain-order-layout ul.thumbnails .btn.disabled,
.domain-order-layout ul.thumbnails .btn:active,
.domain-order-layout ul.thumbnails .btn:focus,
.domain-order-layout ul.thumbnails .btn:hover {
    color:#42c0fb;
    background-color:#fff!important;

}

.knowledge-base{
    padding:0 25px 25px 25px;
}

.kb-top-block {
    padding: 0 20px;
}

.gif-loader-size{
    width:16px; height:16px;
}

.knowledge-base .kb-top-block .search-block,
.knowledge-base .kb-top-block .account-details{
    display:block;
    max-width:100%;
    width:500px;
    margin:0 auto;
    margin-bottom:15px;
}

.knowledge-base .kb-top-block img.hostinger-dragon {
    float: left;
}

.knowledge-base .search-block {
    padding: 25px;
}

.search-block-fields {
    margin-left: -25px;
    margin-right: -25px;
}

input#search {
    height: 45px;
    border-radius: 0px!important;
    border: 1px solid #b3b3b3 !important;
    text-indent: 50px;
    background-image: url(/themes/h2/img/search.png);
    background-repeat: no-repeat;
    background-size: 35px;
    font-size: larger;
    background-position: 8px center;
}

.knowledge-base .account-details {
    background: #eeecf9;
    border-radius: 0px!important;
    padding: 25px;
}

.account-details h3 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
}

.account-details .span6 {
    margin-bottom: 15px;
}

.knowledge-base-sidebar .support-block,
.knowledge-base-sidebar .popular-articles {
    background: #eeecf9;
    border-radius: 0px!important;
    padding: 25px;
    margin-bottom:15px;
}

.knowledge-base h2 {
    font-size: 24px;
    font-weight: 600;
    color:#333;
}

.knowledge-base h1 {
    font-size: 30px;
    font-weight: 600!important;
    color:#333;
}

.kb-category {
    padding: 15px;
}

.kb-category:hover {
    background-color: rgba(238,236,249,0.5) ;
}

.kb-category img {
    max-width: 65px;
    max-height: 65px;
}

.kb-descripion h4 {
    font-weight: 600;
    color: #333;
    font-size: 18px;
    margin-top:0;
}

.kb-descripion p {
    font-weight: 400;
    color: #717171;
    font-size: 14px;
}

.knowledge-base-sidebar h5 {
    font-weight: 600;
    color: #333;
    font-size: 18px;
    margin-top:0;
}

.knowledge-base .popular-articles a {
    color: #333;
    font-size: 14px;
    line-height: 24px;
}

.knowledge-base a.button.btn-purple {
    background: #6747c7;
    opacity: 1!important;
    color: #fff!important;
    padding: 8px 15px;
    border-radius: 0px!important;
    font-weight: 600;
    text-decoration: none;
    margin-top: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.knowledge-base a.button.btn-purple:hover {
    background: #9a7eec!important;
}

.knowledge-base a {
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.kb-search-results {
    background: #fff;
    margin: 10px -10px 0;
    padding: 0;
    max-height: 400px;
    overflow: auto;
    position: absolute;
    z-index: 99;
    border-radius: 0px !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.28);
    -webkit-overflow-scrolling: touch;
    display: block;
    width: 570px;
}

.kb-search-results > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kb-search-results > li {
    position: relative;
    padding: 0;
    margin: 0;
}

.kb-search-result-title {
    font-weight: 600;
    color: #333;
    font-size: larger;
}

.kb-search-results-list > a {
    text-decoration: none
}

.kb-search-results-list > form {
    margin: 0;
}

.kb-search-result {
    padding: 10px;
    list-style-type: none;
}

.kb-search-result:hover {
    background-color: rgba(238,236,249,0.5);
}

.kb-search-result-excerpt {
    font-weight: 400;
    color: #717171;
    font-size: 14px;
}

.knowledge-base ul#category-articles {
    position: relative;
    margin: 0;
    padding: 10px;
}

.knowledge-base #category-articles li.kb-search-result::before {
    content: "\f0da";
    font-family: "fontawesome";
    color: #957fd5 ;
    font-size: 18px;
    position: absolute;
    left: 0;
    margin-top: 3px;
}

.popular-articles > div {
    padding-bottom: 5px;
}

.kb-rate-entry {
    background: rgba(238,236,249,0.4);
    border-radius: 0px!important;
    padding: 15px;
    margin-bottom:15px;
    text-align: center;
    width: 40%;
    margin: 30px auto 50px;
    font-size: larger;
}

.kb-rate-entry .kb-rate {
    cursor: pointer;
    padding: 10px;
}

@media (min-width: 768px) and (max-width: 979px) {
    .width100 {
        width: 100% !important;
        margin: 0 !important;
    }
}


@media screen and (max-width: 1199px) {
    .kb-top-block {
        padding: 0!important;
        width: 100%!important;
        margin: 0!important;
    }
}

.ssl-suggestion .logo-background, .disk-suggestion .logo-background {
    position: absolute;
    background-color: white;
    width: 80px;
    height: 80px;
}

.ssl-suggestion .logo-background2, .disk-suggestion .logo-background2 {
    position: absolute;
    background-color: #fff2e0;
    width: 80px;
    height: 80px;
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
}

.ssl-suggestion-responsive {
    border-bottom-left-radius: 8px !important;
}

.ssl-suggestion .lamp-logo img, .disk-suggestion .lamp-logo img {
    position: relative;
    left: 18px;
    top: 18px;
}

.disk-suggestion .text-block {
    margin-left: 90px;
    margin-right: 184px;
    min-height: 72px;
}

.ssl-suggestion .text-block h4, .disk-suggestion .text-block h4 {
    font-weight: bold;
    margin: 8px 0 -5px 0;
}

.ssl-suggestion .text-block h5, .disk-suggestion .text-block h5 {
    text-align: justify;
    margin-bottom: 0px;
    margin-top: 8px;
}

.ssl-suggestion .button-block, .disk-suggestion .button-block {
    position: absolute;
    right: 30px;
    top: 22px;
}

.ssl-suggestion .close-suggestion, .disk-suggestion .close-suggestion {
    position: absolute;
    top: 5px;
    right: 7px;
    cursor: pointer;
    color: black;
    font-size: 1.5em;
}

.ssl-suggestion .close-suggestion .icon-remove:hover, .disk-suggestion .close-suggestion .icon-remove:hover {
    color: grey;
}

@media screen and (max-width: 768px){
    .custom-table-clearfix{
        display: grid;
    }
    #vps-management .vps-block{
        width: 100%;
        min-height: initial;
    }
    #vps-management .vps-block:nth-of-type(1){
        margin-bottom: 5px;
    }
}

.hosting-account-information li .hosting-info {
    font-weight: bold;
}

.hosting-account-information li .hosting-num {
    font-weight: 500;
}

.hosting-account-information li {
    padding: 8px 10px;
    border-top: none;
}

.progress {
    height: 10px;
    border-radius: 10px !important;
}

.progress .bar {
    background-color: #38b7fa;
}

.sidebar-menu-dropdown .btn, .btn:focus, .btn:hover {
    background-color: #d8d8d8 !important;
}

.dropdown.open .dropdown-toggle {
    background: white;
}

.sidebar-menu-dropdown {
    margin: 10px;
}

.sidebar-menu-dropdown button {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 0px !important;
    font-size: 16px !important;
}

.sidebar-menu-dropdown .dropdown-menu {
    width: 99%;
}

.sidebar-menu-dropdown .domain-select {
    font-weight: 500;
    width: 100%;
    font-size: 16px;
}

.select2-container.domain-select > .select2-choice {
    border-radius: 0px !important;
}

.select2-container.domain-select.select2-container-active.select2-dropdown-open > .select2-choice {
    border-radius: 0px !important;
}

.link-to-domain {
    padding: 10px;
    color: #169ef4;
}

.link-to-domain i {
    color: #bbb;
}

.remote-mysql-checkbox {
    display: inline-flex;
    margin: 8px;
}

#kb_widget {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}

#kb_widget a {
    color: #957fd5;
}
#kb_widget .content h4 {
    font-weight: 400;
    margin: 15px 0;
}

#kb_widget .content p{
    font-size:14px;
}

#kb_widget #kb_widget_content {
    float: right;
    width: 350px;
    height: 500px;
    right: -5px;
    bottom: -20px;
    position: absolute;
    border: 1px solid #e8e8e8;
    background-color: white;
    padding: 8px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.28);
    overflow: hidden;
    z-index: 999;
}
#kb_widget .content {
    padding: 10px 15px 20px 15px;
}

#kb_widget #kb_widget_content #kb_widget_suggestions {
    max-height: 350px;
    overflow: scroll;
    height: 350px;
    padding: 10px 15px 20px 15px;
}

#kb_widget #kb_widget_content #kb_widget_suggestions > h4 {
    margin-top:0;
    font-weight: 500;
}

#kb_widget #kb_widget_content #kb_widget_search .hostinger-dragon {
    float: left;
    width: 70px;
    margin-top: 5px;
    margin-right: 5px;
}

#kb_widget #kb_widget_content #kb_widget_search .search-block .search-block-fields > input#search {
    height: 30px;
    border-radius: 0px!important;
    border: 1px solid #b3b3b3!important;
    text-indent: 30px;
    background-image: url('/themes/h2/img/search.png');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-x: 3px;
    background-position-y: 3px;
    width: 250px;
}

#kb_widget #kb_widget_content #kb_widget_search .search-block .search-block-fields {
    margin: 0px;
}

#kb_widget #kb_widget_content #kb_search_suggest > hr {
    margin: 10px;
}

#kb_widget #kb_widget_content #kb_widget_search .search-block .search-block-fields h3 {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#kb_widget_search {
    padding: 10px;
}

#kb_widget #kb_widget_content #kb_widget_suggestions #articles .kb-search-results {
    background: #fff;
    margin: 10px -10px 0;
    padding: 0;
    max-height: 400px;
    overflow: auto;
    position: absolute;
    z-index: 99;
    border-radius: 0px !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.28);
    -webkit-overflow-scrolling: touch;
    display: block;
    width: 570px;
}

#kb_widget #kb_widget_content #kb_widget_suggestions #articles {
    margin: 0;
    padding-left: 15px;
    position: relative;
}

#kb_widget #kb_widget_content #kb_widget_suggestions #articles .kb-search-result {
    padding: 5px 0;
    cursor: pointer;
    list-style-type: none;
}

#kb_widget #kb_widget_content #kb_widget_suggestions #articles li.kb-search-result::before {
    content: "\f0da";
    font-family: 'fontawesome';
    color:#957fd5;
    font-size:18px;
    position:absolute;
    left:0;
    margin-top:3px;
}

#kb_widget #kb_widget_content #kb_widget_suggestions #articles  .kb-search-result:hover {
    background-color: rgba(238,236,249,0.5);
}

#kb_widget #kb_widget_content #kb_widget_suggestions #articles .kb-search-result .kb-search-result-title {
    font-size: 15px;
    font-weight: 500;
}

#kb_widget #kb_widget_content .loader {
    text-align: center;
    position: absolute;
    width: 97%;
    height: 345px;
    z-index: 1000;
}

#kb_widget #kb_widget_content .loader > img {
    width: 40px;
    padding-top: 35%;
}

#kb_widget #kb_widget_content #article-content {
    max-height: 480px;
    overflow: auto;
    display: none;
    position: absolute;
    top: 35px;
    width: 95%;
}

#kb_widget #kb_widget_content #article-content #rate-entry {
    text-align: center;
    padding-bottom: 20px;
    font-size: 16px;
}

#kb_widget #kb_widget_content #article-content #rate-entry img{
    height:35px;
}

#kb_widget #kb_widget_content #article-content .kb-rate {
    cursor: pointer;
    padding: 10px;
}

#kb_widget #kb_widget_content #article-content a.button.btn-purple {
    background: #6747c7;
    opacity: 1!important;
    color: #fff!important;
    padding: 8px 15px;
    border-radius: 0px!important;
    font-weight: 600;
    text-decoration: none;
    margin-top: 5px;
    display: inline-block;
    margin-bottom: 5px;
    cursor: pointer;
}

#kb_widget #kb_widget_content #contact-chat {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    width: 100%;
    background-color: #957fd5;
    border-bottom: 1px solid rgba(103,71,199,0.2);
    padding: 5px 0;
    font-weight: 600;
    font-size: 15px;
}

#kb_widget #kb_widget_content #contact-chat > a {
    color: white;
    cursor: pointer;
}

.kb-modal #image-modal {
    background: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: -40%;
    width: 80%;
    background-color: #fff;
    position: fixed!important;
    max-height: 75%;
    overflow: auto;
}

#kb_widget #kb_widget_content #article-content .content img {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
    cursor: pointer;
}

#kb_widget #kb_widget_content #go-back {
    cursor:pointer;
    display: none
}

div#kb_widget_button button {
    background: #6747c7;
    color: #fff;
    border: 0;
    font-size: 22px;
    padding: 15px 25px 15px 65px;
    position: relative;
    font-weight: 600;
    border-radius: 0px!important;
    filter: drop-shadow(2px 2px 3px rgba(0,0,0, 0.28));
    -webkit-filter: drop-shadow(2px 2px 3px rgba(0,0,0, 0.28));
}

div#kb_widget_button img {
    position: absolute;
    left: -45px;
    top: -25px;
    height: 100px;
    z-index: 3;
}

div#kb_widget_content .close {
    background-image: none!important;
    width: 20px;
    height: 20px;
}

div#kb_widget_content .close::before {
    content: "\f00d";
    font-family: 'Fontawesome';
}
.domain-lock-button-fix {
    font-size: 0 !important;
}

.domain-lock-off-icon{
    position: absolute;
    top: 3px;
    right: 15px;
    z-index: 999;
    font-size: 19px;
}

.domain-lock-on-icon{
    position: absolute;
    top: 3px;
    left: 12px;
    z-index: 999;
    font-size: 19px;
}

.domain-table [class*=" icon-"]:before, [class^=icon-]:before{
    cursor: pointer;
}


.nps-modal{
    border: none;
    background-color: #f6f6f6;
}

.nps-modal-header{
    padding: 10px 15px;
}

.nps-modal-header .close{
    margin-top: 0px;
}

.nps-modal-question{
    width: 100%;
    height: 33px;
    background-color: #745bbb;
    text-align: center;
    color: white;
    font-weight: 900;
    font-size: 14px;
    line-height: 2.4em;
}

.nps-modal #myModalLabel{
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    padding: 10px 20px;
    margin-bottom: 0;
}

.nps-modal .modal-body{
    padding: 15px 50px;
}

.nps-modal .rating-header{
    width: 100%;
    font-weight: 500;
}

.nps-modal .checkbox input[type=checkbox], .radio input[type=radio] {
    float: none;
    margin-left: 0px;
}

.nps-modal .nps-rating{
    display: flex;
    margin-top: 10px;
}

.nps-modal .nps-rating-single{
    margin: auto;
    text-align: center;
    width: 28px;
}

.nps-modal .nps-rating-single:last-child {
    margin-right: 0;
}

.nps-modal .nps-rating-single:first-child{
    margin-left: 0;
}

.nps-rating-single label{
    font-size: 24px;
    margin-bottom: 8px;
    font-weight: bold;
}

.nps-rating .nps-rating-single:nth-child(11){
    color: #008000;
}

.nps-rating .nps-rating-single:nth-child(10){
    color: #56a90a;
}

.nps-rating .nps-rating-single:nth-child(9){
    color: #7ae801;
}

.nps-rating .nps-rating-single:nth-child(8){
    color: #b1e601;
}

.nps-rating .nps-rating-single:nth-child(7){
    color: #fec806;
}

.nps-rating .nps-rating-single:nth-child(6){
    color: #fcc147;
}

.nps-rating .nps-rating-single:nth-child(5){
    color: #ff8b01;
}

.nps-rating .nps-rating-single:nth-child(4){
    color: #ed5a04;
}

.nps-rating .nps-rating-single:nth-child(3){
    color: #af3914;
}

.nps-rating .nps-rating-single:nth-child(2){
    color: #c72507;
}

.nps-rating .nps-rating-single:nth-child(1){
    color: #ff0f01;
}

.nps-modal .nps-comment{
    width:100%;
    margin-top: 15px;
    display: none;
}

.nps-modal textarea{
    resize: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.nps-comment p{
    margin-bottom: 7px;
    font-weight: 500;
    text-align: justify;
}

.nps-modal .modal-footer{
    background-color: white;
    text-align: center;
    height: auto;
    padding: 8px 50px;
    display: none;
}

.nps-modal .submit-opinion{
    background-color: #ff8b00;
    color: white;
    width: 35%;
    font-weight: 500;
}

.nps-modal .submit-opinion:hover{
    background-color: green !important;
}
.nps-modal div.radio{
    margin-right: 0;
}

.nps-modal .nps-comment-question{
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 12px;
}

.modal.nps-modal{
    width: 590px;
    margin-left: -295px;
}

/* Canceling global modal styling for custom NPS modal*/
@media screen and (max-width: 979px){
    .modal.nps-modal{
        left:50%;
        width: 590px !important;
        margin-left: -295px !important;
    }
}

@media screen and (max-width: 768px){
    .modal.nps-modal{
        left:1%;
        width: auto !important;
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 500px){
    .nps-modal .nps-modal-question {
        font-size: 8px;
        line-height: 4.5em;
    }

    .nps-modal #myModalLabel {
        font-size: 1.5em;
        padding: 8px 20px;
    }

    .nps-modal .modal-body {
        padding: 15px 25px;
    }
}

#pay_invoice.big{
    padding: 0px 14px !important;
}

#template-details .modal-footer{
    display: none !important;
}

#template-information-line{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.upgrade-layout form select.m-wrap{
    margin-bottom: 20px !important;
}

.nps-cart-header{
    position: relative;
    top: 30px;
    z-index: 1;
}

.not-pointing-note{
    position: sticky !important;
    z-index: 999 !important;
    top:42px !important;
}

#almost-full-disk-banner{
    margin-bottom: 25px;
    width: 100%;
    height: 178px;
    background-color: #4F3B93;
    background-size: cover;
}

.disk-full-btn{
    width: 80%;
    height: 76px;
    text-shadow: 0px 1px 1px #000000;
    -webkit-box-shadow: 0px 1px 1px #000000;
    -moz-box-shadow: 0px 1px 1px #000000;
    box-shadow: 0px 1px 1px #000000;
    color: #ffffff;
    font-size: 23px;
    background: #F03C3D;
    text-decoration: none;
    border: none;
    margin-top: 24px;
    font-weight:700;
    font-family: "Open sans", sans-serif;
}

.disk-full-btn:hover {
    background: #DD3233;
    text-decoration: none;
}

.almost-full-disk-button-div{
    width: 50%;
    float:left;
    color:white;
    position: relative;
    top: 37px;
}

.disk-full-button-title{
    font-size: 26px;
    text-shadow: 0px 1px 1px #000000;
}

.almost-full-disk-banner-img{
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
    top: 19px;
}

.almost-full-disk-banner-img img{
    margin-left: 30px;
}

@media screen and (max-width: 768px){
    #almost-full-disk-banner {
        height:auto;
        margin-bottom:26px;
        padding-bottom: 60px;
    }

    .almost-full-disk-banner-img {
        float: none;
        width:100%;
    }

    .almost-full-disk-banner-img img {
        margin-left: 0px;
    }

    .almost-full-disk-button-div {
        float: none;
        width:100%;
    }

    .disk-full-button-title{
        font-size: 31.5px

    }

    .disk-full-btn {
        width: 70%;
    }
}

@media screen and (max-width: 500px){

    .disk-full-button-title{
        line-height: 42px;
    }
}

.progress-bar {
    background-color: #e4c465;
    width: 0%;
    -webkit-transition: width 2.5s ease;
    transition: width 2.5s ease;
}

.clearfix{
    content: "";
    display: table;
    clear: both;
}

.pricing-table2 .rate {
    text-align: center;
}

@media screen and (max-width: 768px){
    .pricing-table2 .rate .btn {
        width: 100%;
        position: relative;
        padding: 15px 18px !important;
        right: 18px !important;
    }
}

.custom-responsive-pricing-table .span4 {
    margin: 3px !important;
}

#confirm-snapshot-create .modal-footer a, #confirm-snapshot-restore .modal-footer a, #confirm-recovery .modal-footer a {
    background-color: #2FAC41 !important;
    display: inline-block;
    width: 50%;
    float: right;
    padding: 7px 0;
    line-height: 40px;
}

#confirm-snapshot-create .modal-footer .btn, #confirm-snapshot-restore .modal-footer .btn, #confirm-recovery .modal-footer .btn {
    margin-left: 0;
}

#confirm-snapshot-create .btn, #confirm-snapshot-restore .btn, #confirm-recovery .btn{
    width: 50%;
    display: inline-block;
    padding: 7px 0;
    line-height: 40px;
}

#confirm-snapshot-create .btn:hover, #confirm-snapshot-restore .btn:hover, #confirm-recovery .btn:hover{
    background-color:#CDCDCD !important;
}

#confirm-snapshot-create .modal-footer a:hover, #confirm-snapshot-restore .modal-footer a:hover, #confirm-recovery .modal-footer a:hover {
    background-color:#249334 !important;
}

#confirm-snapshot-create .modal-footer, #confirm-snapshot-restore .modal-footer, #confirm-recovery .modal-footer{
    padding: 0;
}

#confirm-snapshot-create .modal-header h3, #confirm-snapshot-restore .modal-header h3, #confirm-recovery .modal-header h3{
    padding-top: 100px;
    text-align: center;
}

#confirm-snapshot-create .modal-header, #confirm-snapshot-restore .modal-header, #confirm-recovery .modal-header{
    border-bottom: none;
}


#confirm-snapshot-create .modal-body, #confirm-snapshot-restore .modal-body, #confirm-recovery .modal-body{
    padding: 0 30px 30px 30px;
    text-align: center;
}

#confirm-snapshot-create, #confirm-snapshot-restore, #confirm-recovery {
    position: fixed !important;
}

#confirm-snapshot-create .modal-header h3:before {
    content: "\f030";
    font-family: "FontAwesome";
    position:absolute;
    font-size:54px;
    color: #434343;
    top: 50px;
    left: 0px;
    right: 0px;
}

#confirm-snapshot-restore .modal-header h3:before {
    content: "\f0d0";
    font-family: "FontAwesome";
    position:absolute;
    font-size:54px;
    color: #434343;
    top: 50px;
    left: 0px;
    right: 0px;
}

#confirm-recovery .modal-header h3:before {
    content: "\f064";
    font-family: "FontAwesome";
    position:absolute;
    font-size:54px;
    color: #434343;
    top: 50px;
    left: 0px;
    right: 0px;
}

.table-thead-responsive {
    display: none;
}

@media screen and (max-width: 600px) {
    .responsive-services-table .table-striped tbody td:before {
        content: attr(data-th);
        display: inline-block;
    }

    .responsive-services-table .table-striped thead {
        display: none;
    }

    .responsive-services-table .table-striped tbody td {
        display: block;
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }

    .responsive-services-table .table-striped tbody tr td:first-child {
        background: #434343;
        color: #fff;
    }

    .responsive-services-table .btn.orange {
        margin-top: -20px;
        padding: 18px 50px;
        font-size: 16px;
    }

    .responsive-services-table .table-thead-responsive {
        display: inline !important;
        font-weight: bold;
    }

    div#kb_widget_button img {
        position: relative;
        top: 0;
        height: 80px;
        z-index: 3;
        left: 0;
    }

    .kb-widget-div, #kb_widget{
        bottom: 10px !important;
        left: 10px !important;
        right: unset;
    }

    #kb_widget #kb_widget_content{
        bottom: 0;
        right: unset;
    }

    div#kb_widget_button button {
        display: none;
    }
}

/***
Invoice page
***/
.invoice table {
    margin:30px 0 30px;
}

.invoice .invoice-logo {
    margin-bottom:20px;
}

.invoice .invoice-logo p {
    padding:5px 0;
    font-size:26px;
    line-height:28px;
    text-align:right;
}

.invoice .invoice-logo p span {
    display:block;
    font-size:14px;
}

.invoice .invoice-logo-space {
    margin-bottom:15px;
}

.invoice .invoice-payment strong {
    margin-right:5px;
}

.invoice .invoice-block {
    text-align:right;
}

.invoice .invoice-block .amounts {
    margin-top: 20px;
    font-size: 14px;
}

.payment-methods-div h2 {
    font-weight: 700;
    font-size: 22px;
}

#payment_gateways .tile.double {
    height: auto!important;
}

#payment_gateways .tile.image>.tile-body {
    padding: 16px 15px 16px 50px!important;
    border: 1px solid #ccc;
    position:relative;
    height: auto;
    margin: 0!important;
}

#payment_gateways .tile.image>.tile-body>img {
    width: 100%;
    height: auto;
    min-height: auto;
    max-width: 100%;
}

#payment_gateways .tile-body.currency-tile-body::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%!important;
    transform: translate(0,-50%);
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.tile:hover .tile-body.currency-tile-body::after {
    background: #aaa!important;
    box-shadow: inset 0px 0px 0px 3px #fff;
    border: 2px solid #aaa!important;
}

.tile.selected .tile-body.currency-tile-body::after, .tile:active .tile-body.currency-tile-body::after {
    background: #B43EE2!important;
    box-shadow: inset 0px 0px 0px 3px #fff;
    border: 2px solid #B43EE2!important;
}

.hpanel-search-facelift .input-cont input {
    height: 50px !important;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 0;
}

.hpanel-search-facelift .search-default form {
    padding: 0;
}
.hpanel-search-facelift input[type=text].m-wrap {
    padding: 0 0 0 20px !important;
    background: url("img/search-input-icon.png")!important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: right 20px top 15px!important;
    background-color: #fff !important;
    background-origin: content-box;
}

.hpanel-search-facelift input[type=text].m-wrap:focus {
    padding: 0 0 0 20px !important;
    background: url("img/search-input-icon-active.png")!important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: right 20px top 15px!important;
    background-color: #fff !important;
    background-origin: content-box;
}

.page-content .breadcrumb {
    border: 1px solid #ddd!important;
    background-color: #fafafa!important;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 708px){

    .hosting-dashboard .icon-btn-hosting {
        width: 23% !important;
    }

}


@media screen and (max-width: 570px){

    .hosting-dashboard .icon-btn-hosting {
        width: 31% !important;
    }

}

@media screen and (max-width: 500px){

    .hosting-dashboard .icon-btn-hosting {
        width: 47% !important;
    }

    #xyzPromoModal .discount-badge{
        display: none;
    }

}

@media screen and (max-width: 310px){

    .hosting-dashboard .icon-btn-hosting {
        width: 100% !important;
    }

}
.upgrade-layout .upgrade-box {
    width: auto !important;
}

.upgrade-layout {
    width: auto !important;
}

.upgrade-layout .btn {
    background-color: #FF5D5B !important;
    border: 1px solid #FF5D5B !important;
}

.upgrade-layout .btn:hover {
    background-color: #e6504e !important;
}

.dragon-with-balloon-div{
    position: absolute;
    width: 240px;
    left: 20px;
    top: 155px;
}

.xyz-signboard-div{
    position: absolute;
    top: 150px;
    right: 0;
    width: 230px;
}

#xyzPromoModal .upgrade-layout .upgrade-box{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

#xyzPromoModal .dragon-with-balloon-div {
    width: 150px;
    top: 150px;
}


#xyzPromoModal .xyz-signboard-div{
    top:150px;
    width: 150px;
}

#xyzPromoModal.modal{
    width: 660px !important;
    top: 15% !important;
}

@media screen and (max-width: 979px){
    #xyzPromoModal.modal{
        width: auto !important;
    }

    #xyzPromoModal .discount-badge{
        right: 0px;
        top: 0px;
    }

    #xyzPromoModal .dragon-with-balloon-div, #xyzPromoModal .xyz-signboard-div{
        display: block;
    }
}

#xyzPromoModal{
    position: fixed !important;
    border: none !important;
}

.upgrade-layout .upgrade-box ul.features-list{
    margin: 0 140px !important;
    margin-top: 30px !important;
}

@media screen and (max-width: 670px){
    #xyzPromoModal .dragon-with-balloon-div, #xyzPromoModal .xyz-signboard-div{
        display: none;
    }

    .upgrade-layout .upgrade-box ul.features-list{
        margin: 0 0px !important;
    }
}

.responsive-hosting-table .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child, .table-bordered thead:first-child tr:first-child>th:last-child {
    width: 25%!important;
}

.btn.upgrade.big {
    color: #fff!important;
    background-color: #4ca900 !important;
}

.btn.upgrade.big:hover {
    color: #fff!important;
    background-color: #3C8600 !important;
}

.btn.manage.big {
    color: #fff!important;
    background-color: #6747c7 !important;
}

.btn.manage.big:hover {
    color: #fff!important;
    background-color: #5435b0 !important;
}

@media screen and (max-width: 1200px){
    .btn.upgrade.big {
        display:block;
        margin-top:4px !important;
    }
    .btn.manage.big {
        display:block;
    }
}

@media screen and (max-width: 600px){
    .btn.upgrade.big {
        display:inline-block;
        margin-top: 0px !important;
    }
    .btn.manage.big {
        width:36% !important;
        display:inline-block;
    }
}

@media screen and (max-width: 600px) {
    .responsive-hosting-table .table-striped tbody td:before {
        content: attr(data-th);
        display: inline-block;
    }
    .responsive-hosting-table .table-striped thead {
        display: none;
    }
    .responsive-hosting-table .table-striped tbody td {
        display: block;
        padding: 10px;
        text-align:center;
        font-size: 16px;
    }
    .responsive-hosting-table .table-striped tbody tr td:first-child {
        background: #434343;
        color: #fff;
    }
    .responsive-hosting-table .table-thead-responsive {
        display: inline !important;
        font-weight: bold;
    }
}

.btn.restore.big {
    color: #fff!important;
    background-color: #0090FF !important;
}

.btn.restore.big:hover {
    color: #fff!important;
    background-color: #006EC3 !important;
}

.btn.delete.big {
    color: #fff!important;
    background-color: #C62525 !important;
}

.btn.delete.big:hover {
    color: #fff!important;
    background-color: #901212 !important;
}

@media screen and (max-width: 1200px){
    .btn.restore.big {
        display:block;
    }
    .btn.delete.big {
        display:block;
        margin-top:4px !important;
    }
}

@media screen and (max-width: 600px){
    .btn.restore.big {
        width:36% !important;
        display:inline-block;
    }
    .btn.delete.big {
        width:36% !important;
        display:inline-block;
        margin-top: 0px !important;
    }
}

.renew-page-box td{
    text-align: right;
}

.renew-page-box .table td, .renew-page-box .table th {
    border: none;
    font-weight: 500;
    padding: 0 0 20px 0;
    font-size: medium;
}

.btn-block{
    display: block;
    width: 100%;
}

.renew-page-box .renew-button{
    background-color: #28b779;
    padding: 15px;
    border: none;
    color: #fff;
    font-size: large;
}

.renew-page-box .renew-button:hover{
    background-color: #1DA46A;
}

.renew-page-box .open-modal{
    color: #28b779;
    cursor: pointer;
}

.renew-page-box .open-modal:hover{
    color: #1DA46A;
}

.renew-box-background{
    padding: 85px 20px;
    background-image: url(/themes/h2/img/renew_order_bg.png);
    background-size: cover;
}

.btn-change-billing-cycle{
    background-color: #28b779;
    color: white;
}

.btn-change-billing-cycle:hover{
    background-color: #1DA46A !important;
    color: white !important;
}


.cart-setup-vps img{
    width: 70px !important;
    height: 70px !important;
}

.cart-setup-vps span.os_name strong{
    font-size: 14px !important;
}

.cart-setup .thumbnails.vps .thumbnail {
    height: 132px !important;
}

.accounts-list-facelift tr{
    cursor: initial !important;
}

[class*=" icon-"].icon-fixed-width, [class^=icon-].icon-fixed-width {
    padding-right: 10px;
}

a.access_sticky {
    line-height: 42px;
    color: #fff;
    font-weight: 700;
}

a.access_sticky:hover {
    text-decoration: underline;
}

img.logo.top-white {
    float: left;
    margin-top: 10px;
    margin-right: 16px;
    margin-left: 3px;
    width: 110px;
}

/** Delegate Access */
.delegate-page-box td{
    text-align: right;
}

.delegate-page-box .table td, .delegate-page-box .table th {
    border: none;
    font-weight: 500;
    padding: 0 0 20px 0;
    font-size: medium;
}

.delegate-button{
    background-color: #28b779;
    padding: 15px;
    border: none;
    color: #fff;
    font-size: large;
}

.delegate-button.request{
    background-color: #F3A537;
}

.delegate-page-box .delegate-button:hover{
    background-color: #1DA46A;
}

.delegate-page-box .delegate-button.request:hover{
    background-color: #e89a37;
}

.delegate-page-box .open-modal{
    color: #28b779;
    cursor: pointer;
}

.delegate-page-box .open-modal:hover{
    color: #1DA46A;
}

.delegate-box-background{
    background-image: url(/themes/h2/img/delegate_access_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.delegate-box-background .span5{
    display: inline-block;
    float: none;
    vertical-align: top;
}

.delegate-box-background .span5 form {
    text-align: left;
}


/** Setup Modal */
.setup-modal-table {
    border-left: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    border-bottom: 1px solid #DDDDDD !important;
    text-align: center;
    margin: 0 auto;
}

#setup-tiles .setup-tiles{
    text-decoration: none;
    display: inline-block;
    width: 24%;
    margin-bottom: 20px
}

#setup-tiles .setup-modal-layout-1{
    width: 50%;
}

#setup-tiles .setup-modal-layout-2{
    width: 47.9%
}

#setup-tiles .setup-modal-layout-3{
    width: 31.5%
}

#setup-tiles .setup-modal-layout-4{
    width: 22.8%
}
#setup-tiles .setup-modal-layout-5{
    width: 18.2%
}

#modal-order-setup .vps{
    border-top:6px solid #9C55B7;
}

#modal-order-setup .button-vps{
    background-color: #9C55B7;
    color: white;
}

#modal-order-setup .vps:hover .button-vps{
    background-color: #83469B !important;
    color: white;
}

#modal-order-setup .vps:hover{
    border-top:6px solid #83469B !important;
}

#modal-order-setup .windows_vps{
    border-top:6px solid #9C55B7;
}

#modal-order-setup .button-windows_vps{
    background-color: #9C55B7;
    color: white;
}

#modal-order-setup .windows_vps:hover .button-windows_vps{
    background-color: #83469B !important;
    color: white;
}

#modal-order-setup .windows_vps:hover{
    border-top:6px solid #83469B !important;
}

#modal-order-setup .upgrade{
    border-top:6px solid #0094D4;
}

#modal-order-setup .button-upgrade{
    background-color: #0094D4;
    color: white;
}

#modal-order-setup .upgrade:hover .button-upgrade{
    background-color: #0094D4 !important;
    color: white;
}

#modal-order-setup .upgrade:hover{
    border-top:6px solid #0094D4 !important;
}

#modal-order-setup .ssl{
    border-top:6px solid #F2C500;
}

#modal-order-setup .button-ssl{
    background-color: #F2C500;
    color: white;
}

#modal-order-setup .ssl:hover .button-ssl{
    background-color: #DCB300 !important;
    color: white;
}

#modal-order-setup .ssl:hover{
    border-top:6px solid #DCB300 !important;
}

#modal-order-setup .ssl_install{
    border-top:6px solid #F2C500;
}

#modal-order-setup .button-ssl_install{
    background-color: #F2C500;
    color: white;
}

#modal-order-setup .ssl_install:hover .button-ssl_install{
    background-color: #DCB300 !important;
    color: white;
}

#modal-order-setup .ssl_install:hover{
    border-top:6px solid #DCB300 !important;
}

#modal-order-setup .domain{
    border-top:6px solid #00BD9B;
}

#modal-order-setup .button-domain{
    background-color: #00BD9B;
    color: white;
}

#modal-order-setup .domain:hover .button-domain{
    background-color: #00A688 !important;
    color: white;
}

#modal-order-setup .domain:hover{
    border-top:6px solid #00A688 !important;
}

#modal-order-setup .domain_transfer{
    border-top:6px solid #00BD9B;
}

#modal-order-setup .button-domain_transfer{
    background-color: #00BD9B;
    color: white;
}

#modal-order-setup .domain_transfer:hover .button-domain_transfer{
    background-color: #00A688 !important;
    color: white;
}

#modal-order-setup .domain_transfer:hover{
    border-top:6px solid #00A688 !important;
}

#modal-order-setup .daily_backup{
    border-top:6px solid #9C55B7;
}

#modal-order-setup .button-daily_backup{
    background-color: #9C55B7;
    color: white;
}

#modal-order-setup .windows_vps:hover .button-daily_backup{
    background-color: #83469B !important;
    color: white;
}

#modal-order-setup .daily_backup:hover{
    border-top:6px solid #83469B !important;
}

#modal-order-setup .hosting{
    border-top:6px solid #18A8E6;
}

#modal-order-setup .button-hosting{
    background-color: #18A8E6;
    color: white;
}

#modal-order-setup .hosting:hover .button-hosting{
    background-color: #0094D4 !important;
    color: white;
}

#modal-order-setup .hosting:hover{
    border-top:6px solid #0094D4 !important;
}

#modal-order-setup .cpanel_hosting{
    border-top:6px solid #E66C18;
}

#modal-order-setup .button-cpanel_hosting{
    background-color: #E66C18;
    color: white;
}

#modal-order-setup .cpanel_hosting:hover .button-cpanel_hosting{
    background-color: #D75F0C !important;
    color: white;
}

#modal-order-setup .cpanel_hosting:hover{
    border-top:6px solid #D75F0C !important;
}

#modal-order-setup .cpanel_reseller_hosting{
    border-top:6px solid #E66C18;
}

#modal-order-setup .button-cpanel_reseller_hosting{
    background-color: #E66C18;
    color: white;
}

#modal-order-setup .cpanel_reseller_hosting:hover .button-cpanel_reseller_hosting{
    background-color: #D75F0C !important;
    color: white;
}

#modal-order-setup .cpanel_reseller_hosting:hover{
    border-top:6px solid #D75F0C !important;
}

.setup-modal-text {
    padding: 24px 0;
    height:80px !important;
    width:100%;
    overflow: hidden;
}

#modal-order-setup .modal {
    display:flex;
    justify-content:center;
    align-items:center;
}

@media screen and (max-width: 713px) {
    .setup-modal-layout-5 {
        width: 46.2% !important;
    }
}

@media screen and (max-width: 589px) {
    .setup-modal-layout-4 {
        width: 46.2% !important;
    }
}

@media screen and (max-width: 700px) {
    .setup-modal-layout-3 {
        width: 46.2% !important;
    }
}

@media screen and (max-width: 615px) {
    .setup-modal-layout-2 {
        width: 46.2% !important;
    }
}

@media screen and (max-width: 768px) {
    .setup-modal-layout-1 {
        width: 80% !important;
    }
}


.allow-deny-ip-section .form-horizontal .controls {
    margin-left: 160px;
}

.allow-deny-ip-section .form-horizontal .control-label {
    width: 150px;
}

.allow-deny-ip-section .form-horizontal.form-bordered .control-group:first-child {
    border-bottom: 1px solid #eee!important;
    border-top: 1px solid #eee!important;
}

.row-fluid.cart-setup-hosting.cart-five .span3 {
    width: 17.9%;
}

.cart-setup-hosting.cart-five .thumbnails .thumbnail {
    padding: 16px 12px 12px 12px;
}

.row-fluid.cart-setup-hosting.cart-five h3 {
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 5px;
}

.cart-setup-hosting.cart-five .thumbnails img.small {
    width: 45px;
    height: 45px;
}

.cart-setup-hosting.cart-five .thumbnails .thumbnail.blue {
    background-color: #09AAF7;
}

#burst-12 {
    background: #F1C40F;
    width: 40px;
    height: 40px;
    position: absolute;
    text-align: center;
    right: -10px;
    top: -15px;
}

#burst-12:before, #burst-12:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    background: #F1C40F;
}

#burst-12:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}

#burst-12:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
}

.new-badge-text {
    position: absolute;
    top: -6px;
    right: -4px;
    color: white;
    font-weight: bold;
}

@media screen and (max-width: 1200px) {

    .pricing-table2 .rate .btn {
        width: 78.5%;
        right: 22.5px;
        position: relative;
    }

    .cart-setup-hosting.cart-five .thumbnails img.small {
        width: 40px;
        height: 40px;
    }

    .row-fluid.cart-setup-hosting.cart-five h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .cart-setup-hosting.cart-five .thumbnails .thumbnail {
        padding: 10px 5px 5px 5px;
    }

}

@media screen and (max-width: 991px) {
    .dragon-with-balloon-div, .xyz-signboard-div {
        display: none;
    }

    #xyzPromoModal .dragon-with-balloon-div, #xyzPromoModal .xyz-signboard-div {
        display: block;
    }

    .row-fluid.cart-setup-hosting.cart-five .span3 {
        width: 17.7%;
    }
}

@media screen and (max-width: 768px) {
    .custom-table-clearfix {
        display: grid;
    }

    #vps-management .vps-block {
        width: 100%;
        min-height: initial;
    }

    #vps-management .vps-block:nth-of-type(1) {
        margin-bottom: 5px;
    }

    .cart-setup-hosting.cart-five .thumbnails .thumbnail {
        min-height: 130px;
    }

    .row-fluid.cart-setup-hosting.cart-five .span3 {
        width: 100%;
    }

}

.hosting-info-header{
    font-weight: bold;
    float: left;
    color: #BBBBBB;
    font-size: 12px;
    text-transform: uppercase;
}

.portlet-facelift .portlet-title {
    background-color: #FAFAFA !important;
    border: 1px solid #DDDDDD !important;
    margin-bottom: -16px !important;
    padding: 15px 30px 15px 15px;
}

.portlet-facelift .portlet-title p {
    margin: 0 0 5px 0;
}

.portlet-facelift .portlet-title p:nth-of-type(1) {
    margin-top: 15px;
}

.portlet-facelift .caption{
    font-size: 16px !important;
    color: #333333 !important;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.portlet-facelift .caption--inline {
    display: inline-block;
}

.portlet-facelift .control-label {
    font-size: 13px;
    color: #333333;
    font-weight: 600;
    text-align:left !important;
    text-transform: uppercase;
    margin-left:16px;
}

.portlet-facelift .portlet-body {
    border: 1px solid #DDDDDD !important;
}

.portlet-facelift .portlet.box {
    border: 0 !important;
}

.portlet-facelift .form-actions div {
    margin-top: -1px !important;
}

.portlet-facelift .form-actions button {
    width: 245px;
    height: 40px !important;
    background-color: #28b779 !important;
}

.portlet-facelift .form-actions button:hover {
    background-color: #1DA46A !important;
}

.portlet-facelift .form .form-actions{
    padding-left: 250px;
}

.portlet-facelift .caption i {
    position: relative !important;
    margin-right: 5px !important;
}

.portlet-facelift .ui-widget-content {
    background: #28b779 !important;
}

.portlet-facelift .toggle-button span.success {
    background: #28b779 !important;
}

.btn.green {
    background-color: #28b779;
}

.btn.green:hover {
    background-color: #1DA46A !important;
}

.btn.green:focus {
    background-color: #1DA46A !important;
}

.portlet-facelift .page-title {
    margin: 0 0 15px 0;
}

.portlet-facelift label {
    font-size: 13px;
}
.portlet-facelift .page-title small {
    color: #696969;
    font-weight: 400;
}

.portlet-facelift .portlet-title [class*=" icon-"]:before, .portlet-facelift .portlet-title [class^=icon-]:before{
    cursor: auto !important;
}

.account-item {
    display: flex;
    padding: 24px 60px 24px 110px;
}

.account-status-icon {
    display: inline-flex;
}

.form-account-search {
    margin: 0px;
}

#close-kb {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 15px;
}

#close-kb:hover{
    color: #ff5d5b;
}

.portlet-facelift .details-table td {
    padding-left:15px !important;
}

.review-text {
    border: 1px solid #ccc;
    padding: 30px;
    display: block;
    border-radius: 5px !important;
}

.quote-img {
    text-align: center;
    margin-bottom: 15px;
}

.quote-img .fa {
    font-size: 42px;
    color: #bcacea;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #bcacea;
}

.review-user {
    text-align: center;
    margin-top: -50px;
    margin-bottom: 25px;
}

.review-user .user-image {
    margin-bottom: 10px;
}

.review-user .user-title {
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.review-user .user-company {
    font-weight: 400;
    color: #8c8c8c;
    font-size: 14px;
}

.review-user .user-image img {
    width: 105px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
}

.review-text p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 30px;
    font-style: italic;
}

.faq-section .qa{
    margin-right: 40px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.faq-section .faq-answer{
    margin-bottom: 4px;
}

.faq-section{
    margin-bottom: 30px;
}

.faq-section .faq-answer{
    display: none;
}

.faq-section .faq-question h3{
    font-size: 18px;
    font-weight: 400;
    color: #513e8b;
    line-height: 24px;
}

.faq-section .faq-qa {
    position: relative;
    background-color: white;
    cursor: pointer;
    padding: 6px;
    border-bottom: 1px solid #E5E4E8;
}

.faq-section .qa-icon{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: xx-large;
    color: #513e8b;
    transition: transform 600ms ease;
}

.faq-answer p {
    font-size: 14px;
    color: #000;
}

.faq-section .qa-icon.close-icon {
    transform: rotate(-180deg);
    transition: transform 600ms ease;
}

.btn-5 {
    padding: 5px 20px;
}

.btn-10 {
    padding: 10px 20px;
}

.control-group-inline label {
    display: inline-block;
}
/**
* Fix all facelift buttons
*/
.btn-facelift {
    width: 245px;
    height: 40px !important;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
}

.btn.gray:hover {
    background-color: #d8d8d8 !important;
}

#promotion-div {
    position: relative;
    text-align: center;
    background-color: #363636;
    background-size: cover;
    padding: 15px 0;
    color: #fff;
}

#promotion-div .title {
    z-index: 1;
    position: relative;
    padding-bottom: 5px;
}

#promotion-div .description {
    z-index: 1;
    position: relative;
    width: 60%;
    margin: 0 auto;
    padding-bottom: 15px;
}

#promotion-div button {
    width: 40%;
    height: 43px;
}

.warning-info-services{
    position: relative;
    top:-15px;
}

@media screen and (max-width: 981px) {
    .dragon-with-balloon-div, .xyz-signboard-div {
        display: none;
    }

    #xyzPromoModal .dragon-with-balloon-div, #xyzPromoModal .xyz-signboard-div {
        display: block;
    }

    #promotion-div button {
        width: 40%;
    }

    #promotion-div .description {
        width: 85%;
    }

    .warning-info-services{
        position: relative;
        top:0;
    }
}

.no-margin{
    margin: 0;
}

.pointer-events{
    pointer-events: none;
}

#dns-zone-div {
    margin: 0 auto;
    border: 1px solid #ddd;
    text-align: left;
    background-color: rgba(244,244,244,0.7);
    padding: 10px 0 1px 0;
    margin-bottom: 25px;
    position: relative;
}

#dns-zone-div .title {
    padding-bottom: 5px;
}

#dns-zone-div .text {
    margin: 0 60px 0 240px;
}

#dns-zone-div .title h3 {
    width: 100%;
    font-size: 18px;
    font-weight: 800;
    line-height: 30px;
}


#dns-zone-div button {
    margin: 10px auto;
    width: 60%;
    height: 43px;
    background-color: #F2B72E;
    color: white;
}

#dns-zone-div button:hover {
    background-color: #DFA622 !important;
}

#dns-zone-div p:nth-last-child(1) {
    margin-bottom: 30px;
}

#dns-zone-div p:nth-last-child(2) {
    font-weight: 800;
}

.warning-info-services{
    position: relative;
    top:-15px;
}

@media screen and (max-width: 991px) {
    .dragon-with-balloon-div, .xyz-signboard-div {
        display: none;
    }

    #xyzPromoModal .dragon-with-balloon-div, #xyzPromoModal .xyz-signboard-div {
        display: block;
    }

    #dns-zone-div button {
        width: 60%;
    }

    .warning-info-services{
        position: relative;
        top:0;
    }
}

@media screen and (max-width: 1199px) {

    #dns-zone-div .text {
        margin: 0 auto;
        width: 90%;
    }
}

#dns-zone-div-2 {
    margin: 0 auto;
    text-align: left;
    background-color: rgba(244,244,244,0.7);
    padding: 10px 0 1px 0;
    margin-bottom: 25px;
    position:relative;
}

#dns-zone-div-2 .title {
    padding-bottom: 5px;
}

#dns-zone-div-2 .text {
    margin: 0 160px 0 160px;
}

#dns-zone-div-2 .title h3 {
    width: 100%;
    font-size: 18px;
    font-weight: 800;
    line-height: 30px;
}

#dns-zone-div-2 .description {
    width: 100%;
}

#dns-zone-div-2 button {
    margin: 10px auto;
    width: 60%;
    height: 43px;
    background-color: #F2B72E;
    color: white;
}

#dns-zone-div-2 button:hover {
    background-color: #DFA622 !important;
}

#dns-zone-div-2 p:nth-last-child(1) {
    margin-bottom: 26px;
}

.warning-info-services{
    position: relative;
    top:-15px;
}

@media screen and (max-width: 991px) {
    .dragon-with-balloon-div, .xyz-signboard-div {
        display: none;
    }

    #xyzPromoModal .dragon-with-balloon-div, #xyzPromoModal .xyz-signboard-div {
        display: block;
    }

    #dns-zone-div-2 button {
        width: 60%;
    }

    #dns-zone-div-2 .description {
        width: 85%;
    }

    .warning-info-services{
        position: relative;
        top:0;
    }
}

#remove-payment .modal-footer a {
    display: inline-block;
    width: 50%;
    float: right;
    padding: 7px 0;
    line-height: 40px;
}

#remove-payment .modal-footer .btn {
    margin-left: 0;
}

#remove-payment .btn{
    width: 50%;
    display: inline-block;
    padding: 7px 0;
    line-height: 40px;
}

#remove-payment .modal-footer {
    padding: 0;
}

#remove-payment .modal-header h3 {
    padding-top: 100px;
    text-align: center;
}

#remove-payment .modal-header {
    border-bottom: none;
}


#remove-payment .modal-body {
    padding: 0 30px 30px 30px;
    text-align: center;
}

#remove-payment {
    position: fixed !important;
}

#remove-payment .modal-header h3:before {
    content: "\f014";
    font-family: "FontAwesome";
    position:absolute;
    font-size:54px;
    color: #434343;
    top: 50px;
    left: 0px;
    right: 0px;
}

.hosting-section-banner {
    position:absolute;
    left: 40px;
    top: 10px;
    width: 90px;
}

@media screen and (max-width: 1199px) {

    #dns-zone-div-2 .text {
        margin: 0px 0 0 140px;
        width: 66%;
    }

    .hosting-section-banner {
        left:30px;
    }
}

@media screen and (max-width: 768px) {

    #dns-zone-div-2 .text {
        width: 60%;
    }

    #dns-zone-div-2 .title {
        padding-right: 40px;
        word-break: normal;
    }
}

.present-transition {
    transition: transform 800ms 0ms, height 800ms 300ms, top 800ms 300ms;
    -ms-transition: -ms-transform 800ms 0ms, height 800ms 300ms, top 800ms 300ms;
    -moz-transition: -moz-transform 800ms 0ms, height 800ms 300ms, top 800ms 300ms;
    -o-transition: -o-transform 800ms 0ms, height 800ms 300ms, top 800ms 300ms;
    -webkit-transition: -webkit-transform 800ms 0ms, height 800ms 300ms, top 800ms 300ms;
}

.present-transition-z-index {
    transition: transform 800ms 300ms, z-index 0ms 300ms, height 800ms 0ms, top 800ms 0ms;
    -ms-transition: -ms-transform 800ms 300ms, z-index 0ms 300ms, height 800ms 0ms, top 800ms 0ms;
    -moz-transition: -moz-transform 800ms 300ms, z-index 0ms 300ms, height 800ms 0ms, top 800ms 0ms;
    -o-transition: -o-transform 800ms 300ms, z-index 0ms 300ms, height 800ms 0ms, top 800ms 0ms;
    -webkit-transition: -webkit-transform 800ms 300ms, z-index 0ms 300ms, height 800ms 0ms, top 800ms 0ms;

    background-color: white;
}

.open-top {
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.three {
    overflow: hidden;
    transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    position: absolute;
}

.open-bottom {
    transform: rotateY(180deg) !important;
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform-origin: top !important;
}

.four {
    overflow: hidden;
    transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    position: absolute;
    transform: rotate(180deg);
}

.open-left {
    transform: rotateY(180deg) !important;
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform-origin: left !important;
}

.one {
    overflow: hidden;
    transform-origin: left;
    -ms-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -webkit-transform-origin: left;
    position: absolute;
}

.shadow {
    z-index: 99;
    box-shadow: -4px 8px 65px -25px rgba(0,0,0,0.75);
    -webkit-box-shadow: -4px 8px 65px -25px rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 8px 65px -25px rgba(0,0,0,0.75);
}

.open-right {
    transform: rotateY(0deg) !important;
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform-origin: right;
}

.two {
    overflow: hidden;
    transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    position: absolute;
    transform: rotateY(180deg);
    transform-origin: left !important;
}

.box-ribbon {
    width: 60%;
    min-height: 230px;
    background-color: white;
    z-index: 999;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

.box-ribbon img {
    max-width: 130px;
    display: block;
    position: relative;
    margin: 30px auto;
}

#open-gift:hover {
    background-color: red !important;
}

.pricing-table2 {
    border: 3px solid transparent;
    padding: 20px 30px;
    margin: 0 5px;
}

.pricing-table2 .rate {
    margin-bottom: 25px;
    padding: 0 15px 25px 15px;
    color: #333;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.pricing-table2 .rate {
    text-align: center;
}

.pricing-table2 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.pricing-table2 .rate .price {
    display: block;
    float: none;
    clear: both;
    margin-bottom: 24px;
}

.pricing-table2 .rate .price .amount {
    padding-top: 4px;
    float: none;
    text-align: center;
    font-size: 36px;
    line-height: 30px;
    font-weight: 600;
}

.pricing-table2 .rate .btn {
    margin-top: 3px;
    float: none;
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 35px;
    background: #6747c7;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.pricing-table2 ul li {
    padding: 6px 0px;
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

.pricing-table2 {
    border: 1px solid #e2e2e2;
    background-color: white;
}

.pricing-table2 h3 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

.ribbon-text {
    width: 65%;
    margin: 0 auto
}

.ribbon-header {
    font-weight: 400;
    margin: 20px 0
}

.present-content {
    display: none;
    width: 100%;
}

#present-promotion {
    text-align: center;
    background-size: cover;
    background: rgba(239, 239, 239, 0.5);
    padding: 15px 0;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    position: relative;
}

#present-promotion img {
    width: 150px;
    position: absolute;
    left: 5px;
}

#present-promotion .description {
    width: 65%;
    margin: 0 auto
}

.offer-table {
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 25px;
}

.offer-div{
    width: 373px;
    margin-bottom: 50px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

div#special-offer, span#special-offer {
    position: absolute;
    margin: 0 auto;
    display: block;
    margin-top: 3px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 8px;
    text-align: center;
}

span#special-offer {
    position: relative;
    width: 90%;
    margin: unset;
}

div#special-offer .special-offer-content, span#special-offer .special-offer-content {
    background-color: #ff4546;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 8px 15px;
}

span#special-offer .special-offer-content {
    font-size: 12px;
}

span#special-offer .special-offer-content {
    padding: 8px 5px;
}

div#special-offer .special-offer-content::after, span#special-offer .special-offer-content::after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #ff4546;
    position: absolute;
    bottom: -5px;
    left: 51.2%;
    transform: translate(-50%, -50%);
}

.custom-remove-after-hosting-index{
    overflow: visible !important;
    margin-top: 0 !important;
}

.custom-remove-after-hosting-index::after{
    position: relative !important;
    overflow: visible;
    margin-top: 0;
}

.discount-wrap .discount-percentage::before {
    font-family: Fontawesome;
    content: "\f0d9";
    color: #957fd5;
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 50%!important;
    transform: translate(0,-50%);
    padding: 0;
}

.discount-wrap .discount-percentage-green::before{
    color: #27b779 !important;
}

.discount-wrap .discount-percentage-upgrade::before{
    color: #11467A !important;
}

.discount-wrap .discount-percentage .discount-percentage-content-upgrade{
    background-color: #11467A !important;
}

.discount-wrap .discount-percentage .discount-percentage-content-green{
    background-color: #27b779 !important;
}

.discount-wrap .discount-percentage-yellow::before{
    display:none;
}

.discount-pricing{
    background-color: #fff !important;
    line-height: 20px;
    border: 2px dashed;
    font-size: medium;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
    margin-top: 10px;
}

.discount-yellow{
    color: #F3B807;
}

.discount-wrap .discount-percentage-blue::before{
    display:none;
}

.discount-blue{
    color: #57BAE5;
}

.discount-purple{
    color: #614AA8;
}

.discount-wrap .old-price {
    color: #969696;
    text-decoration: line-through;
    font-size: 20px;
    padding: 0 5px;
    display: inline-block;
    font-weight: 300;
    width: auto;
    text-align: right;
}

.discount-wrap .discount-percentage .discount-percentage-content {
    background: #957fd5;
    color: #fff;
    font-size: medium;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 20px;
}

table.price_no {
    position: relative;
    height: 80px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

table.price_no tr {
    display: -webkit-box;
}

.discount-wrap {
    margin: 5px 0;
    text-align: center;
}

table.price_no tr td.currency {
    font-size: 28px;
    font-weight: 600;
}

table.price_no tr td.bigno {
    font-size: 100px;
    line-height: 74px;
    margin: 0;
    display: inline;
    font-weight: 600;
    margin-top: 0;
    padding-top: 0;
}

table.price_no tr td.smallno {
    font-size: 22px;
    font-weight: 400;
}

table.price_no tr td .month {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    bottom: 1px;
    width: 90px;
    text-align: left;
}

.discount-wrap .discount-percentage {
    display: inline-block;
    padding-left: 7px;
    position: relative;
}

.upsell-themeforest {
    text-align:center;
    background-image: url("/themes/h2/img/upsell-clouds.png");
    border-left: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    border-top: 1px solid #DDDDDD !important;
    border-bottom:none;
    height:211px;
    padding: 20px 0;
}

.cloudflare-background {
    text-align:center;
    background-image: url("/themes/h2/img/upsell-clouds.png");
    border-left: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    border-top: 1px solid #DDDDDD !important;
    border-bottom: none;
    height:211px;
    padding: 20px 0;
}

.upsell-gsuite {
    text-align:center;
    background-image: url("/themes/h2/img/upsell-clouds.png");
    border-left: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    border-top: 1px solid #DDDDDD !important;
    border-bottom:none;
    height:211px;
    padding: 20px 0;
}

.upsell-gsuite-btn {
    color: #ffffff;
    background-color:#ED412D;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    height: 40px;
    width: 30%;
    min-width: 200px;
}

.upsell-gsuite-btn-text {
    margin-top: 9px;
}

.upsell-gsuite-btn:hover {
    background-color:#D22815 !important;
    color: #ffffff;
}

@media screen and (max-width: 991px) {
    .box-ribbon img {
        top: 5px;
        margin: auto;
        right: auto;
    }

    #present-promotion img {
        display: none;
    }

    .offer-div {
        float: none;
        margin-bottom: 30px;
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .box-ribbon img {
        display: none;
    }

    .ribbon-text {
        width: 85%;
    }

    .ribbon-header {
        margin: 15px 0 10px 0;
        font-size: 18px;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-content {
        min-height: 450px;
    }
}

@media screen and (min-width: 500px) and (max-width: 768px) {
    .page-content {
        min-height: 370px;
    }
}

.homepage-promotion-banner {
    position: absolute;
    display: block;
    z-index: 0;
    left: 20px;
    top: -290px;
    margin-top: 10px;
    width: 800px;
}

@media screen and (max-width: 1199px) {
    .homepage-promotion-banner {
        position: absolute;
        width: 490px;
        top: -110px;
        left: 80px;
    }
}

.hosting-section-banner-big {
    position: absolute;
    left: 40px;
    top: 180px;
    width: 160px;
}

.hosting-section-banner-big.weblink {
    top: 130px;
}

@media screen and (max-width: 1199px) {
    .hosting-section-banner-big {
        position: relative;
        display: block;
        left: 0;
        top: 0;
        margin: 0 auto;
        width: 160px;
    }
}

#toast-container>div{
    opacity: 1 !important;
}

.letter{
    display: block;
}

.letter > .box {
    border: 1px solid #e2e2e2;
    background-color: #fff;
    padding: 20px 30px;
    position: relative;
    width: 60%;
    margin: 0 auto;
}

.letter img{
    display: block;
    margin: 0 auto;
    max-width: 140px;
    height: auto;
}

.letter .signature{
    text-align: center;
    position: relative;
    top: -25px;
    right: -60px;
    font-size: 26px;
    font-weight: 100;
    font-style: italic;
}

.table-pricing-renew{
    clear: both;
    margin-bottom: 6px;
    margin-top: 20px;
    width: 100%;
    font-size: medium;
}

.table-pricing-renew th{
    border: none;
    font-weight: 500;
    text-align: left;
    padding: 2px 0 20px 0;
}

.table-pricing-renew td{
    text-align: right;
    font-size: 18px;
    padding: 0 0 20px 0;
}

.renew-button-table{
    background-color: #28b779;
    padding: 15px;
    border: none;
    color: #fff;
    font-size: large;
}

.letter .drago-img{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 20px;
}

@media screen and (max-width: 981px) {
    .letter .box{
        width: auto;
    }

    .letter .drago-img{
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

@media screen and (max-width: 768px) {
    .offer-div{
        width: auto;
    }

    .homepage-promotion-banner {
        left: 20px;
        top: -140px;
    }

    #promotion-div button {
        width: 70%;
    }

    .knowledge-base .kb-top-block .search-block{
        width: auto;
    }
}

@media screen and (max-width: 500px) {

    .homepage-promotion-banner {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .disk-full-button-title{
        font-size: 22px;
    }
    .disk-full-btn {
        width: 77%;
        height: 67px;
    }
    .almost-full-disk-button-div{
        text-align: center;
    }

    .dragon-with-balloon-div {
        width: 150px;
        top: 160px;
    }

    .xyz-signboard-div{
        top:150px;
        width: 150px;
    }
}

.pricing-letter {
    margin-bottom: 25px;
    padding: 10px 15px 25px 15px;
    color: #333;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.discount-disabled {
    color: rgba(155,155,155,0.5);
    text-decoration: line-through;
}

.billing-discount-tag {
    background-color: #FF4545;
    color: #fff;
    padding: 3px 12px;
    font-weight: 600;
    margin-left: 8px;
    position: relative;
}

.billing-discount-tag::before{
    content: "\f0d9";
    font-family: Fontawesome;
    color: #FF4545;
    font-size: 22px;
    position: absolute;
    left: -5px;
    top: 50%!important;
    transform: translate(0,-50%);
    padding: 0;
}

.billing-old-price {
    margin-right: 5px;
    color:red;
    text-decoration:line-through
}
.format-domain-reason {
    text-overflow: unset !important;
    white-space: normal !important;
}

.format-domain-section {
    display: block !important;
}

/* MAIN SELECTOR CLASS */
.domain-privacy-banner {
    position: relative;
    text-align: center;
    background-color: #EFEFEF;
    background-size: cover;
    padding: 15px 0;
    border: 1px solid #D2D2D2;
    min-height: 174px;
}

/* TITLE */
.domain-privacy-banner div:nth-of-type(1) {
    z-index: 1;
    position: relative;
    padding-bottom: 5px;
    font-weight: bold;
}

/* DESCRIPTION */
.domain-privacy-banner div:nth-of-type(2) {
    z-index: 1;
    position: relative;
    width: 60%;
    margin: 0 auto;
    padding-bottom: 15px;
}

.domain-privacy-banner button {
    width: 40%;
    height: 43px;
    background-color: #3380FC;
    color: #fff;
}

.domain-privacy-banner button:hover, .domain-privacy-banner button:active, .domain-privacy-banner button:focus {
    background-color: #0362fd!important;
    color: #fff;
}

.domain-privacy-banner img{
    position: absolute;
    display: block;
    z-index: 0;
    left: 20px;
    top: 30px;
    margin-top: 10px;
    width: 120px;
}

.domain-privacy-banner.weblink img{
    left: 40px;
    top: -5px;
}

.domain-privacy-banner .old-price{
    text-decoration: line-through;
    color: #969696;
    font-size: 18px;
    position: relative;
    top: -2px;
}

.domain-privacy-banner .new-price {
    color: #6747c7;
}

.domain-privacy-banner .new-price .year {
    font-size: 16px;
}

.domain-privacy-banner .discount{
    background-color: #ff4546;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 8px 15px;
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.domain-privacy-banner .discount::before{
    content: "\f0d9";
    font-family: Fontawesome;
    color: #ff4546;
    font-size: 22px;
    position: absolute;
    left: -7px;
    top: 50%!important;
    transform: translate(0,-50%);
    padding: 0;
}

@media screen and (max-width: 600px) {
    .domain-privacy-banner img {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
    }

    .domain-privacy-banner button {
        width: 60%;
    }
}

.upsell-daily-backups {
    text-align:center;
    background-image: url("/themes/h2/img/upsell-clouds.png");
    border-left: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    border-top: 1px solid #DDDDDD !important;
    border-bottom:none;
    height:211px;
    padding: 20px 0;
}

@media screen and (max-width: 600px) {
    .upsell-daily-backups p {
        width: 80% !important;
        font-size: 22px;
        line-height: 30px !important;
    }
}

.hpanel-ssl-banner .new-price {
    color: #6747c7;
}

.hpanel-ssl-banner button {
    width: 40%;
    height: 43px;
    background-color: #6747c7;
    color: #fff;
}

.hpanel-ssl-banner button:hover, .hpanel-ssl-banner button:active, .hpanel-ssl-banner button:focus {
    background-color: #5435b0!important;
    color: #fff;
}

.hpanel-ssl-banner img {
    width: 108px;
}

.hpanel-ssl-banner h3 {
    font-weight: 600;
}

#modal-order-setup .button-domain_privacy_protection {
    background-color: #8BCB45;
    color: white;
}

#modal-order-setup .domain_privacy_protection {
    border-top: 6px solid #8BCB45;
}

#modal-order-setup .domain_privacy_protection:hover {
    border-top: 6px solid #76B532 !important;
}

#modal-order-setup .domain_privacy_protection:hover .button-domain_privacy_protection {
    background-color: #76B532 !important;
}

.billing-badge-circle, .billing-badge-left, .billing-badge-rectangle{
    background-color: #e02222;
    position: absolute;
    border: 1px solid #333;
    z-index: 1;
}

.billing-badge-circle {
    width: 16px;
    height: 16px;
    top: 13px;
    right: -5px;
    border-radius: 26px !important;
}

.billing-badge-rectangle {
    width: 37px;
    height: 16px;
    top: 12px;
    right: -28px;
}

.billing-badge-left {
    width: 8px;
    height: 8px;
    top: 4px;
    border: none;
    right: 10px;
    transform: rotate(45deg);
}

.billing-badge-text {
    position: absolute;
    top: 11px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    right: -3px;
    width: 15px;
    text-align: center;
    z-index: 1;
}


.billing-badge-rectangle .billing-badge-left {
    width: 7px;
    height: 8px;
    top: 4px;
    border: none;
    right: 32px;
    transform: rotate(45deg);
}

.billing-rectangle-badge-text {
    position: absolute;
    top: 11px;
    font-size: 8px;
    color: #fff;
    font-weight: 600;
    right: -11px;
    width: 13px;
    text-align: center;
    z-index: 1;
}

.cancel-invoice-block {
    text-decoration: none !important;
    position: absolute;
    right:20px;
    top:20px;
    font-size: 18px;
    color: #d0d0d0 !important;
}

.cancel-invoice-block:hover {
    color: #B0B0B0 !important;
}

.git-ssh textarea {
    width:98%;
    resize: none;
    display: block;
    margin:  0 auto;
    margin-bottom: 26px;
    word-wrap: break-word;
    word-break: break-all;
}

.git-ssh .form-actions {
    padding-left: 15px !important;
}

.ssl-offer-background{
    width: 70%;
    margin: 0 auto;
    background-image: url(/themes/h2/img/sslPromo/bg-ssl.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.ssl-offer-list li{
    list-style-type: disc;
    margin-left: 20px;
}

#upgrade-popup {
    width: 735px;
    margin-left: -360px;
}

#upgrade-popup .modal-body {
    padding: 25px;
    overflow: hidden !important;
}

#upgrade-popup .span6:nth-of-type(1) {
    display: block;
    text-align: center;
}

#upgrade-popup .span6:nth-of-type(2) {
    margin-bottom: 30px;
}

#upgrade-popup .perk-div{
    margin-left: 60px;
    margin-top: 5px
}

#upgrade-popup .btn:hover{
    background-color: #5435b0 !important;
    color: white;
}

.domain-status-active .tooltip {
    text-transform: none !important;
}

/* MAIN SELECTOR CLASS */
.holidays-banner {
    position: relative;
    text-align: center;
    background-color: #EFEFEF;
    background-size: cover;
    padding: 15px 0;
    border: 1px solid #D2D2D2;
}

/* TITLE */
.holidays-banner div:nth-of-type(1) {
    z-index: 1;
    position: relative;
    padding-bottom: 5px;
}

/* DESCRIPTION */
.holidays-banner div:nth-of-type(2) {
    z-index: 1;
    position: relative;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 15px;
}

.holidays-banner button {
    width: 40%;
    height: 43px;
    background-color: #FF5D5B;
    color: #fff;
}

.holidays-banner button:hover, .holidays-banner button:active, .holidays-banner button:focus {
    background-color: #e6504e!important;
    color: #fff;
}

.holidays-banner img{
    position: absolute;
    display: block;
    z-index: 0;
    left: 20px;
    top: 50px;
    margin-top: 10px;
    width: 140px;
}

@media screen and (max-width: 600px) {
    .holidays-banner img {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
    }

    .holidays-banner button {
        width: 60%;
    }
}

.holidays-banner div:nth-of-type(1) h3 {
    font-weight: 700;
}

/* MAIN SELECTOR CLASS */
.access-manager-banner {
    position: relative;
    text-align: center;
    background-color: #FFF;
    background-size: cover;
    padding: 15px 0;
    margin-bottom: 30px;
}

/* TITLE */
.access-manager-banner div:nth-of-type(1) {
    z-index: 1;
    position: relative;
    padding-bottom: 5px;
}

/* DESCRIPTION */
.access-manager-banner div:nth-of-type(2) {
    z-index: 1;
    position: relative;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 15px;
}

.access-manager-banner button {
    width: 40%;
    height: 43px;
    background-color: #FF5D5B;
    color: #fff;
}

.access-manager-banner button:hover, .access-manager-banner button:active, .access-manager-banner button:focus {
    background-color: #e6504e!important;
    color: #fff;
}

.access-manager-banner img{
    position: absolute;
    display: block;
    z-index: 0;
    left: 30px;
    top: 30px;
    margin-top: 0px;
    width: 180px;
}

@media screen and (max-width: 980px) {
    .access-manager-banner img {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
    }

    .access-manager-banner button {
        width: 60%;
    }
}

.access-manager-banner div:nth-of-type(1) h3 {
    font-weight: 700;
}

@media screen and (min-width: 1200px) {
    .first-step .span6{
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .row-fluid .first-step .span6{
        width: 50% !important;
    }
}

.wp-adin-btn{
    background-color: #10739F !important;
    color:#FFF !important;
}
.wp-adin-btn:hover{
    background-color: #0D5B7E !important;
}

.cPanel-section {
    margin-bottom: 25px;
}

.info-section {
    float: left;
}

.info-section p {
    margin: 0;
    word-break: break-word;
}

.info-section-tab-title > p {
    text-transform: uppercase;
    font-weight: 600;
    color: #646464;
}

.info-section-tab-title + div {
    color: #169ef4;
}

.info-section select {
    width: 80%;
}

.info-line {
    padding: 15px 0;
    background-color: #ffffff;
    margin-bottom: 25px;
}

.info-line__flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .info-line__flex {
        display: block;
        justify-content: unset;
        align-items: unset;
        padding: 7px 15px;
    }
}

.info-line__section {
    display: inline-block;
    min-height: 30px;
    box-sizing: border-box;
    color: #169ef4;
}

.info-line__section .select2-container {
    width: 120%;
}

@media screen and (max-width: 768px) {
    .info-line__section {
        display: block;
        text-align: center;
    }

    .info-line__section:not(:first-child) {
        margin-top: 2%;
    }

    .info-line__section .select2-container {
        width: 80%;
    }
}

.info-line__section--flex-20 {
    flex-basis: 20%;
}

@media screen and (max-width: 980px) {
    .info-line__section--flex-20 {
        flex-basis: unset;
    }
}


.info-line__section p {
    margin: 0;
    word-break: break-word;
}

.info-line__upgrade-container {
    margin: 0 5%;
}

.info-line__section .upgrade {
    background-color: #169ef4;
    text-transform: uppercase;
    color: #ffffff;
}

.info-line__section .upgrade:hover {
    background-color: #138ad6 !important;
    /*text-transform: uppercase;*/
    /*color: #ffffff;*/
}

.cPanel-section .box-shadow {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.11);
    border: solid 1px #dddddd;
    position: relative;
    z-index: 1;
}

.cPanel-section .main-blocks {
    margin-bottom: 25px;
}

.cPanel-section .single-block {
    text-align: center;
    padding: 25px;
    min-height: 245px;
    background-color: white;
}

.cPanel-section .single-block h4 {
    color: #3b3b3b;
}

.cPanel-section .single-block p {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 40px;
    width: 68%;
}

.cPanel-section .custom-span-2 {
    width: 18%;
    margin-left: 2.5%;
    background-color: white;
}

.cPanel-section .secondary-blocks > div {
    min-height: 100px;
    padding: 15px;
    position: relative;
    cursor: pointer;
}

.cPanel-section .secondary-blocks img {
    margin-bottom: 7px;
}

.cPanel-section .secondary-blocks .active-tab {
    border-bottom: none;
    box-shadow: none;
    position: relative;
    z-index: 11;
    background-color: white;
}

.cPanel-section .tab-info {
    position: relative;
    top: -1px;
    background-color: white;
    z-index: 1;
    border: solid 1px #dddddd;
    min-height: 100px;
    width: 99.8%;
}

.cPanel-section .tab-info .span12 > div {
    margin: 0;
    transition: all 0.4s ease;
    padding: 20px 40px 40px 40px;
}

.cPanel-section .tab-info > div {
    display: none;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .setup-modal-layout-1 {
        width: 80% !important;
    }

    .info-section {
        text-align: center;
        margin-top: 10px;
    }

    .cPanel-section .single-block {
        margin-bottom: 15px;
    }

    .cPanel-section .custom-span-2{
        width: 20%;
        margin-left: 0;
        float: left;
    }
}

.info-line .info-section:nth-of-type(2) > div {
    float: left;
    margin-right: 20px;
}

@media screen and (max-width: 980px) {
    .info-line .info-section:nth-of-type(2) > div {
        float: none;
        margin-right: 0px;
    }
}

.pricing-table-drago {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.lunar-new-year img {
    top: 0px;
    width: 170px;
}

.lunar-new-year button {
    width: 40%;
    height: 43px;
    background-color: #FE5C5C;
    color: #fff;
}

.lunar-new-year button:hover, .lunar-new-year button:active, .lunar-new-year button:focus {
    background-color: #E55757 !important;
    color: #fff;
}

.lunar-new-year h3 {
    font-weight: 600;
}

.start-hidden {
    display: none;
}

@media screen and (max-width: 980px) {
    .lunar-new-year img {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
    }
}

.box-border {
    border: 1px solid #DDDDDD;
    min-height: 500px;
    display: table;
    width: 100%;
}

.breadcrumb-steps {
    width: 120px;
    min-height: inherit;
    position: relative;
    display: table-cell;
}

.breadcrumb-step {
    background: #fff;
    width: 53px;
    height: 52px;
    border-radius: 52px !important;
    border: 1px solid #d5d5da;
    text-align: center;
    margin: 0 auto;
}

.breadcrumb-step-label {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 32px !important;
    margin-top: 3px;
    color: #b5b5ba;
    font-size: 18px;
    font-weight: 600;
}

.breadcrumb-bar {
    width: 7px;
    height: 40px;
    background: white;
    margin: 0 auto;
    border: 1px solid #d5d5da;
    border-top: none;
    border-bottom: none;
}

.breadcrumb-step-done {
    color: #FFF;
    background-color: #28b779;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
    background-image: url(/themes/h2/img/setup/check.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    text-indent: 10000px;
    overflow: hidden;
}

.step-back {
    font-size: xx-large;
    color: #CED2D9;
    padding-top: 20px;
}

.setup-content {
    width: auto;
    display: table-cell;
    padding-right: 120px;
    vertical-align: middle;
    text-align: center;
}

.next-button {
    width: 50%;
    height: 50px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 0;
    line-height: 50px;
}

.control-group-custom {
    width: 55%;
    margin: 0 auto;
    display: inline-block;
}

.control-group-custom > label {
    float: left;
}

.control-group-custom > input {
    float: right;
}

.help-inline-js {
    position: absolute;
    right: 0;
    top: 0;
}

#selected-domain input {
    margin-left: 10px;
}

.step .relative-position label {
    display: inline;
    margin-top: 5px;
    margin-right: 10px;
}

.hosting-section-banner-small {
    position: absolute;
    left: 40px;
    top: 10px;
    width: 90px;
}

.top-zero img {
    top: 0px !important;
}

.spring-sale-banner {
    background-image: url(/themes/h2/img/spring-sale-bg.jpg);
}

.br-banner {
    background-image: url(/themes/h2/img/br-banner.png) !important;
}

.spring-sale-banner-2 {
    background-image: url(/themes/h2/img/spring-sale-bg-2.jpg);
}

.spring-sale-banner-2 img {
    width: 138px;
    top: 10px;
}

.spring-sale-banner-2 button {
    background-color: #FF5D5B;
}

.spring-sale-banner-2 button:hover, .spring-sale-banner-2 button:active, .spring-sale-banner-2 button:focus {
    background-color: #e6504e!important;
}

.cpanel-order-div, .cpanel-order-div:hover, .cpanel-order-div:active, .cpanel-order-div:focus  {
    color: #333;
    text-decoration: none;
    display: block;
    margin-top: 10px;
}

.cpanel-order-div img {
    width: 26px;
    padding-left: 2px;
}

.cpanel-order-div u {
    color: #FF6C19;
}

.single-block a {
    text-decoration: none;
}

.ssl-suggestion, .disk-suggestion {
    background-color: #F2F2F2;
    position: relative;
    border-radius: 0px;
    min-height: 80px;
    margin-bottom: 25px;
    border: 1px solid #ddd;
}

.chat-block-image .chat-block-mascot {
    width: 300px;
    height: 130px;
    margin: auto;
}

.chat-block-screen{
    position: absolute;
    z-index: 20000;
}

.modal-chat-block{
    width: 40%;
    display: none;
    position: fixed !important;
    top: 25%;
}

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

.chat-block-text{
    margin: auto;
    width: 70%;
}

.chat-block-button{
    padding: 10px 30px;
}

.chat-block-close{
    margin-top: 5px;
    margin-right: 5px;
}

.php-config-form .span3, .php-config-form .span4{
    margin-left: 0;
}

.error-input-field input {
    border: 1px solid red !important;
}

.cloudflare-badge-green {
    -webkit-border-radius: 9px!important;
    -moz-border-radius: 9px!important;
    border-radius: 9px!important;
    height: 15px;
    margin-top: 20px;
    margin-left: 10px;
    background: #27b877;
    font-weight: 900;
}

.cloudflare-badge-red {
    -webkit-border-radius: 9px!important;
    -moz-border-radius: 9px!important;
    border-radius: 9px!important;
    height: 15px;
    margin-top: 20px;
    margin-left: 10px;
    background: #fe5c5c;
    font-weight: 900;
}

.show-cloudlfare-modal-button {
    min-width: 160px;
}

.cloudflare-logo {
    width: 48px;
    height: 48px;
    padding-top: 5px;
}

.gsuite-logo{
    width: 30px;
    height: 30px;
    padding-top: 14px;
    padding-right: 10px;
}

.margin-top-30 {
    margin-top: 30px!important;
}

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

#cloudflare {
    padding: 2% 5%;
}

.cloudflare-row img{
    width: 42px;
    height: 42px;
}

.cloudflare-row {
    display: flex;
    margin: 0;
}

.cloudflare-title {
    display: block;
}

.cloudflare-row p {
   display: inline-block;
    padding: 0 3%;
}

.cloudflare-block {
    display: flex;
    width: 100%;
}

.cloudflare-block > div {
    width: 50%;
}

@media screen and (max-width:600px){
    .cloudflare-block > div {
        width: 100%;
    }
}

.cloudflare-block a {
    padding: 8px 60px!important;
}

.cloudflare-drago img{
    width: 150px;
}

.display-modal-above-backdrop {
    z-index: 10050!important;
    position: fixed!important;
}

.cloudflare-popup-img {
    width: 50%;
    height: 50%;
}

.no-orders-dashboard-button {
    width: 250px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    line-height: 50px;
    text-align: center;
}

.hosting-dragon-no-orders-dashboard{
    width: 180px;
    height: 202px;
    object-fit: contain;
}

.no-orders-dashboard {
    height: 460px!important;
}

.email-manage-not-pointing {
    position: relative;
}

.email-manage-not-pointing .btn {
    padding: 16px 50px;
    font-size: 18px;
}

.email-manage-not-pointing .hosting-dragon-domain-not-pointing {
    position: absolute;
    width: 90px;
    bottom: 20px;
    left: 35px;
}

.profile-submit-button {
    margin-left: 0!important;
}

.disk-suggestion .lamp-logo img {
    width: 64px;
    position: absolute;
    left: 9px;
    top: 9px;
}

.ssl-suggestion .lamp-logo img {
    width: 84px;
    position: absolute;
    left: 9px;
    top: 9px;
}

.ssl-suggestion .text-block {
    margin-left: 104px;
    margin-right: 184px;
    min-height: 72px;
}

.white-block-parent {
    padding: 5px 10px;
    background-color: #ffffff;
    border: 1px solid #EBEDF0;
}

.white-block-child:hover {
    background-color: #fafafa;
}

.white-block-child {
    background-color: #ffffff;
}

.white-block-child-content {
    display: flow-root;
    margin-bottom: -24px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #EBEDF0;
}

.overflow-scroll {
    overflow:scroll;
}

.plan-li-title {
    padding: 6px;
}

.plan-li-element {
    padding: 0px;
}

.upgrade-star{
    color: #6747c7;
    font-size:18px;
}

.white-block-child-content img {
    width: 40px;
}

.white-block-parent.upsell-banner img {
    height: 40px;
    margin-left: 5px;
}

.index-hosting-section .row-fluid:last-child .white-block-child-content{
    border-bottom:none;
}

.vertical-align-middle {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.show-more {
    cursor: pointer;
    margin-top: 20px;
    color: grey;
    text-decoration: underline;
}

.horizontal-margin-10 {
    margin: 0 10px;
}

.width-15-perc {
    width: 15%;
}

.hosting-header, .navigation-header {
    height: 70px;
    padding: 10px 60px 10px 24px;
}

.padding-24-60 {
    padding: 24px 60px;
}

.line-height-14 {
    line-height: 1.4;
}

.status-bubble {
    width: 15px;
    height: 15px;
    border-radius: 50% !important;
    top: -5px;
    right: 0;
    position: absolute;
}

.blink-animation-fast {
    animation: blink 2s linear 1s infinite;
}

.blink-animation-slow {
    animation: blink 5s linear 1s infinite;
}

.background-green {
    background-color: #28b779;
}

.background-purple {
    background-color: #6d4ec9;
}

.background-yellow {
    background-color: #ffb848;
}

.background-white {
    background-color: #ffffff !important;
}

.background-dark {
    background-color: #434343 !important;
}

.background-light-grey {
    background-color: #f8f8f8 !important;
}

.background-none {
    background: none !important;
}

.upgrade-table {
    font-size: 14px;
    display: table;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    border-top: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.upgrade-table .lightpurple, .upgrade-table-mobile .lightpurple {
    opacity: 0.7;
}

.upgrade-table td {
    padding: 25px;
    max-width: 40px;
    border-top: 1px solid#ddd;
    border-left: 1px solid #ddd;
    text-align: center;
    white-space: normal;
}

.upgrade-table tr:first-child{
    font-weight:bold;

}

.upgrade-table tr td:first-child {
    text-align: left;
    padding-right: 18px;
    font-weight: bold;
}

.upgrade-table tr:first-child td:first-child {
    border: 0;
}

.upgrade-table .btn {
    min-width:80%;
}

.upgrade-table-mobile{
    display: none;
}

.mark-purple{
    color: #6747c7;
}

@media screen and (max-width:979px){
    .upgrade-table {
        display: none;
    }

    .upgrade-table-mobile {
        display: block;
    }
    .upgrade-table-mobile .btn {
        min-width:50%;
    }

    .upgrade-table-mobile table{
        font-size: 14px;
        margin-bottom:20px;
        display: table;
        width: 100%;
        border: 1px solid #ddd;
        border-collapse: separate;
        border-left: 0;
        border-top: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;

    }

    .upgrade-table-mobile table td{
        padding: 25px;
        max-width: 40px;
        border-top: 1px solid#ddd;
        border-left: 1px solid #ddd;
        text-align: center;
        white-space: normal;
    }

    .upgrade-table-mobile tr td:first-child {
        font-weight: bold;
    }
}

.notify-banner .content .title{
    font-weight: bold;
    font-size:28px;
    margin-bottom:20px;
}

.notify-banner .content .text{
    font-size:14px;
    color: #a4a8aa;
}

.upgrade-plan-box, .notify-banner {
    position: relative;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #dddddd;
}

.upgrade-plan-box .content, .notify-banner .content {
    display: inline-block;
    width: 70%;
    border: 3px solid transparent;
    margin: 5%;
}

@media screen and (max-width: 979px) {
    .upgrade-plan-box .content,
    .notify-banner .content {
        display: inline-block;
        min-width: 70%;
        width: auto;
        border: 3px solid transparent;
        margin: 5%;
    }
}

.notify-banner .content{
    margin: 3%;
}

.upgrade-plan-box .content .upper-part {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
    padding-top: 20px;
}

.upgrade-plan-box .content .upper-part .title {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;
}

.upgrade-plan-box .content .upper-part .subtitle {
    font-size: 14px;
    color: #a4a8aa;
}

.upgrade-plan-box .content .upper-part .price {
    margin-top: 20px;
    margin-bottom: 30px;
}

.upgrade-plan-box .content .upper-part .price .int {
    font-size: 35px;
    line-height: 30px;
    color: #333333;
    font-weight: bold;
}


.notify-banner .content .img {
    position: absolute;
    left: 100px;
    top: 33px;
    width: 120px;
    overflow: hidden;
    max-height: 108px;
}


.upgrade-plan-box .content .upper-part .btn, .upgrade-plan-box .content .upper-part .btn-current {
    min-width: 60%;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 17px;
    padding: 15px 20px;
    transition: all .3s ease-in-out;
}

.upgrade-box-domain{
    margin-left: 5px;
    margin-right: 10px;
    color: #CCCCCC;
}

.upgrade-box-domain-right{
    margin-left: 5px;
}

.arrow-black{
    color: #000000;
}

a.arrow-black:hover {
    text-decoration: none;
}

a.upgrade-link-back:hover {
    text-decoration: none;
}

.upgrade-plan-box .content .upper-part .btn-current {
    background-color: #CCCCCC;
}

.upgrade-plan-box .content .lower-part {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

.upgrade-plan-box .content .lower-part ul{
    list-style-type: none;
    margin: 0;
}

.custom-responsive-pricing-table .span4 {
    min-height: 0!important;
    margin: 5px !important;
}

.upgrade-plan-box .content .lower-part ul li{
    padding: 6px 0px;
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

.store{
    border-bottom:none;
}
.store .header .title{
    font-size: 18px;
    font-weight: bold;
    padding: 27px 30px;
    text-decoration: none;
}

.store .side-widget, .store .main {
    margin-bottom: 30px;
    padding-bottom: 30px;
    float: left;
}

.store .header{
    height: 76px;
    background-color: #ffffff;
}

.store .side-widget{
    width: 14%;
    text-align: center;
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 15px;
}

.store .side-widget ul{
    max-width:100%;
    list-style-type: none;
    font-size: 13px;
    text-align: left;
    margin: 30px 0 0 0;
}

.store .side-widget ul li{
    margin-bottom: 10px;
    word-break: break-word;
    color: #888888;
}

.store .side-widget ul li:hover, .store .frame:hover{
    cursor:pointer;
    opacity: 0.5;
}

.store .side-widget ul .active{
    font-weight: bold;
    color: #333;
}

.store .main{
    background-image: linear-gradient(to top, #ffffff, #f7f7f7);
    width: 86%;
}

.store .main .modal{
    width: 900px;
    padding-bottom: 40px;
    margin-bottom: 200px;
}

.store .main .modal-content .modal-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.store .main .modal-content .modal-header .text-zone{
    display: flex;
    align-items: center;
}

.store .main .modal-content .modal-header .main-img{
    width: 70px;
    margin: 30px;
}

.store .main .modal-content .modal-header .sub-img{
    width: 20px;
    margin-bottom: 2px;
    margin-right: 5px;
}

.store .main .modal-content .modal-header .text .title{
    position: relative;
    font-size: 24px;
    font-weight: bold;
}

.store .main .modal-content .modal-header .text{
    display: inline-block;
    position: relative;
}

.store .main .modal-content .modal-header .text .subtitle{
    color: #888888;
    margin-top: 10px;
}

.store .main .modal-content .description-zone{
    text-align: center;
    width: 100%;
    float: left;
    margin: 20px 0px 30px 30px;
    padding-right: 30px;
}

.store .main .modal-content .description-zone .description{
    text-align: left;
    display: inline-block;
}

.store .main .modal-content .description-zone .description p,
.store .main .modal-content .description-zone .description li{
    font-size: 14px;
    line-height: 1.5;
}

.store .main .modal-content .description-zone .images{
    text-align: center;
}

.store .main .modal-content .description-zone .images img{
    margin-top: 30px;
    width: 70%;
    display: inline-block;
}

.store .modal-header .install-zone .btn{
    padding: 12px 18px;
    font-size: 14px;
    display: inline-block;
    background-color: transparent;
    border: solid 1px #888888;
    margin: 5px 0;
    color: #888888;
}

.store .modal-header .install-zone .purple{
    border: none;
}

.store .modal-header .install-zone .suggestions{
    margin-top: 50px;
}

.store .frame{
    color: #000;
    width: 29%;
    display: inline-block;
    margin-left: 30px;
    background-color: #ffffff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.21);
    margin-top: 30px;
    text-align:center;
}

.store .frame .content{
    display: inline-block;
    text-align: left;
    width: 80%;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.store .frame .content .main-img{
    width: 50px;
}

.store .frame .content .title{
    font-size: 14px;
    font-weight: bold;
    margin-top: 13px;
}

.store .frame .content .main-text{
    margin-top: 13px;
    font-size: 13px;
    color: #888888;
    margin-bottom: 0px;
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.store .frame .content .sub-text{
    color: #888888;
    font-size: 13px;
    margin-left: 3px;
}

.store .frame .content .sub-img{
    width: 20px;
    padding-bottom: 3px;
}

.store .main .modal-content .modal-body{
    display: flex;
}

.store .account-select-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.store .account-select {
    position: relative;
    margin-top: 15px;
    padding: 20px 25px;
    border: #ccc 1px solid;
    border-radius: 5px !important;
    cursor: pointer;
    transition: all 0.3s;
}

@media screen and (max-width: 500px)
{
    .store .account-select {
        width: 100%;
    }
}

.store .account-select:hover,
.store .account-select.active {
    border: #6747c7 1px solid;
    transition: all 0.3s;
    background: rgba(103, 71, 199, 0.1);
}

.store .account-select.active:after {
    content: '✓';
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    background: #6747c7;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.store .disabled {
    pointer-events: none;
}


@media(min-width: 979px)
{
    .store .main .modal{
        left: 34%;
    }

}

@media(min-width: 1200px)
{
    .store .main .modal{
        left: 40%;
    }

}

@media screen and (max-width: 1200px)
{
    .upgrade-plan-box .content .upper-part .price .int {
        font-size: 28px;
    }

    .store .frame{
        width: 43.5%;
    }

    .notify-banner .content {
        margin-left: 70px;
    }

    .notify-banner .content .img {
        left: 25px;
        top: 29px;
        width: 110px;
        max-height: 98px;
    }

    .notify-banner .content .title {
        font-size: 24px;
    }

    .notify-banner .content .subtitle {
        font-size: 13px;
    }

}

@media screen and (max-width: 979px)
{
    .upgrade-plan-box .content .upper-part .price .int {
        font-size: 20px;
        line-height: 25px;
    }

    .store .frame{
        width: 88%;
    }

    .store .side-widget{
        width: 20%;
    }

    .store .main{
        width: 80%;
    }

}

@media screen and (max-width: 767px)
{
    .custom-responsive-pricing-table .span4 {
        margin: 0 0 10px 0!important;
    }

    .upgrade-plan-box .content .upper-part .price .int {
        font-size: 30px;
        line-height: 30px;
    }

    .notify-banner .content .img {
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
        max-height: 150px;
        width: 110px;
    }

    .notify-banner .content {
        margin-left: 0px;
    }

    .store .main .modal-content .modal-body{
        display: flex;
        flex-direction: column;
    }

    .store .main .modal-content .description-zone{
        width: auto;
        order: 2;
        float: none;
        border: none;
    }

    .store .main .modal-content .description-zone .images img{
        width: 100%;
    }

    .store .main .modal-content .modal-header .text-zone {
        order: 3;
        width: 95%;
    }

    .store .main .modal-content .install-zone {
        display: inline-block;
        order: 4;
        width: 100%
    }

    .store .main .modal-content .modal-header {
        text-align: center;
        display: flex;
        flex-flow: column;
    }
    .store .main .modal-content .modal-header .close {
        order: 1;
        align-self: flex-end;
    }

    .store .main .modal-content .modal-header .text {
        text-align: left;
    }
}

@media screen and (max-width: 600px){

    .store .side-widget{
        display:none;
    }

    .store .main{
        width: 100%;
    }

    .store .frame{
        margin-left: 6%;
    }

    .cloudflare-block {
        display: block;
    }
}

@media screen and (max-width: 500px)
{
    .upgrade-plan-box .content .upper-part .price .int {
        font-size: 25px;
    }


}

@media screen and (max-width: 430px)
{
    .upgrade-table-mobile tr td:first-child {
        word-wrap: break-word;
    }

    .store .main .modal-content .modal-header .text {
        text-align: center;
    }
}

@media screen and (max-width: 295px)
{
    .store .main .modal-content .modal-header {
        text-align: center;
        height: 200px;
    }
}

.greeting {
    display: initial;
    font-size: 26px;
    line-height: 36px;
}

.display-grid {
    display: grid;
}

.upsell-banner {
    padding: 36px 25px;
}

.upsell-banner h5 {
    top: 5px;
    position: relative;
}

.transparent-background {
    background-color: transparent;
}

.violet-border {
    border: 1px solid #5435b0;
}

.red-border {
    border: 1px solid #ed412d;
}

.yellow-border {
    border: 1px solid #ffb848;
}

.rotate-180-animated{
    transform: rotate(180deg);
}

.animated-icon{
    display: inline-block;
    transition: transform 600ms ease;
}

.manage-link {
    color: #000;
}

.pace .pace-progress {
    display: none;
}

.upsell-block .layout:hover{
    opacity: 0.5;
    cursor:pointer;
}

.upsell-block .layout{
    color: inherit;
    text-decoration: inherit;
    height: 220px;
    border-bottom: 2px solid #EBEDF0;
}

.upsell-block .layout .content{
    position: relative;
    bottom: 10px;
}

.upsell-block .layout:first-child{
    margin-left: 1px;
    max-width: 99.7%;
}
.upsell-block .layout:not(:first-child){
    margin-left: 28px;
}

.upsell-controllers{
    text-align: center;
}

.upsell-controllers .carousel-indicators{
    position: relative;
    display: inline-block;
}

.carousel-indicators > li {
    width: 10px;
    border-radius: 50%!important;
    height: 10px;
    background-color: #e6e6e6;;
    cursor:pointer;
}
.carousel-indicators > li.active {
    width: 10px;
    height: 10px;
    background-color: #bdc2c7;
}


.manage-button-o {
    height: 18px
}

@keyframes blink {
    0% {
        opacity: 1;
        transform: scale(1.05)
    }
    25% {
        opacity: 0.7;
        transform: scale(0.96)
    }
    50% {
        opacity: 0.9;
        transform: scale(1)
    }
    75% {
        opacity: 0.6;
        transform: scale(0.93)
    }
    100% {
        opacity: 1;
        transform: scale(1.05)
    }
}

.hostinger-free-closing-banner {
    position: relative;
    text-align: left;
    background-color: #FFF;
    padding: 15px 15px;
    min-height: 80px;
}

.hostinger-free-closing-banner > .absolute-position img {
    width: 125px;
    margin-top: 20px;
}

.hostinger-free-closing-banner-text a:first-of-type {
    margin-right: 15px;
}

.hostinger-free-closing-banner-text img {
    width: 20px;
}

.hostinger-free-closing-banner-text img {
    width: 20px;
}

.hostinger-free-closing-banner-text {
    margin-left: 150px;
}

.hostinger-free-closing-banner-text p {
    margin-top:10px;
}

.hostinger-free-closing-banner-text .webhost-button {
    background-color: #d10303 !important;
}

.hostinger-free-closing-banner-text .webhost-button:active,
.hostinger-free-closing-banner-text .webhost-button:focus,
.hostinger-free-closing-banner-text .webhost-button:hover {
    background-color: #b10303 !important;
}

.email-verification-banner, .power-store-banner {
    position: relative;
    text-align: left;
    background-color: #FFF;
    padding: 15px 15px;
    min-height: 80px;
}

.email-verification-banner img, .power-store-banner img {
    width: 96px;
}

.email-verification-banner-text, .power-store-banner-text {
    margin-left: 110px;
}

.power-store-banner-text p {
    margin-top:10px;
}

.email-prefix {
    line-height: 40px;
    font-size: 16px;
}

.padding-horizontal-50 {
    padding-right: 50px;
    padding-left: 50px;
}

.access-manager-grant {
    border: 1px solid #e5e5e5;
    padding: 15px;
    background-color: white;
    border-top: 5px solid #F3A537;
    margin: 5%;
}

.access-manager-request {
    border: 1px solid #e5e5e5;
    padding: 15px;
    background-color: white;
    border-top: 5px solid #28b779;
    margin: 5%;
}

.highlight-table tr td:nth-of-type(3){
    box-shadow: 0 12px 0 -1px white, 0 -13px 0 -1px white, 10px 0 15px -1px rgba(103, 71, 199, 0.2), -10px 0 15px -1px rgba(103, 71, 199, 0.2);
}

.highlight-table tr:last-child td:nth-of-type(3){
    box-shadow: 0 9px 20px 1px rgba(103, 71, 199, 0.2), 0 -9px 0px -1px white, 9px 0 14px -2px rgba(103, 71, 199, 0.2), -12px 0 15px -2px rgba(103, 71, 199, 0.2);
}

.highlight-table tr:first-child td:nth-of-type(3){
    box-shadow:0 11px 0 -12px white, 0 -9px 18px -4px rgba(103, 71, 199, 0.2), 9px 0 14px -2px rgba(103, 71, 199, 0.2), -13px 0 20px -2px rgba(103, 71, 199, 0.2);
}

.highlight-table [class*=" icon-"]:before, [class^=icon-]:before{
    cursor: unset;
}

.highlight-table div#special-offer{
    margin-top: -20px;
}

.highlight-table div#special-offer .special-offer-content{
    background-color: #6747c7;
    color: #fff;
}

.highlight-table div#special-offer .special-offer-content:after{
    border-top: 10px solid #6747c7;
}

.domain-setup-select {
    width: 374px!important;
    height: 38px;
}

form.app-transfer-step {
    max-width: 650px;
    margin: 0 auto;
    margin-top: 35px;
}

.stretch {
    display: flex;
    align-items: stretch;
}

.intercom-crown{
    position: fixed;
    bottom: 70px;
    right: 25px;
    display: none;
}


.al-order-manage-buttons > * {
    margin-left: 5px;
}

.custom-url {
    display: none !important;
}

.seo-report-scan-block .scans-count {
    background-color: #27b778;
    border-radius: 15px !important;
    padding: 2px 20px;
    color: white;
    font-weight: 600;
    margin-left: 10px;
    margin-right: 20px;
}

.seo-report-scan-block .free-scan-input {
    padding: 6px;
    width: 237px;
    border: solid 1px #e5e5e5;
}

.seo-report-scan-block .box-shadow {
    padding: 20px;
}

.seo-report-banner .white-block-parent{
    padding: 20px;
}

.seo-report-banner .white-block-parent > div:nth-child(1){
    position: absolute;
}

.seo-report-banner .white-block-parent > div:nth-child(2){
    margin-left: 176px;
}

.seo-report-banner img{
    width: 148px;
}

.seo-report-banner div.margin-bottom-15{
    width: 70%;
}

#add_custom_mailbox {
    display: flex;
    justify-content: space-between;
}

input.invalid-input {
    border: 1px solid #FF0000 !important;
}
#account-statistics {
    padding: 0 10px 15px 10px;
}

#account-statistics .chart {
    overflow: visible;
    position: relative;
    height: 40vh;
    width: 100%;
    box-sizing: border-box;
}

#date-picker {
    cursor: pointer;
}

#statistics-data-search {
    display: none;
}

#statistics-data-search i{
    cursor: pointer;
}

.date-picker-form {
    margin: 0 !important;
}

.u-flex {
    display: flex;
}

.u-flex-space-between {
    justify-content: space-between;
}

.u-flex-space-evenly {
    justify-content: space-evenly;
}

.u-flex-align-center {
    justify-content: center;
}

.u-flex-center {
    align-items: center;
}

.u-flex-col {
    flex-flow: column;
}

.u-flex-item-start {
    align-self: flex-start;
}

.u-flex-item-end {
    align-self: flex-end;
}

.margin-0 {
    margin: 0;
}

.disable-action {
    pointer-events: none;
}

.flex--items-center {
    align-items: center;
}

.flex--items-strech {
    align-items: stretch;
}

.flex--space-around {
    justify-content: space-around;
}

.flex--center {
    justify-content: center;
}

.flex {
    display: flex;
    flex-flow: row;
}

.chart svg {
    overflow: visible;
}

.chart .ct-point {
    stroke-width: 4px;
    cursor: pointer;
}

.chart .limit-series .ct-point {
    stroke-width: 2px;
}

.chart .ct-line {
    stroke-width: 1px;
}

.chart .ct-series-a .ct-bar,
.chart .ct-series-a .ct-line,
.chart .ct-series-a .ct-point,
.chart .ct-series-a .ct-slice-donut,
.chart .ct-line,
.chart .ct-line.ct-threshold-below,
.chart .ct-point,
.chart .ct-point.ct-threshold-below,
.chart .ct-bar,
.chart .ct-bar.ct-threshold-below {
    stroke: rgba(103,71,199, 0.8);
}

.ct-series-a .ct-area,
.chart .ct-series-a .ct-slice-donut-solid,
.chart .ct-series-a .ct-slice-pie,
.chart .ct-area,
.chart .ct-area.ct-threshold-below {
    fill: rgba(103,71,199, 0.3);
}
.chart .limit-series .ct-area.ct-threshold-below { fill: none}


.chart .ct-line.ct-threshold-above,
.chart .ct-point.ct-threshold-above,
.chart .ct-bar.ct-threshold-above {
    stroke: #f05b4f;
}

.chart .ct-area.ct-threshold-above {
    fill: #f05b4f;
}

.chart .ct-grid.ct-horizontal {
    stroke: transparent !important;
}
.chart .ct-label.ct-horizontal {
    background-color: #fff;
    min-width: 85px !important;
    text-align: center !important;
}

.button {
    border-radius: 0;
    border: 0;
    font-weight: bold;
}

.button--space {
    margin-right: 25px;
}

.button--medium {
    font-size: 14px;
    padding: 5px 25px;
}

.button--big {
    font-size: 19px;
    padding: 15px 25px;
}

.button--000 {
    background: #c91a19;
    color: rgba(255,255,255,1)
}

.button--black {
    background: rgba(0,0,0,1);
    color: rgba(255,255,255,1)
}
.button--success {
    background: #35aa47;
    color: rgba(255,255,255,1)
}

#webhost-transfer-confirm {
    position: relative;
    padding-top:40px;
    min-height: 100vh;
}

.webhost-transfer-confirm__image {
   max-height: 375px;
}

.webhost-transfer-confirm__header {
    color: #434343;
    font-size: 31px;
    font-weight: bold;
    margin: 20px 0;
}

.webhost-transfer-confirm__sub-header {
    font-size: 15px;
    margin-bottom: 50px;
}

#webhost-transfer-main .page-container{
    box-sizing: border-box;
    padding: 0 10px !important;
}

.webhost-transfer__header-container {
    padding-bottom: 220px;
}

.webhost-transfer__header-container .flow-back {
    position: relative !important;
    left: 0;
    letter-spacing: 1px;
 }

.webhost-transfer__header {
    font-size: 44px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
}

.webhost-transfer__header--dark {
    color: #434343;
}

.webhost-transfer__sub-header {
    font-size: 18px;
    color: #ffffff;
    padding: 0 50px;
}

.webhost-transfer__sub-header--dark {
    color: #434343;
}

.webhost-transfer__tooltip {
    color: #434343;
}

.webhost-apps {
    border-radius: 7px !important;
    background-color: #ffffff;
    padding: 0 40px 35px 40px;
    flex-wrap: wrap;
    margin-top: -210px;
    margin-bottom: 20px;
}

.webhost-apps > div:not(:nth-child(3n+5)) {
    margin-right: 5%;
}

.webhost-apps__app,
.webhost-apps__transfer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: 7px !important;
    background-color: #ffffff;
    position: relative;
    width: 30%;
    box-sizing: border-box;
    margin-top: 35px;
}

.webhost-apps__transfer {
    order: 3;
    padding: 0;
    margin-right: 0 !important;
}

.webhost-apps__transfer h4 {
    margin-top: 0;
    width: 100%;
}

.webhost-apps__transfer ul li {
    margin: 10px 0;
    list-style-image: url('/themes/h2/img/check-mark-green.svg');
    padding-left: 10px;
}

.webhost-apps__transfer .checker {
    margin-right: 0px
}

.webhost-apps__app {
    border: solid 1px #9b9b9b;
    padding: 20px 25px;
    cursor: pointer;
}

.webhost-apps__app > * {
    opacity: 0.5;
}

.webhost-apps__app > div * {
    text-align: center;
}

.webhost-apps__app > div h4 {
    margin-top: 20px;
    font-weight: bold;
}

.webhost-apps__app--selected > * {
    opacity: 1;
}

.webhost-apps__app--selected:before{
    content: "✓";
    width: 35px;
    height: 35px;
    border-radius: 50% !important;
    background: #35aa47;
    color: #ffffff;
    position: absolute;
    text-align: center;
    line-height: 35px;
    top: 25px;
    left: 20px;
    font-size: 20px;
}
.webhost-apps__app-selected-button {
    display: none;
}

.webhost-apps__app-selected {
    display: flex;
    justify-content: center;
    cursor: pointer;
    animation: all 0.3s;
}

.webhost-apps__app-selected:hover {
    opacity: 1;
}

.webhost-apps__app--selected .webhost-apps__app-selected-button {
    display: inherit;
}

.webhost-apps__app--selected .webhost-apps__app-select-button {
    display: none;
}

.webhost-apps__app-icon {
    margin-top: 25px;
}

.webhost-apps__input {
    width: 100%;
    box-sizing: border-box;
    border: 0 !important;
    border-bottom: 1px solid #434343 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.container-timer .value {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.container-timer .explained {
    text-align: center;
}
.container-timer-white {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.container-timer-white .clock-holder {
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-timer-white .value {
    font-size: 48px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.container-timer-white .explained {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}
.container-timer-white .days, .container-timer-white .hours, .container-timer-white .minutes, .container-timer-white .seconds {
    display: flex;
}
.container-timer-white .seperator {
    font-size: 80px;
    margin: 0 10px;
}

#promotion-divs{
    position: relative;
    text-align: center;
    background-color: #150A61;
    background-size: cover;
    padding: 25px 30px;
    color: #fff;
    display: none;
}

#promotion-divs{
    background-image: url("/themes/h2/img/black-friday/deal.jpg");
    background-size: 100% 100%;
    background-repeat: none;
}

#promotion-divs .not-interested{
    padding-left: 10px;
}

#promotion-divs .title h3{
    font-size: 24px;
    margin: 0;
}

#promotion-divs .title h4{
    font-size: 20px;
    color: #ff4546;
    margin: 0;
}

#promotion-divs button{
    width: 200px;
    height: 40px;
    background-color: #ff4748;
    color: white;
    padding: 10px 5px;
    font-size: 14px;
}

#promotion-divs button:hover, #promotion-divs button:focus{
    background-color: #ff4755 !important;
}

#promotion-divs .action-div .span6:nth-of-type(2) {
    margin-top: 10px;
    font-size: 14px;
}

#promotion-divs div#special-offer {
    margin-top: -40px;
}


.bf-header {
    color: white;
}

.bf-header h2{
    font-weight: 600;
}

.bf-rectangle {
    width: 400px;
    height: auto;
    border-radius: 3px;
    border: solid 1.1px #e4e4e4;
    background-color: #ffffff;
    text-align: center;
    padding-top: 50px;
    margin: 0 auto;
}

.bf-rectangle img {
    width: 50%;
}

.bf-header select{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1ex;
    background-origin: content-box;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
    width: 73%;
    height: 50px;
    font-size: 23px;
    padding: 0px 30px;
    font-weight: 300;
}

.discount-tag{
    width: 150px;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -20px;
}

.purple-tag {
    background-color: #6d4ec9 !important;
}

.green-tag {
    background-color: #18b877 !important;
}

.discount-tag-text{
    color: #fff;
    font-size: large;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
}

.background-dark-bf{
    padding-top:60px;
    padding-bottom: 40px;
    background-color: #333 !important;
}

.renew-label-text{
    background-color: #FFBE00;
    padding: 10px 2px;
    font-weight: 600;
    color: #000;
    font-size: 14px
}

.bf-faq{
    width: 72%;
    margin: 0 auto;
}

.bf-rectangle .from-text{
    font-size: 16px;
    font-weight: 400;
}

.manage-emails-header {
    display: flex;
    justify-content: space-between;
}

.manage-emails-total {
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 22%;
}

.vps-note{
    background-color: red;
    padding-left: 10px;
    color: white;
    font-weight: 600;
}

.u-word-break-all {
    word-break: break-all;
}

.toggle-epp{
    margin-left: 5px;
    cursor: pointer;
}

/* ============================== */
/* = ONLY RESPONSIVE CSS BELOW  = */
/* ============================== */
@media screen and (max-width: 979px){
    .webhost-apps__app {
        width: 45%;
    }

    .renew-label-text{
        font-size: 10px
    }

    .webhost-apps__transfer {
        width: 100%;
        flex-flow: row;
        align-items: center;
        justify-content: space-between
    }

    .webhost-apps__transfer > div{
        align-self: normal;
    }

    .webhost-apps > div {
        margin-right: 0 !important;
    }

    .webhost-apps {
        justify-content: space-between;
    }

    .bf-rectangle {
        width: auto;
        height: auto;
    }

    .background-dark-bf {
        padding-top: 0;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 768px){
    .webhost-apps {
        justify-content: center;
    }

    .webhost-apps__app,
    .webhost-apps__transfer {
        width: 100%;
    }

    .webhost-apps__transfer {
        order: 0;
        flex-flow: column;
    }

    .webhost-apps__transfer > div{
        align-self: inherit;
    }

    .bf-offers .pull-left, .bf-offers .pull-right{
        float: none;
    }

    .bf-offers .pull-left{
        margin-top: 30px;
    }
}


@media screen and (max-width: 1200px) {
    .bf-faq{
        width: 88%;
    }

    .setup-content {
        padding-right: 15px;
    }

    .step .control-group-custom {
        width: 70%;
    }

    .help-inline-js {
        position: relative;
    }

    .upsell-block .layout:not(:first-child) {
        margin-left: 18px;
    }

    .upsell-block .layout{
        height: 240px;
    }

    #promotion-divs .title h3{
        font-size: 18px;
    }

    #promotion-divs .title h4{
        font-size: 16px;
    }
}

@media screen and (max-width: 979px) {
    .bf-faq{
        width: 76%;
    }

    .upsell-block .layout:not(:first-child) {
        margin-left: 18px;
    }

    .upsell-block .layout{
        height: 280px;
    }

    .seo-report-scan-block .box-shadow {
        text-align: center;
    }

    #promotion-divs .span6{
        width: 100%;
        margin: 0;
    }

    #promotion-divs .action-div .span6{
        text-align: center;
    }

    #promotion-divs{
        background-image: none;
    }

    #promotion-divs .text-left{
        text-align: center;
    }

    #promotion-divs .span12{
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .bf-faq{
        width: 95%;
    }

    .breadcrumb-steps {
        display: none;
    }

    #selected-domain input {
        margin-left: 0;
    }

    .radio-custom-wp {
        float: right;
    }

    .upsell-block .layout:not(:first-child){
        display: none;
    }

    .upsell-block .layout{
        height: 180px;
    }

    .padding-24-60 {
        padding: 24px 24px;
    }

    .flex {
        flex-flow: column;
    }

    .flex__sm--flow-reverse {
        flex-flow: column-reverse;
    }

    .hostinger-free-closing-banner > .absolute-position{
        position: relative;
        text-align: center;
    }

    .hostinger-free-closing-banner-text{
        margin-left: 0;
        text-align: center;
    }
}

@media screen and (max-width: 600px) {

    .nps-modal .nps-modal-question {
        font-size: 11px;
        line-height: 3em;
    }
    .ssl-suggestion .lamp-logo, .disk-suggestion .lamp-logo{
        position: relative;
    }
    .ssl-suggestion .text-block, .disk-suggestion .text-block{
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0px 10px 10px 10px;
    }

    .portlet-facelift .form-actions button {
        width: auto;
    }

    .portlet-facelift .form .form-actions {
        padding-left: 10px;
    }

    #kb_widget #kb_widget_content {
        width: auto;
        min-width: 250px;
    }

    .cPanel-section .custom-span-2 h5{
        display: none;
    }

    .step .relative-position label {
        display: block;
        margin-bottom: 5px;
    }

    .step .control-group-custom {
        width: 60%;
    }

    .hpanel-suggestion-btn, .ssl-suggestion .button-block, .ssl-suggestion .lamp-logo img, .disk-suggestion .button-block, .disk-suggestion .lamp-logo img {
        position: relative;
        display: block;
        left: 0;
        top: 0;
        margin: 20px auto;
    }

    .hpanel-suggestion-btn {
        width: 30%;
    }

    .ssl-suggestion .text-block h4, .ssl-suggestion .text-block h5, .disk-suggestion .text-block h4, .disk-suggestion .text-block h5 {
        text-align: center;
    }

    .container-timer-white .clock-holder {
        flex-wrap: wrap;
    }
    .container-timer-white .seperator {
        display: none;
    }
    .container-timer-white .days, .container-timer-white .hours, .container-timer-white .minutes, .container-timer-white .seconds {
        margin-right: 20px;
    }

    #promotion-divs .title h3{
        font-size: 14px;
    }

    #promotion-divs .title h4{
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {

    .white-block-btn {
        float: left;
    }

    .white-block-text {
        padding-bottom: 20px;
        width: 160px;
        word-break: break-all;
    }

    .seo-report-banner .white-block-parent > div:nth-child(1){
        position: relative;
    }

    .seo-report-banner .white-block-parent > div:nth-child(2){
        margin-left: 0;
    }

    .seo-report-banner{
        text-align: center;
    }

    .seo-report-banner div.margin-bottom-15{
        width: 100%;
    }

}

@media (max-width: 480px) {
    .container-timer-white .value{
        font-size: 25px;
        margin-bottom: 10px;
    }

    div#special-offer .special-offer-content, span#special-offer .special-offer-content{
        font-size: 10px;
        padding: 5px 5px;
    }

    .container-timer-white .days, .container-timer-white .hours, .container-timer-white .minutes, .container-timer-white .seconds{
        margin-right: 15px;
    }
}

/* ============================== */
/* === DO NOT WRITE CSS BELOW === */
/* ============================== */

#domain-setup-form .grey-text {
    padding-left: 5px;
}