html {
    font-size: 14px;
    font-family: 'Okta', sans-serif !important;
}




@media (min-width: 0px) and (max-width: 576px) {

    .seccion-combo-resumen-compra > .select-wrapper {
        width: 80%;
    }

    .seccion-combo-resumen-servicios-adicionales > .select-wrapper {
        width: 100%;
    }

    .btn-agregar-servicio {
        width: 100%;
    }

    .w-img-40 {
        width: 70%;
    }

    .ws-50 {
        width: 100%;
    }

    .wb-100 {
        width: 100%;
    }

    .col-xs-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xs-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .contenido-producto-simple {
        padding-top: 0rem !important;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        padding-bottom: 1rem !important;
        margin-top: 0rem !important;
        margin-left: 0rem !important;
        margin-right: 0rem !important;
        margin-bottom: 1rem !important;
    }

    .pr-5 {
        padding-right: 0rem !important;
    }

    .pl-5 {
        padding-left: 0rem !important;
    }

    #elemento-producto-4 {
        display: none;
    }

    #elemento-producto-5 {
        display: none;
    }

    .order-last-xs {
        margin-top: 8px;
        order: 6 !important;
    }

    .order-first-xs {
        order: -1 !important;
    }

    .text-right {
        text-align: end;
    }

    #btnConfirmarGenerarFactura {
        width: 100%;
    }

    #btnOmitirGenerarFactura {
        width: 100%;
    }
}

@media (min-width: 577px) and (max-width: 992px) {

    .seccion-combo-resumen-compra > .select-wrapper {
        width: 60%;
    }

    .seccion-combo-resumen-servicios-adicionales > .select-wrapper {
        width: 60%;
    }

    .btn-agregar-servicio {
        width: 60%;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 991px) {

    #contenido-botones-finalizar-compra .btn-fxt-lg {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    #contenido-btn-carrito-mobil {
        display: block;
    }

    #contenido-btn-carrito {
        display: none;
    }

    .w-nav-custom {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {

    .seccion-combo-resumen-servicios-adicionales > .select-wrapper {
        width: 100%;
    }

    .seccion-combo-resumen-servicios-adicionales > .servicio-relacionado {
        width: 100%;
    }

    .btn-agregar-servicio {
        width: 100%;
    }

    .img-servicio-relacionado {
        width: 70%;
    }

    #contenido-btn-carrito-mobil {
        display: none;
    }

    #contenido-btn-carrito {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .padding-l-lg-7 {
        padding-left: 10px;
    }

    .w-nav-custom {
        width: 80% !important;
    }
}

@media (min-width: 1201px) {

    .w-nav-custom {
        width: 55% !important;
    }
}


html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Okta', sans-serif !important;
}


.pr-0 {
    padding-right: 0px;
}


.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}


#contenido-principal-carrito {
    background-color: white;
}

#contenido-administrador {
    background-color: white;
}

#basecontent {
    min-height: 800px;
}

.example-square {
    width: 100%;
    border-radius: 0.2rem;
    color: #fff;
    padding-top: 1px;
}


.file-upload-wrapper > .file-upload {
    font-weight: bold;
    color: black;
}


.color-texto-fxt-1 {
    color: #004961;
    font-family: 'Okta Medium', sans-serif;
    font-weight: bold;
}

.color-texto-fxt-2 {
    color: #07b193;
    font-family: 'Okta Medium', sans-serif;
    font-weight: bold;
}

.color-texto-fxt-3 {
    color: #004961;
    font-family: 'Okta Medium', sans-serif;
}

.color-texto-fxt-4 {
    color: #E14444;
    font-family: 'Okta Medium', sans-serif;
}

.borde-color-texto-fxt-1 {
    border-top: 2px solid #07b193;
    padding-left: 15px;
}


.texto-descripcion-fxt-1 {
    font-family: 'Okta', sans-serif;
}


.btn-fxt-1 {
    background-color: #07B193;
    color: white;
    border-radius: 0.5rem;
}


    .btn-fxt-1:hover {
        color: white;
    }


.btn-fxt-md {
    background-color: #07b193;
    color: #fff;
    box-shadow: 0 4px 9px -4px #004961;
    padding: 0.45rem 1.4875rem 0.4875rem;
    font-size: 0.8rem;
    line-height: 1.6;
    border: 3px solid #004961;
}

    .btn-fxt-md.focus, .btn-fxt-md:focus, .btn-fxt-md:hover {
        background-color: #07b193;
        color: #fff;
    }

.btn-regresar {
    background-color: #07b193;
    color: #fff;
    box-shadow: 0 4px 9px -4px #004961;
    border: 3px solid #004961;
}


.btn-regresar-gris {
    background-color: gray;
    color: #fff;
    box-shadow: 0 4px 9px -4px #004961;
    border: 3px solid #004961;
}


#btnOmitirGenerarFactura {
    background-color: #E2E2E2;
    color: #000000;
    box-shadow: 0 4px 9px -4px #004961;
    border: 3px solid #004961;
}

.card-producto-fxt {
    box-shadow: none;
    border: 20px solid rgba(7,177,147,.10);
    border-radius: 3rem;
}

.card-contenido-producto-fxt {
    border: 1.8px solid rgba(7,177,147);
    border-radius: 1.8rem;
}

#seccion-paquetes {
    background-color: white;
}



/*Personalizacion de stepper carrito de compras.*/

.stepper:not(.stepper-vertical) .stepper-step:not(:last-child) .stepper-head:after {
    border-bottom: 10px dotted;
    margin-left: 4.7rem;
    margin-top: 1.5rem;
    background-color: transparent;
}

.stepper:not(.stepper-vertical) .stepper-step:not(:first-child) .stepper-head:before {
    border-bottom: 10px dotted;
    margin-left: 0.5rem;
    margin-top: 1.5rem;
    background-color: transparent;
}


.stepper-head {
    color: #cbcbcb;
}

.stepper-head-custom-icon {
    font-size: 2.5rem;
    margin-left: 30px;
}

.stepper-head-custom-icon-last {
    margin-left: 10px;
    font-size: 2.5rem;
}

.stepper-head-icon {
    display: block;
    color: #cbcbcb;
    background-color: transparent !important;
}

.stepper-head-icon-last {
    padding-right: 60px;
}


.stepper-completed .stepper-head-icon {
    color: #07b193 !important;
}


.stepper-active .stepper-head-icon {
    background-color: none !important;
}

.stepper-completed .stepper-head-icon {
    background-color: transparent !important;
}

.stepper-head-text {
    position: absolute;
}

.stepper-head:hover {
    background-color: transparent !important;
}

.custom-form-control-cantidad {
    width: 49px !important;
    border-color: #e3ebf7;
    border-width: 0.125rem;
    border-style: solid;
    box-shadow: none;
    padding-left: 1rem;
}

    .custom-form-control-cantidad:hover {
        border-color: #9fa6b2 !important;
    }

.btn-fxt.focus, .btn-fxt:focus, .btn-fxt:hover {
    background-color: #004961;
    color: #fff;
}

.btn-fxt {
    background-color: #004961;
    color: #fff;
    box-shadow: 0 4px 9px -4px #004961;
}


.btn-fxt-lg {
    background-color: #004961;
    color: #fff;
    box-shadow: 0 4px 9px -4px #004961;
    padding: 0.45rem 1.4875rem 0.4875rem;
    font-size: 1.555rem;
    line-height: 1.6;
    border: 3px solid #07b193;
}

    .btn-fxt-lg.focus, .btn-fxt-lg:focus, .btn-fxt-lg:hover {
        background-color: #004961;
        color: #fff;
    }


#accordion-metodos-pago .accordion-item {
    padding-bottom: 1%;
}


#accordion-metodos-pago .accordion-button {
    background-color: #cbcbcb;
    color: white;
    padding: 0.8rem 1.5rem;
}


#accordion-metodos-pago .accordion-item .accordion-button:not(.collapsed) {
    background-color: #07b193 !important;
    color: white !important;
    box-shadow: none !important;
}

#accordion-metodos-pago .accordion-body {
    margin-bottom: 1%;
    padding: 1.15rem 0rem;
}


.fa-cc-mastercard {
    margin-left: 15px;
    margin-right: 15px;
}

.btn-pagar {
    color: white;
    background-color: #004961;
    border: 3px solid #07b193;
}

    .btn-pagar:hover {
        color: white;
    }


.btn-pagar-oxxo {
    color: white;
    background-color: #004961;
    border: 3px solid #07b193;
}

    .btn-pagar-oxxo:hover {
        color: white;
    }


/*#contenido-detalle-compras {
    min-height: 2080px;
}
*/

.fs-cantidad-carrito {
    font-size: 0.7rem;
}

#seccion-adicionales {
    padding-bottom: 30px;
}

.stepper-carrito-hide {
    display: none;
}

.badge-notification-carrito {
    font-size: 1rem;
    margin-top: 1rem;
    margin-left: -1rem;
}

.select-dropdown-container {
    width: 600px !important;
}

.contenido-producto-simple {
    background-color: rgba(0, 73, 97,0.05);
    border-radius: 30px;
}


#modal-encabezado-registro {
    border-bottom: none;
    padding: 1rem 1rem 0rem 0rem;
    background-color: rgba(0, 73, 97,0.05);
}

#modal-cuerpo-registro {
    padding: 0px;
    background-color: rgba(0, 73, 97,0.05);
}

#contenedor-cuerpo-modal-registro {
    border-radius: 1.5rem;
}

#modal-pie-registro {
    background-color: rgba(0, 73, 97,0.05);
}

.form-blanco {
    background: white !important;
}


.mx-2-px {
    margin-left: 2px;
    margin-right: 2px;
}

.ml-20-px {
    margin-left: 20px;
}

.btn-agregar-servicio {
    padding-left: 10px;
    padding-right: 10px;
}


.multi-carousel-item > .card {
    box-shadow: none;
    background-color: transparent;
}

    .multi-carousel-item > .card:hover {
        box-shadow: 0 2px 15px -3px rgba(0,0,0,.07), 0 10px 20px -2px rgba(0,0,0,.04);
        background-color: rgba(203, 203, 203,.15);
    }

#stripe-contenido #plans {
    padding-top: 30px;
}

#stripe-contenido #divEsMensualAnual {
    padding-top: 30px;
}

#stripe-contenido #btn-stripe-contenido-pagar {
    padding-top: 30px;
}


.scrolltop {
    background-image: none;
    background-repeat: no-repeat;
    bottom: 20px;
    display: none;
    height: 50px;
    left: auto;
    overflow: hidden;
    padding: 17px 16px;
    position: fixed;
    right: 20px;
    top: auto;
    width: 55px;
    z-index: 90;
}

.navbar-fxt {
    background-color: #004961;
}

.btn-categorias {
    padding-bottom: 0.4rem;
    background-color: rgb(231, 231, 231);
    color: #004961;
    font-weight: bold;
    border-radius: 20px 0px 0px 20px;
}

#btn-categorias-buscador {
    background-color: #00c6aa;
    color: white;
    font-weight: bold;
    border-radius: 0px 20px 20px 0px;
}

.dropdown-menu-dark {
    background-color: #004961;
}


.container-paquetes-adm {
    max-width: 1850px;

}

.titulo-paquetes-anuales {
    color: #00c6aa;
    font-weight: bolder;
    font-size: 1.7rem;
}

.titulo-paquetes-anuales-mensual {
    color: white;
    background: linear-gradient(90deg, rgba(2, 119, 153,1) 40%, rgba(0, 73, 97,1) 100%);
    margin-left: -25px;
    margin-right: -25px;
    position: relative;
}

.titulo-paquetes-anuales-mensual-imagen {
    width:35%;
}

.w-60 {
    width:60%;
}

.font-tabla-precios {
    font-size: 0.9rem;
}