.mailbox .message-center a .mail-contnet .mail-desc, .mailbox .message-center a .mail-contnet .time{
    white-space: break-spaces !important;
}
.password-strength-meter .progress {
 
    height: 1rem !important;
}
#registration label.form-check [type=checkbox]:checked, 
#registration label.form-check [type=checkbox]:not(:checked) {
    position: relative;
    left: -9999px;
    opacity: 1;
    left: 0;
}

.no-margin{margin:0!important}
body{height:auto}
h3{font-size:18px!important;line-height:30px!important}
.background_fff{background-color:#fff}
.page-wrapper{position:relative;}
.page-wrapper .page-titles{padding-bottom:15px;}
.topbar .navbar-nav>.nav-item>.nav-link{font-size:14px!important;line-height:48px!important;}
.sidebar-nav>ul>li>a i{font-size:17px!important;}
.sidebar-nav>ul>li>a.active{background-color:transparent;}
.btn{font-size:14px;}
header.topbar.is_stuck {
    background: white;
}
.StripeElement {
    padding: 9px 12px;
    float: left;
    width: 100%;
}

body .footer{
    bottom:0;
    color:#67757c;
    left: 0px;
    padding: 17px 15px;
    position: absolute;
    right: 0;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    background: #ffffff;
}
.user-profile{padding-top:15px;}
footer.footer ul li a.btn{color:#404040!important}
footer.footer .copyright{margin:10px 0 0;}
footer.footer .nav-link{color:#000}
footer.footer ul li{padding:0!important}
.domain-pricing .tld-pricing-header div:nth-child(odd){border-color:#1976d2!important;}
.custom-navbar .navbar-light .navbar-nav .nav-item > a.nav-link{font-size:12px;line-height:48px;}
.client-help .card .card-body{padding:1.6rem 1.25rem}
.page-titles{padding:15px 10px 15px 14px !important}
.custom-navbar .btn-circle.btn-lg{width:45px;height:45px;padding:10px}
.modal-localisation .modal-content{background-color:#0088CD}
.modal-localisation .item-selector .item.active{background-color:#fff!important;border-color:#fff}
.modal-localisation .modal-footer .btn{padding:6px 20px!important;border:none;font-size:16px;}
.modal-localisation .item-selector .item{border:1px solid rgba(255,255,255,0.4)}
.modal-localisation .modal-body{padding:1rem 2rem}
.modal-localisation .item-selector .item{font-size:14px;line-height:36px;text-align:left;padding:0 15px;}
.home-domain-search button,.domain-check-availability,#order-standard_cart .input-group-lg>.form-control,#btnKnowledgebaseSearch,#inputKnowledgebaseSearch,
.topbar ul.dropdown-user li{font-size:14px!important;}
#inputKnowledgebaseSearch{height:60px}
#captchaContainer p{text-align:center!important;}
.product-desc ul{padding-left:20px;}
.domain-checker-container{background: -webkit-linear-gradient(top, #0088CD, #1976d2) !important;}
#order-standard_cart .default-captcha{background:#fff!important;}
#order-standard_cart .cart-body{box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);border-radius:40px;}
.tld-pricing-header .col-md-4{padding-top:7px}
.topbar ul.dropdown-user li i{margin-right:5px}
.sidebar-nav ul li ul li a{font-size:13px;line-height:13px;}
.custom-login-card .input-group-text, .custom-login-card .input-group-append i{color:#99abb4}
.client-home-cards .btn{font-size:12px;padding:5px 12px}
.client-home-cards .bg-color-red:hover{color:#fff!important;background-color:#d9534f;box-shadow:0 14px 26px -12px rgba(217, 83, 79, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(217, 83, 79, 0.2)}
.client-home-cards .card-header .bg-color-gold:hover{color:#fff!important;background-color:#f0ad4e;box-shadow:0 14px 26px -12px rgba(240, 173, 78, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(240, 173, 78, 0.2)}
.client-home-cards .card-header .bg-color-blue:hover{color:#fff!important;background-color:#5bc0de;box-shadow:0 14px 26px -12px rgba(91, 192, 222, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(91, 192, 222, 0.2)}
table.table-list thead th{background-color:#1976d2!important;color:#fff!important;font-size:14px;border-bottom:none!important;padding:12px;text-align:left;}
.dataTables_wrapper table.table-list,.dataTables_wrapper .dataTables_filter label .form-control{box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);border:none!important}
.table-list>tbody>tr:hover>td{background-color:#fff!important}
#tabOverview #domainForm .btn-group{box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);}
#tabOverview #domainForm .btn-group button{padding:10px 20px;border:1px solid #e9ecef;}
#tabOverview #domainForm .btn-group button:hover,
#tabOverview #domainForm .btn-group button:focus{color:#fff;background-color:#0088CD;box-shadow:none;}
#tabOverview #domainForm .dropdown-item{font-size:13px;}
#tabOverview #domainForm .dropdown-item i{margin-right:5px}
#order-standard_cart .field, #order-standard_cart .form-control{font-size:14px;}
.mini-sidebar .navbar-brand span .dark-logo{display:none;}
.full-dark-theme{background:#272c33;}


.rtl-demo .left-sidebar{right:0}
.rtl-demo .navbar-nav.mr-auto{order:2;margin-left:auto;margin-right:0!important}
.rtl-demo .navbar-collapse{order:1}
.rtl-demo .navbar-header{order:2}
.rtl-demo .topbar .top-navbar{padding:0 0 0 15px}
.rtl-demo .page-wrapper{margin-left:0;margin-right:240px}
.rtl-demo.mini-sidebar .page-wrapper{margin-right:60px}
.rtl-demo .right-side-toggle{left:0;right:auto}
.rtl-demo .right-sidebar.shw-rside{left:0}

@media screen and (max-width:1024px) and (min-width:577px) {
           h4{font-size:16px!important;}
           h3{font-size:16px !important;} 
           article{font-size:14px;line-height:24px;}
           .p-5{padding:2rem!important;}
           .btn-success{font-size:14px;}
           .client-help .card-group>.card{margin-bottom:1px;}
           .home-domain-search .input-group-wrapper .form-control{font-size:0.8rem}
           .domainchecker-homepage-captcha p{font-size:14px;line-height:20px;}
           .font-14{font-size:12px!important;}
           .card-title{line-height:20px !important;}
           .mini-sidebar .footer{left:0!important}
}

@media screen and (max-width:767px){
    h3{font-size:16px!important;}
    h4{font-size:16px!important;}
    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link{padding-left:1rem!important}
    .client-help card{margin-bottom:10px!important}
    .domainchecker-homepage-captcha p{font-size:14px;text-align:center;}
    .domainchecker-homepage-captcha .col-xs-6:first-child{text-align:right!important;}
    .domainchecker-homepage-captcha .col-xs-6{width:50%!important}
    .home-domain-search .btn-link{width:100%!important;margin-top:20px!important;}
    .domain-title, .domain-outer-box .flex-wrap{text-align:center!important;display:flow-root!important;}
    .home-domain-search .input-group-wrapper .form-control{font-size:14px;}
    .account-detail .card{margin-bottom:10px}
    .font-14{font-size:12px!important;}
    .card{margin-bottom:10px!important;}
    .announcement article{font-size:14px;}
    .announcement .btn{font-size:14px;}
    .mini-sidebar .footer{left:0!important}
    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link{padding-right:0;padding-left:10px!important}
    #inputCaptchaImage{margin-top:8px}
    footer.footer ul li{margin-right:0!important}
    footer.footer .btn-icon{width:1.5rem}
    .copyright{padding:0 70px}
    .user-profile{padding-top:20px}
    .topbar ul.dropdown-user li a{font-size:14px;}
    .sidebar-nav ul li ul li a{font-size:12px;line-height:12px;}
    article{font-size:14px;}
}


.topbar .top-navbar .navbar-header{
    line-height:65px!important;
}
.mini-sidebar .btn-circle.btn-lg{width:40px;height:40px;padding:8px 0!important}
@media (min-width: 576px){.card-group>.card{flex:auto}
div#default-captcha-domainchecker {
    margin-bottom: 10px;
}
}







/* DOMAIN CHECKER – TRANSPARENTE REAL */
.domain-checker-container,
.domain-checker-bg {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}


/* ===================================================== */
/* DOMAIN CHECKER – BORDE AZUL VISIBLE Y FORMA CORRECTA */
/* ===================================================== */

/* Margen real arriba y abajo */
.domain-checker-container,
.domain-checker-bg {
    margin: 40px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Contenedor limpio */
#frmDomainChecker .input-group {
    max-width: 900px;
    margin: 0 auto !important;
    display: flex;
    align-items: stretch;
    background: transparent !important;
    box-shadow: none !important;
}

/* =============================== */
/* INPUT BLANCO – BORDE AZUL REAL */
/* =============================== */
#inputDomain {
    padding: 0 26px !important;
    font-size: 16px !important;
    border-radius: 30px !important;
    background: #ffffff !important;
    margin-right: 12px !important;

    /* BORDE AZUL GRUESO (VISIBLE SÍ O SÍ) */
    border: 1px solid rgba(120, 210, 255, 1) !important;
    outline: none !important;

    /* Quitamos cualquier clip raro */
    background-clip: border-box !important;

    /* Sombra ligera, no tapa el borde */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);

    position: relative;
    z-index: 2;
}

/* Placeholder */
#inputDomain::placeholder {
    color: #9a9a9a;
}

/* Focus */
#inputDomain:focus {
    border-color: rgba(120, 210, 255, 1) !important;
}

/* =============================== */
/* MOBILE */
/* =============================== */
@media (max-width: 767px) {

    #frmDomainChecker .input-group {
        flex-direction: column;
        align-items: stretch;
    }

    #inputDomain {
        width: 100% !important;
        height: 64px !important;
        line-height: 64px !important;
        padding: 0 22px !important;
        box-sizing: border-box !important;

        border-radius: 32px !important;
        border: 1px solid rgba(120, 210, 255, 1) !important;

        margin-bottom: 14px;
    }

    #btnCheckAvailability {
        width: 100%;
        height: 64px;
        border-radius: 32px;
    }
}

/* ===================================================== */
/* BOTONES MORADOS → AZUL #0088CD + BORDES REDONDOS */
/* ===================================================== */

/* Botón principal WHMCS */
.btn-primary,
.btn-primary:visited {
    background-color: #0088CD !important;
    border-color: #0088CD !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    font-weight: 600;
}

/* Hover */
.btn-primary:hover {
    background-color: #007ab8 !important;
    border-color: #007ab8 !important;
    box-shadow: 0 8px 18px rgba(0, 136, 205, 0.35);
}

/* Active / Focus */
.btn-primary:focus,
.btn-primary:active {
    background-color: #006fa8 !important;
    border-color: #006fa8 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ===================================================== */
/* BOTONES DE DOMINIOS (Añadir a Carro, Procesar Pedido) */
/* ===================================================== */

.domain-price .btn,
.domain-checker-result .btn-add-to-cart,
.domain-suggestion .btn-add-to-cart {
    background-color: #0088CD !important;
    border-color: #0088CD !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    font-weight: 600;
}

/* Hover dominios */
.domain-price .btn:hover,
.domain-checker-result .btn-add-to-cart:hover,
.domain-suggestion .btn-add-to-cart:hover {
    background-color: #007ab8 !important;
    box-shadow: 0 8px 18px rgba(0, 136, 205, 0.35);
}

/* ===================================================== */
/* BOTONES EN CART / MODALES / ACCIONES */
/* ===================================================== */

#order-standard_cart .btn-primary,
.modal .btn-primary,
.cart-body .btn-primary {
    background-color: #0088CD !important;
    border-color: #0088CD !important;
    border-radius: 30px !important;
}

/* ===================================================== */
/* BOTONES GRANDES Y NORMALES UNIFICADOS */
/* ===================================================== */

.btn {
    border-radius: 30px !important;
}

/* ===================================================== */
/* MOBILE */
/* ===================================================== */
@media (max-width: 767px) {

    .btn,
    .btn-primary {
        border-radius: 32px !important;
    }
}

/* ============================================================== */
/* PAQUETES DE ALOJAMIENTO – COLOR DE AMARILLO A NARANJA #FF7E19 */
/* ============================================================== */

/* Texto destacado */
.domain-promo-box .text-warning {
    color: #FF7E19 !important;
}

/* Botón Explorar Paquetes */
.domain-promo-box .btn-warning {
    background-color: #FF7E19 !important;
    border-color: #FF7E19 !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    font-weight: 600;
}

/* Hover botón */
.domain-promo-box .btn-warning:hover {
    background-color: #e87316 !important;
    border-color: #e87316 !important;
    box-shadow: 0 8px 18px rgba(255, 126, 25, 0.35);
}

/* Focus / Active */
.domain-promo-box .btn-warning:focus,
.domain-promo-box .btn-warning:active {
    background-color: #e86f12 !important;
    border-color: #e86f12 !important;
    box-shadow: none !important;
}

/* ===================================================== */
/* BORDER RADIUS FUERTE – TODAS LAS CAJAS (CARDS / BOXES) */
/* ===================================================== */

/* Cards generales WHMCS */
.card,
.panel,
.panel-default,
.domain-promo-box,
.client-home-cards .card,
.cart-body,
.domain-checker-container,
.domain-checker-bg {
    border-radius: 24px !important;
    overflow: hidden;
}

/* Cajas de Su Cuenta */
.client-home-cards .card,
.client-home-cards a {
    border-radius: 24px !important;
}

/* Categorías / Acciones (sidebar boxes) */
.sidebar-collapsed .panel,
.sidebar-collapsed .card {
    border-radius: 24px !important;
}

/* Asegure su nombre de dominio */
.input-group-wrapper,
.input-group-wrapper .input-group {
    border-radius: 24px !important;
}

/* Bloques de dominio / resultados */
.domain-checker-result,
.domain-checker-result-headline,
.domain-price {
    border-radius: 24px !important;
}

/* Evita bordes cuadrados internos */
.card-header,
.card-footer,
.panel-heading,
.panel-footer {
    border-radius: 0 !important;
}

/* ===================================================== */
/* INPUT-GROUP – BORDE AZUL SOLO EN EL CONTENEDOR */
/* ===================================================== */

.input-group-wrapper {
    border: 1px solid rgba(120, 210, 255, 1) !important;
    border-radius: 32px !important;
    padding: 6px;
    background: #ffffff;
}

/* INPUT REDONDEADO */
.home-domain-search .input-group-wrapper .form-control {
    border-radius: 32px !important;
    margin-right: 10px;
}

/* BOTON TRANSFERIR */
.input-group-wrapper .btn-success {
    background-color: #FF7E19 !important;
    border: 1px solid #FF7E19 !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    box-shadow: none !important;
    font-weight: 600;
}

/* SOMBRA BOTON TRANSFERIR */
.input-group-wrapper .btn-success:hover {
    background-color: #e87316 !important;
    border-color: #e87316 !important;
    box-shadow: 0 8px 20px rgba(255, 126, 25, 0.45) !important;
}

/* ESPACIO ENTRE BOTONES */
.input-group .btn+.btn {
    margin-left: 6px;
}

/* EVITA ESTILOS BOOTSTRAP LEGACY */
.input-group>.form-control:focus {
    box-shadow: none !important;
}

/* ===================================================== */
/* FORZAR BORDER-RADIUS EN BOTONES DENTRO DE INPUT-GROUP */
/* ===================================================== */

/* Reset Bootstrap */
.input-group>.input-group-append>.btn,
.input-group>.input-group-prepend>.btn {
    border-radius: 30px !important;
}

/* Asegura el botón final (Transferir) */
.input-group>.input-group-append>.btn:last-child {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

/* Asegura el botón Buscar */
.input-group>.input-group-append>.btn:first-child {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

/* BOTÓN COMPRAR - Azul corporativo */
#checkout.btn-checkout {
    background-color: #0088CD;
    border-color: #0088CD;
    color: #ffffff;
    box-shadow: none;
    transition: all 0.25s ease-in-out;
}

/* Hover: sombra azul */
#checkout.btn-checkout:hover {
    background-color: #007ab8;
    /* azul un poco más oscuro */
    border-color: #007ab8;
    box-shadow: 0 8px 22px rgba(0, 136, 205, 0.45);
    transform: translateY(-1px);
}

/* Focus / Active */
#checkout.btn-checkout:focus,
#checkout.btn-checkout:active {
    background-color: #006fa8;
    border-color: #006fa8;
    box-shadow: 0 0 0 0.15rem rgba(0, 136, 205, 0.35);
}

/* CONTENEDOR GENERAL */
#orderSummary {
    border-radius: 8px;
    overflow: hidden;
    /* CLAVE para que quede limpio */
    border-bottom: 4px solid #FF7E19;
}

/* ===================================================== */
/* ORDER SUMMARY – NARANJA TOTAL (#FF7E19) */
/* ===================================================== */

/* CONTENEDOR PRINCIPAL */
#orderSummary {
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    /* corta fugas del template */
    border-bottom: 4px solid #FF7E19 !important;
    position: relative;
}

/* ELIMINA CAPAS MARRONES DEL TEMPLATE */
#orderSummary::before,
#orderSummary::after {
    display: none !important;
    content: none !important;
}

/* HEADER (franja superior) */
#orderSummary h2 {
    background-color: #FF7E19 !important;
    color: #ffffff !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    border: none !important;
    position: relative;
}

/* Quita líneas marrones internas del h2 */
#orderSummary h2::before,
#orderSummary h2::after {
    display: none !important;
    content: none !important;
}

/* ASEGURA QUE NO HAYA BORDE OSCURO INTERNO */
#orderSummary .summary-container,
#orderSummary .subtotal,
#orderSummary .recurring-totals {
    background: #ffffff !important;
}

/* CONTENEDOR PADRE (sidebar) – evita sombra/borde heredado */
.secondary-cart-sidebar .order-summary {
    box-shadow: none !important;
    border: none !important;
}

/* ===================================================== */
/* CAMBIAR COLOR DEL HEADER DEL CARRITO */
/* ===================================================== */

.view-cart-items-header {
    background-color: #0088CD !important;
    border-radius: 16px 16px 0px 0px !important;
    color: #ffffff !important;
}

/* TEXTO DEL HEADER */
.view-cart-items-header div {
    color: #ffffff !important;
}

/* CAMBIAR COLOR DEL BORDE INFERIOR */
.view-cart-items {
    border-bottom: 16px solid #0088CD !important;
    border-radius: 12px !important;
}

/* ===================================================== */
/* BOTÓN VACIAR CARRO – AZUL CORPORATIVO */
/* ===================================================== */

#btnEmptyCart {
    background-color: #0088CD !important;
    border-color: #0088CD !important;
    color: #ffffff !important;
    font-weight: 600;
    text-decoration: none !important;
    margin-top: 14px;
    margin-bottom: 20px;
    display: inline-block;
    transition: all 0.25s ease-in-out;
    margin-top: 10px !important;
    margin-right: -10px !important;
}

/* Icono */
#btnEmptyCart i {
    color: #ffffff !important;
}

/* Hover: sombra + sin subrayado */
#btnEmptyCart:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(0, 136, 205, 0.35);
    transform: translateY(-1px);
}

/* Evita underline forzado por Bootstrap */
#btnEmptyCart:focus,
#btnEmptyCart:active {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none;
}

/* NOMBRE DEL DOMINIO EN EL CARRITO */
.view-cart-items .item-domain {
    font-size: 14px !important;
    font-weight: 400;
    color: #28a745 !important;
    display: block;
    margin-top: 0px;
}

/* PRECIO DEL DOMINIO EN EL CARRITO */
.view-cart-items .item-price>span {
    color: #333 !important;
    /* verde */
    font-weight: 500;
}

/* PRECIO FINAL EN ORDER SUMMARY (IMPORTE A LA FECHA) */
#orderSummary #totalDueToday {
    color: #28a745 !important;
    font-weight: 500;
}

/* ===================================================== */
/* CHECKOUT – INPUTS CON BORDES RADIUS*/
/* ===================================================== */

/* Inputs y selects generales */
#frmCheckout .form-control,
#frmCheckout .field,
#frmCheckout select,
#frmCheckout textarea {
    border-radius: 16px !important;
}

/* Input de teléfono (intl-tel-input) */
#frmCheckout .intl-tel-input input {
    border-radius: 16px !important;
}

/* Selector de país (banderita) */
#frmCheckout .intl-tel-input .selected-flag {
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

/* Evita esquinas cuadradas heredadas */
#frmCheckout .input-group,
#frmCheckout .input-group>.form-control {
    border-radius: 16px !important;
}

/* OCULTAR TABLA DE PRECIOS DE DOMINIOS */
#order-standard_cart .domain-pricing {
    display: none !important;
}


/* OCULTAR PANEL DE DEMO / SERVICE PANEL HOSTIKO */
.service-panel,
.service-panel-overlay,
.right-side-toggle {
    display: none !important;
}

/* ===================================================== */
/* REGISTER DOMAIN PANEL – SOLO COLORES (SIN REDISEÑO) */
/* ===================================================== */

/* INPUT – borde gris → azul */
#registerDomainPanel input[type="text"] {
    border: 1px solid #0088CD !important;
    box-shadow: none !important;
    border-radius: 32px !important;
    margin-right: 8px !important;
    margin-bottom: 20px !important;
}

/* Focus input */
#registerDomainPanel input[type="text"]:focus {
    border-color: #0088CD !important;
    outline: none !important;
    box-shadow: 0 0 0 0.15rem rgba(0, 136, 205, 0.25) !important;
}

/* BOTÓN REGISTRAR (azul corporativo) */
#registerDomainPanel .btn-success {
    background-color: #0088CD !important;
    border-color: #0088CD !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
}

/* BOTÓN TRANSFERIR (naranja) */
#registerDomainPanel .btn-default {
    background-color: #FF7E19 !important;
    border-color: #FF7E19 !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
}

/* HOVER UNIFICADO – AZUL Y NARANJA */
#registerDomainPanel .btn-success:hover {
    background-color: #007ab8 !important;
    border-color: #007ab8 !important;
    box-shadow: 0 8px 18px rgba(0, 136, 205, 0.35) !important;
}

#registerDomainPanel .btn-default:hover {
    background-color: #e87316 !important;
    border-color: #e87316 !important;
    box-shadow: 0 8px 18px rgba(255, 126, 25, 0.45) !important;
}