/* Estilos para botón de activar cliente en SweetAlert2 */
.swal2-confirm.swal-custom-confirm-activar {
    border-radius: 8px !important;
    padding: 12px 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: #ff8c42 !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(255, 140, 66, 0.3) !important;
    transition: all 0.3s ease !important;
    color: #ffffff !important;
}

.swal2-confirm.swal-custom-confirm-activar:hover {
    background: #ff7519 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(255, 140, 66, 0.4) !important;
}

.custom-attribute {
    text-align: center;
}
.custom-attribute-list {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.clas-R {
    background: #fe646f;
    border: 1px solid #fe646f;
    color: white;
    border-radius: 15px;
    padding: 10px;
    display: flex;
    width: 131px;
    margin: 10px 0px;
}
.clas-L {
    background: #73d97f;
    border: 1px solid #73d97f;
    color: white;
    border-radius: 15px;
    padding: 10px;
    display: flex;
    width: 114px;
    margin: 10px 0px;
}

.clas-B {
    background: #0d6efd;
    border: 1px solid #0d6efd;
    color: white;
    border-radius: 15px;
    padding: 10px;
    display: flex;
    width: 147px;
    margin: 10px 0px;
}
.clas-R-cat {
    background: #fe646f;
    border: 1px solid #fe646f;
    color: white;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;   
}
.icon-R {
    background: #e40156;
    padding: 5px;
    border-radius: 15px;
    display: inline;
}
.icon-L {
    background: #29d252;
    padding: 5px;
    border-radius: 15px;
    display: inline;
}
.clas-L-cat {
    background: #73d97f;
    border: 1px solid #73d97f;
    color: white;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;  
}
.clas-B-cat {
    background: #0d6efd;
    border: 1px solid #0d6efd;
    color: white;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;   
}

.flag-cyber{
    /*position: absolute;
    bottom: 130px;*/
    width: 100%;
    text-align: center;
    right: 25p;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
}
.promo-cyber{
    background: #215FED;
    border: 1px solid #215FED;
    color: white;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;
}
.nologeado::before {
    color:#fe646f !important;
    text-decoration: line-through;
}
.promo {
    padding: 8px;
    background: #ff9202;
    text-align: center;
    color: white;
    border-radius: 15px;
    display: flex;
    justify-content: center;  
    padding: 10px;  
}

.name-account {
    text-transform: uppercase;
    visibility: hidden;
    width: 120px;
    background-color: #4a75e4;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px;
    position: absolute;
    z-index: 1;
    top: 58%;
    left: 18%;
    margin-left: -25px;
}

.account-trigger:hover .name-account {
    visibility: visible;
}

.sidebar .block:not(.account-nav) .block-title, .sidebar .block:not(.account-nav) .title {
    padding: 10px 20px !important;
    border-radius: 7px 7px 0px 0px
}

.sidebar .block:not(.account-nav) .accordion, .sidebar .block:not(.account-nav) .tagclaud-hld, .sidebar .block:not(.account-nav) .block-content, .sidebar .block:not(.account-nav) .content {
    padding: 15px 20px !important;
}

.sidebar .block:not(.account-nav) {
    margin-bottom: 2rem;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 7px;
}



.description-delivery 
{
    border-radius: 15px;
    text-align: start;
    color: red;
}

.new-address-popup {
    display: none !important;
}

.customer-attributes-title{
    display: none !important;
}

.direction {
    display: none !important;
}

#payment {
    float: right !important;
}

.table-checkout-shipping-method tbody td {
    padding-bottom: 0px !important;
}

#checkout-step-shipping_method {
    padding: 0px 20px !important;   
}
.cdz-opc-wrapper #checkoutSteps>li {
    margin: 0 20px 0px 0 !important;
}

.checkout-index-index .modal-popup .modal-inner-wrap {
    margin-left: auto;
    width: 800px;
    left: inherit;
}

.cdz-opc-wrapper .opc-wrapper .shipping-address-item.selected-item {
    border-color: var(--opc_title_bg);
}

.opc-wrapper .shipping-address-item.selected-item:after {
    background: var(--opc_title_bg);
}

#product-buy-now-button {
    display: none;
}

/* Estilos para el modal con la clase custom aviso-stock */
.aviso-stock {
    /* Estilo general para el modal */
    border: 1px solid #ccc; /* Borde gris claro */
    padding: 20px; /* Espaciado interno */
    border-radius: 8px; /* Bordes redondeados */
}


/* Estilo para el encabezado del modal */
.aviso-stock .modal-header {
    background-color: #e6e6e6; /* Fondo gris claro */
    padding: 10px; /* Espaciado interno */
    border-bottom: 1px solid #ccc; /* Borde inferior */
    justify-content: space-between; /* Espacia los elementos del encabezado */
    text-align: center; /* Centra verticalmente los elementos */
}

.aviso-stock .modal-header .modal-title {
    border-bottom: none;
    font-size: 1.2em; /* Aumenta el tamaño de la fuente del título */
    font-weight: bold; /* Negrita para el título */
}

/* Estilo para el contenido del modal */
.aviso-stock .modal-content {
    padding: 15px; /* Espaciado interno */
    font-size: 1em; /* Tamaño de fuente estándar */
    color: #333; /* Color del texto */
    text-align: center;
    padding: 30px 0px 0px 0px;
}

.aviso-stock .modal-footer {
    text-align: center;
}
/* Estilo para el botón de cierre */
.aviso-stock .action-close {
    display: none;
}

/* Estilo para el botón de acción en el pie del modal */
.aviso-stock .modal-footer .action-primary {
    background-color: #007bff; /* Color de fondo azul */
    color: #fff; /* Color de texto blanco */
    padding: 10px 15px; /* Espaciado interno */
    border-radius: 4px; /* Bordes redondeados */
    cursor: pointer; /* Cursor de mano al pasar */
}

.product-item-name {
    min-height: 60px;
}

.tocompare {
    display: none !important;
}

.mode-list {
    display: none;
}

#account-nav > ul > li:nth-child(3){
    display: none !important;
}

#account-nav > ul > li:nth-child(7){
    display: none !important;
}

#account-nav > ul > li:nth-child(10) {
    display: none !important;
}

.account-nav .content .item a, .account-nav .content .item>strong{
    padding: 13px 20px !important;
}

.block-dashboard-addresses {
    display: none;
}

@media only screen and (max-width: 768px) {
    .checkout-payment-method .payment-method._active .payment-method-content{
        display:flex !important;
    }

    .checkout-index-index .modal-popup .modal-inner-wrap {
        width: 400px !important;
    }

    .checkout-payment-method .billing-address-same-as-shipping-block {
        width: 260px !important;
    }

    .header-search-wrap {
        padding: 30px 10px 0 0 !important;
    }

    
}

#utilities-main > div.acount-menu > ul > li.item.link.compare > a {
    display: none !important;
}

@media only screen and (max-width: 1200px) {
#maincontent > div > div > div:nth-child(9) > div > div.col-sm-16 > p > a > img{
    height: 490px !important;
}

.img-elanco {
    height: 430px !important;
}
}

.cdz-subcategories {
    display: none !important;
}

@font-face {
    font-family: 'CodazonFont';
    src: url('fonts/CodazonFont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KFOMCnq';
    src: url('fonts/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAo.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BlankThemeIcons';
    src: url('fonts/Blank-Theme-Icons.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BlankThemeIcons1';
    src: url('fonts/Blank-Theme-Icons (1).woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pxiByp8kv8JHgFVrLEj6Z1xlFQ';
    src: url('fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pxiByp8kv8JHgFVrLGT9Z1xlFQ';
    src: url('fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pxiEyp8kv8JHgFVrJJfecg';
    src: url('fonts/pxiEyp8kv8JHgFVrJJfecg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Aplicar las fuentes a diferentes elementos */
body {
    font-family: 'CodazonFont', sans-serif;
}

.icon {
    font-family: 'FontAwesome', sans-serif;
}

.custom-theme {
    font-family: 'BlankThemeIcons', sans-serif;
}

.search-box {
    position: relative;
    width: 300px; /* Ajusta el tamaño según necesites */
    display: flex;
    align-items: center;
}

.search-box input {
    width: 100%;
    padding: 10px 40px 10px 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    border: none !important;
}

.search-box .search-btn {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #555;
    border-radius: 40%;
    background-color: #007bff !important;
    color: white;
}

.search-box .search-btn:hover {
    color: #000;
}