:root {
    --main: #ea5d1a;
    --main-2: #ee7d05;
    --main-3: #fcc446;
    --main-4: #f8b877;
    --main-5: #e09551;
    --main-6: #ffde4a;
    --secondary: #cf7fa1;
    --secondary-2: #b793a9;
    --secondary-3: #d1b8c7;
    --secondary-4: #d4af9c;
    --secondary-5: #e8d0c1;
    --white: #FFFFFF;
    --white-smoke: #f2f2f2;
    --light-1: #dedad4;
    --light-2: #fafaf9;
    --light-3: #cccccc;
    --light-4: #f9f8f6;
    --light-5: #e1d7cd;
    --light-6: #ece9e1;
    --light-7: #ded1a7;
    --light-8: #f2ddcd;
    --light-grey: #ece9e1;
    --dark: #190f14;
    --dark-2: #0f0f0f;
    --dark-3: #33302e;
    --dark-4: #1b1b1b;
    --dark-6: #7f7f72;
    --dark-7: #9f948e;
    --purplish-brown: #2e2a2b;
    --brown-grey: #747468;
    --danger: #e63a2b;
    --danger-2: #ec6b5f;
    --danger-3: #b11c18;
    --danger-4: #bb1a20;
    --danger-5: #eb4e56;
    --danger-6: #f18c76;
    --success: #84c497;
    --success-2: #b7d8aa;
    --success-3: #d8dc48;
    --info: #009196;
    --info-2: #069ea7;
    --info-3: #6baee0;
    --info-4: #00afac;
    --info-5: #8ececf;
    --info-6: #95c0d6;
    --info-7: #9fb9ae --header: #2e2a2b;
    --jumbotron: #f2f2f2;
    --copy: #747468;
    --btn-color: #ea5d1a;
    --btn-color-hover: #f08d5f;
    --btn-color-active: #d7581c;
    --answerRight-bg: #f2f2f2;
    --answerRight-txt: #2e2a2b;
    --answerLeft-bg: #2e2a2b;
    --answerLeft-txt: #ffffff;
    --answer-txt: #34495e;
}


/* ## Fonts*/
@font-face {
    font-family: "Seat Bcn";
    src: url(../fonts/seat/SEATBCN-Regular.ttf);
    src: url(../fonts/seat/SEATBCN-Black.ttf);
    src: url(../fonts/seat/SEATBCN-Bold.ttf);
    src: url(../fonts/seat/SEATBCN-Book.ttf);
    src: url(../fonts/seat/SEATBCN-Light.ttf);
    src: url(../fonts/seat/SEATBCN-Medium.ttf);
}

@font-face {
    font-family: "SeatRegular";
    src: url(../fonts/seat/SEATBCN-Regular.ttf);
}

@font-face {
    font-family: "SeatBlack";
    src: url(../fonts/seat/SEATBCN-Black.ttf);
}

@font-face {
    font-family: "SeatBold";
    src: url(../fonts/seat/SEATBCN-Bold.ttf);
}

@font-face {
    font-family: "SeatBook";
    src: url(../fonts/seat/SEATBCN-Book.ttf);
}

@font-face {
    font-family: "SeatLight";
    src: url(../fonts/seat/SEATBCN-Light.ttf);
}

@font-face {
    font-family: "SeatMedium";
    src: url(../fonts/seat/SEATBCN-Medium.ttf);
}

/* ## ESTILOS DE TEXTO */

body {
    font-family: "SeatRegular";
    background: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
span {
    font-family: SeatBold;
    font-weight: 400 !important; /*cambio_css - VW*/
}

h1 {
    font-size: 68px;
}

h2 {
    font-size: 50px;
}

h3 {
    font-size: 38px;
}

h4 {
    font-size: 30px;
}

h6 {
    font-size: 20px;
}

h7 {
    font-size: 16px;
}

p {
    font-family: SeatRegular;
    color: rgba(15, 15, 15, 0.6);
    font-size: 14px;
    line-height: 26px;
}

.claseNav .navbar-nav {
    align-items: center;
}

.logoContainer {
    display: flex;
    align-items: center;
}

.password-expired-container {
    cursor: pointer;
}

    .password-expired-container div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 20px 6px 20px;
    }



select { /*cambio_css - VW*/
    margin-top: 5px;
    padding-right: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("../Imagenes/Seat/SeatIcons/chevron-down.png");
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 50%;
    border: 1px solid #dfdfdf;
    padding-right: 20px;
}

    select::-ms-expand { /*cambio_css - VW*/
        display: none;
    }

button.close .material-icons { /*cambio_css - VW*/
    font-size: 34px;
}

label,
td {
    font-family: SeatRegular;
    color: black;
    font-size: 14px;
    line-height: 26px;
}

.salaespera-main {
    font-family: SeatBlack;
    font-size: 25px;
    font-weight: 400;
}

.personaldata {
    font-family: SeatMedium;
    color: var(--brown-grey);
    margin: 24px 0 16px 1px;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
}

.personaldata-legal {
    font-family: SeatRegular;
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.legal-document {
    font-family: SeatBlack;
    color: black;
    font-size: 2rem;
    line-height: 28px;
}

.legal-title {
    font-family: SeatBlack;
    color: black;
    font-size: 24px;
    line-height: 28px;
}

.legal-subtitle {
    font-family: SeatMedium;
    color: black;
    font-size: 16px;
    line-height: 24px;
}

.leyenda {
    font-family: SeatRegular;
    color: black;
    font-size: 12px;
    line-height: 26px;
}

.form-control {
    font-family: SeatBook;
    border-radius: 2px !important; /*cambio_css - VW*/
}

.black-24-dark {
    font-family: SeatBlack;
    font-size: 24px;
    line-height: 1.17;
    color: var(--dark);
    color: var(--dark);
}

.regular-12-grey {
    font-family: SeatRegular;
    font-size: 12px;
    line-height: 16px;
    color: var(--brown-grey);
}

.regular-14-grey {
    font-family: SeatRegular;
    font-size: 14px;
    line-height: 20px;
    color: var(--brown-grey);
    vertical-align: middle;
    margin-bottom: 0 !important;
}

.medium-16-dark {
    font-family: SeatMedium;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--dark);
}

.medium-14-grey {
    font-family: SeatMedium;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.bold-20-dark {
    font-family: SeatBold;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
}

.scopy {
    font-size: 14px;
    font-family: SeatRegular;
}

.tcopy {
    font-size: 12px;
    font-family: SeatLight;
}

.eyebrow {
    font-size: 14px;
    font-weight: bold;
}

.disclaimer {
    font-size: 11px;
    font-weight: lighter;
}

input,
select,
textarea {
    font-family: SeatBook !important;
    max-width: 100% !important;
}

small {
    font-family: SeatRegular;
}

.salaespera-acceder {
    font-family: SeatMedium;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--brown-grey);
    margin: 16px;
}

.infogalleta p {
    font-family: SeatLight !important;
    font-size: 12px;
}

.texto-plantilla-envio {
    font-family: SeatRegular !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: var(--dark) !important;
}

/* ##LINKS */

a {
    color: var(--main) !important;
}

    a:hover {
        color: var(--main);
        opacity: 0.6;
    }

footer a {
    color: white !important;
}

.a-link {
    font-family: SeatRegular;
    font-size: 16px;
    color: var(--main);
    border-bottom: 2px solid var(--main);
    padding-bottom: 8px;
}

    .a-link:hover {
        color: var(--main);
        opacity: 0.6;
        border-bottom: 2px solid var(--btn-color-hover);
    }

    .a-link:active {
        color: var(--main);
        border-bottom: 2px solid var(--btn-color-active);
    }

    .a-link:disabled {
        color: var(--main);
        opacity: 0.2;
    }

.a-link-cookie {
    font-family: SeatRegular;
    font-size: 14px !important;
    color: var(--main);
    border-bottom: 2px solid var(--main);
    padding-bottom: 4px;
}

    .a-link-cookie:hover {
        color: var(--main);
        opacity: 0.6;
        border-bottom: 2px solid var(--btn-color-hover);
    }

    .a-link-cookie:active {
        color: var(--main);
        border-bottom: 2px solid var(--btn-color-active);
    }

    .a-link-cookie:disabled {
        color: var(--main);
        opacity: 0.2;
    }

.a-link-legal {
    font-family: SeatRegular;
    font-size: 8px !important;
    color: var(--main);
}

    .a-link-legal:hover {
        color: var(--main);
        opacity: 0.6;
    }

    .a-link-legal:active {
        color: var(--main);
    }

    .a-link-legal:disabled {
        color: var(--main);
        opacity: 0.2;
    }

.navbar {
    box-shadow: none !important;
}


/* ## CHECKBOX SEAT */
/* Estilo label que contiene el input */
.contenedorCheckBox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* $$ Oculta el checkbox por defecto del navegador */
    .contenedorCheckBox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* $$ Estilo caja del CheckBox personalizado */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border: 1px solid var(--dark);
    border-radius: 4px;
}

/* $$ Estilo caja del CheckBox personalizado cuando el input esta disabled*/
.contenedorCheckBox input:disabled ~ .checkmark {
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
}

/* $$ Color cuando pasas por encima */
.contenedorCheckBox:hover input ~ .checkmark {
}

/* $$ Color cuando pasas por encima y el input esta disabled */
.contenedorCheckBox:hover input:disabled ~ .checkmark {
}

/* $$ Color caja del CheckBox personalizado cuando esta marcado */
.contenedorCheckBox input:checked ~ .checkmark {
    background-color: var(--dark);
}

/* $$ Ocultar indicador cuando el input no esta marcado */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* $$ Mostrar indicador cuando el input esta marcado */
.contenedorCheckBox input:checked ~ .checkmark:after {
    display: block;
}

/* $$ Estilo indicador */
.contenedorCheckBox .checkmark:after {
    left: 9px;
    top: 2px;
    width: 5px;
    height: 15px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* FIN CHECKBOX */

/* $$ BOTONES */

.btn-llamada {
    padding: 6px 20px !important;
    line-height: 30px;
    width: auto;
    max-width: 320px;
}

@media (min-width: 1436px) {
    .btn-standard {
        font-size: 16px !important;
    }
}

.waves-effect {
    -webkit-tap-highlight-color: none !important;
}

.btn-outline-warning {
    color: var(--main) !important;
    background-color: transparent !important;
    border: 2px solid var(--main) !important;
}

.chat {
    background-color: #788e9f !important;
    color: var(--white) !important;
}

.btnMasterchat {
    background-color: #788e9f !important;
    color: var(--white) !important;
}

.chat-line {
    background-color: var(--white);
    border: 1px solid #788e9f;
    color: #788e9f;
}

.mail {
    background-color: #39c0ed !important;
    color: var(--white) !important;
}

.mail-line {
    background-color: var(--white);
    border: 1px solid #39c0ed;
    color: #39c0ed;
}

.cliente {
    background-color: var(--main) !important;
    color: var(--white) !important;
}

.cliente-line {
    background-color: var(--white);
    border: 1px solid var(--main);
    color: var(--main);
}

.form-control-seat {
    text-transform: none !important;
    font-family: "Seat Bcn";
    padding: 15px !important;
    margin-top: 5px !important;
    border-radius: 4px !important;
}

.btn-icons {
    border: 0;
    background-color: transparent;
    color: black;
    font-size: 30px;
}

.btn-danger {
    background-color: #c4304b !important;
    border-color: #c4304b !important;
}

/* ## BOTONES SEAT */

.btn.btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 100%;
    min-width: 6.5rem;
    font-family: SeatBold;
    font-size: 1rem;
    word-break: keep-all;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    vertical-align: middle;
    box-shadow: none !important;
    text-transform: none !important;
    outline: none;
}

.btn-standard {
    font-family: "SeatBold", sans-serif;
    font-size: 14px;
    line-height: 26px;
    height: 46px;
    text-align: center;
    border-radius: 4px;
    font-weight: normal;
    padding: 8px 20px !important;
    min-width: 108px;
    border: 2px solid transparent;
    white-space: nowrap;
}

@media (min-width: 1436px) {
    .btn-standard {
        font-size: 16px;
        line-height: 30px;
        padding: 6px 20px !important;
    }
}

/* ## BOTON FONDO NARANJA-TEXTO BLANCO */
.btn-entrar,
.btn-visib-on,
.btn-cta-conectar,
.btn-cta-mail,
.btn-cta-gestionar,
.btn-salaespera-siguiente,
.btn-envios-agregarcliente,
.btn-envios-enviar,
.btn-envios-modal-aceptar,
.btn-envios-vistaprevia-aceptar,
.btn-invitaciones-agregarcliente,
.btn-aceptarcookies,
.btn-datosusuario-guardar,
.btn-datosusario-modal-aceptar,
.btn-salaespera-modal-aceptar,
.btn-invitaciones-modal-aceptar,
.btn-encuesta-enlace,
.btn-encuesta-modal-aceptar,
.boton-plantillas-editar,
.btn-gestioncliente-modal-agregar-cliente,
.btn-gestioncliente-conectar,
.btn-gestioncliente-mail,
.btn-archivo-aceptar,
.btn-modal-activar {
    background-color: var(--main) !important;
    color: var(--white) !important;
}

    .btn-entrar:hover,
    .btn-visib-on:hover,
    .btn-cta-conectar:hover,
    .btn-cta-mail:hover,
    .btn-cta-gestionar:hover,
    .btn-salaespera-siguiente:hover,
    .btn-envios-agregarcliente:hover,
    .btn-envios-enviar:hover,
    .btn-envios-modal-aceptar:hover,
    .btn-envios-vistaprevia-aceptar:hover,
    .btn-invitaciones-agregarcliente:hover,
    .btn-aceptarcookies:hover,
    .btn-datosusuario-guardar:hover,
    .btn-datosusario-modal-aceptar:hover,
    .btn-datosusuario-cambiar:hover,
    .btn-salaespera-modal-aceptar:hover,
    .btn-invitaciones-modal-aceptar:hover,
    .btn-encuesta-enlace:hover,
    .btn-encuesta-modal-aceptar:hover,
    .boton-plantillas-editar:hover,
    .btn-gestioncliente-modal-agregar-cliente:hover,
    .btn-gestioncliente-conectar:hover,
    .btn-gestioncliente-mail:hover,
    .btn-archivo-aceptar:hover,
    .btn-modal-activar:hover {
        background-color: var(--btn-color-hover) !important;
        color: var(--white) !important;
    }

    .btn-entrar:active,
    .btn-visib-on:active,
    .btn-cta-conectar:active,
    .btn-cta-mail:active,
    .btn-cta-gestionar:active,
    .btn-salaespera-siguiente:active,
    .btn-envios-agregarcliente:active,
    .btn-envios-enviar:active,
    .btn-envios-modal-aceptar:active,
    .btn-envios-vistaprevia-aceptar:active,
    .btn-invitaciones-agregarcliente :active,
    .btn-aceptarcookies:active,
    .btn-datosusuario-guardar:active,
    .btn-datosusario-modal-aceptar:active,
    .btn-salaespera-modal-aceptar:active,
    .btn-invitaciones-modal-aceptar-aceptar:active,
    .btn-encuesta-enlace:active,
    .btn-encuesta-modal-aceptar:active,
    .boton-plantillas-editar:active,
    .btn-gestioncliente-modal-agregar-cliente:active,
    .btn-gestioncliente-conectar:active,
    .btn-gestioncliente-mail:active,
    .btn-archivo-aceptar:active,
    .btn-modal-activar:active {
        background-color: var(--btn-color-active) !important;
        color: var(--white) !important;
    }

    .btn-entrar:disabled,
    .btn-visib-on:disabled,
    .btn-salaespera-siguiente:disabled,
    .btn-envios-agregarcliente:disabled,
    .btn-envios-enviar:disabled,
    .btn-envios-modal-aceptar:disabled,
    .btn-envios-vistaprevia-aceptar:disabled,
    .btn-invitaciones-agregarcliente :disabled,
    .btn-aceptarcookies:disabled,
    .btn-datosusuario-guardar:disabled,
    .btn-datosusario-modal-aceptar:disabled,
    .btn-salaespera-modal-aceptar:disabled,
    .btn-invitaciones-modal-aceptar:disabled,
    .btn-encuesta-enlace:disabled,
    .btn-encuesta-modal-aceptar:disabled,
    .boton-plantillas-editar:disabled,
    .btn-gestioncliente-modal-agregar-cliente:disabled,
    .btn-gestioncliente-conectar:disabled,
    .btn-gestioncliente-mail:disabled,
    .btn-archivo-aceptar:disabled,
    .btn-modal-activar:disabled {
        background-color: #ec743b !important;
        color: var(--white) !important;
        opacity: 0.2 !important;
    }

/*6-7-8-9*/
/*.btn-outline-orange {
            background-color: transparent;
            color: var(--main);
            border: 2px solid var(--main);
            }
            .btn-outline-orange:hover {
                background-color: transparent;
                color: var(--main);
                border: 2px solid var(--btn-color-hover);
            }
            .btn-outline-orange:active {
                background-color: rgba(234, 93, 26, 0.2);
                color: var(--main);
                border: 2px solid var(--main);
            }
            .btn-outline-orange:disabled {
                background-color: transparent;
                color: #F8CEBA;
                border: 2px solid #F8CEBA;
            }*/

/*BOTON FONDO TRANSPARENTE-TEXTO NARANJA-BORDE NARANJA*/
.btn-visib-off,
.btn-envios-nuevocliente,
.btn-envios-cancelarnuevocliente,
.btn-envios-guardar,
.btn-envios-vistaprevia-atras,
.btn-datosusario-modal-cancelar,
.boton-plantillas-nueva,
.boton-plantillas-eliminar,
.boton-plantillas-crear,
.btn-gestioncliente-nuevo,
.btn-gestioncliente-modal-cancelar-cliente,
.btn-archivo-cancelar,
.btn-modal-cancelar-desactivar {
    background-color: transparent !important;
    color: var(--main) !important;
    border: 2px solid var(--main) !important;
}

    .btn-visib-off:hover,
    .btn-envios-nuevocliente:hover,
    .btn-envios-cancelarnuevocliente:hover,
    .btn-envios-guardar:hover,
    .btn-envios-vistaprevia-atras:hover,
    .btn-datosusario-modal-cancelar:hover,
    .boton-plantillas-nueva:hover,
    .boton-plantillas-eliminar:hover,
    .boton-plantillas-crear:hover,
    .btn-gestioncliente-nuevo:hover,
    .btn-gestioncliente-modal-cancelar-cliente:hover,
    .btn-archivo-cancelar:hover,
    .btn-modal-cancelar-desactivar:hover {
        background-color: transparent !important;
        color: var(--main) !important;
        border: 2px solid var(--btn-color-hover) !important;
    }

    .btn-visib-off:active,
    .btn-envios-nuevocliente:active,
    .btn-envios-cancelarnuevocliente:active,
    .btn-envios-guardar:active,
    .btn-envios-vistaprevia-atras:active,
    .btn-datosusario-modal-cancelar:active,
    .boton-plantillas-nueva:active,
    .boton-plantillas-eliminar:active,
    .boton-plantillas-crear:active,
    .btn-gestioncliente-nuevo:active,
    .btn-gestioncliente-modal-cancelar-cliente:active,
    .btn-archivo-cancelar:active,
    .btn-modal-cancelar-desactivar:active {
        background-color: rgba(234, 93, 26, 0.2) !important;
        color: var(--main) !important;
        border: 2px solid var(--main) !important;
    }

    .btn-visib-off:disabled,
    .btn-envios-nuevocliente:disabled,
    .btn-envios-cancelarnuevocliente:disabled,
    .btn-envios-guardar:disabled,
    .btn-envios-vistaprevia-atras:disabled,
    .btn-datosusario-modal-cancelar:disabled,
    .boton-plantillas-nueva:disabled,
    .boton-plantillas-eliminar:disabled,
    .boton-plantillas-crear:disabled,
    .btn-gestioncliente-nuevo:disabled,
    .btn-gestioncliente-modal-cancelar-cliente:disabled,
    .btn-archivo-cancelar:disabled,
    .btn-modal-cancelar-desactivar:disabled {
        background-color: transparent !important;
        color: #f8ceba !important;
        border: 2px solid #f8ceba !important;
    }

/*10-11-12-13*/
/*.btn-black {
            background-color: #0f0f0f;
            color: var(--white);
            }
            .btn-black:hover {
                background-color: #6B6B6B;
                color: var(--white);
            }
            .btn-black:active {
                background-color: #393634;
                color: var(--white);
            }
            .btn-black:disabled {
                background-color: #c8c8c8;
                color: var(--white);
            }*/

/*BOTON FONDO NEGRO-TEXTO BLANCO*/
.btn-visib-aceptar {
    background-color: #0f0f0f !important;
    color: var(--white) !important;
}

    .btn-visib-aceptar:hover {
        background-color: #6b6b6b !important;
        color: var(--white) !important;
    }

    .btn-visib-aceptar:active {
        background-color: #393634 !important;
        color: var(--white) !important;
    }

    .btn-visib-aceptar:disabled {
        background-color: #c8c8c8 !important;
        color: var(--white) !important;
    }

/*14-15-16-17*/
/*.btn-outline-white {
            background-color: transparent;
            color: var(--white);
            border: 2px solid var(--white);
            }
            .btn-outline-white:hover {
                background-color: transparent;
                color: var(--white);
                border: 2px solid var(--white);
                opacity: 0.8;
            }
            .btn-outline-white:active {
                background-color: rgba(255, 255, 255, 0.6);
                color: var(--white);
                border: 2px solid var(--white);
            }
            .btn-outline-white:disabled {
                background-color: transparent;
                color: var(--white);
                border: 2px solid var(--white);
                opacity: 0.6;
            }*/

/*BOTON FONDO TRANSPARENTE-TEXTO BLANCO-BORDE BLANCO*/
.btn-mostrarcookies {
    background-color: transparent !important;
    color: var(--white) !important;
    border: 2px solid var(--white) !important;
    font-size: 12px !important;
}

    .btn-mostrarcookies:hover {
        background-color: transparent !important;
        color: var(--white) !important;
        border: 2px solid var(--white) !important;
        opacity: 0.8 !important;
        font-size: 12px !important;
    }

    .btn-mostrarcookies:active {
        background-color: rgba(255, 255, 255, 0.6) !important;
        color: var(--white) !important;
        border: 2px solid var(--white) !important;
        font-size: 12px !important;
    }

    .btn-mostrarcookies:disabled {
        background-color: transparent !important;
        color: var(--white) !important;
        border: 2px solid var(--white) !important;
        opacity: 0.6 !important;
        font-size: 12px !important;
    }

/*18-19-20-21*/
/*.btn-outline-black {
            background-color: transparent;
            color: #0f0f0f;
            border: 2px solid #0f0f0f;
            }

            .btn-outline-black:hover {
                background-color: transparent;
                color: #0f0f0f;
                border: 2px solid #6B6B6B;
            }

            .btn-outline-black:active {
                background-color: rgba(15, 15, 15, 0.2);
                color: #0f0f0f;
                border: 2px solid #0f0f0f;
            }

            .btn-outline-black:disabled {
                background-color: transparent;
                color: #0f0f0f;
                opacity: 0.6;
                border: 2px solid #C7C7C7;
            }*/

/*BOTON FONDO TRANSPARENTE-TEXTO NEGRO-BORDE NEGRO*/
.btn-envios-buscarpersonal,
.btn-envios-buscar-compartida,
.btn-envios-buscarcliente,
.btn-envios-historialllamada {
    background-color: transparent !important;
    color: #0f0f0f !important;
    border: 2px solid #0f0f0f !important;
}

    .btn-envios-buscarpersonal:hover,
    .btn-envios-buscar-compartida:hover,
    .btn-envios-buscarcliente:hover,
    .btn-envios-historialllamada:hover {
        background-color: transparent !important;
        color: #0f0f0f !important;
        border: 2px solid #6b6b6b !important;
    }

    .btn-envios-buscarpersonal:active,
    .btn-envios-buscar-compartida:active,
    .btn-envios-buscarcliente:active,
    .btn-envios-historialllamada:active {
        background-color: rgba(15, 15, 15, 0.2) !important;
        color: #0f0f0f !important;
        border: 2px solid #0f0f0f !important;
    }

    .btn-envios-buscarpersonal:disabled,
    .btn-envios-buscar-compartida:disabled,
    .btn-envios-buscarcliente:disabled,
    .btn-envios-historialllamada:disabled {
        background-color: transparent !important;
        color: #0f0f0f !important;
        opacity: 0.6 !important;
        border: 2px solid #c7c7c7 !important;
    }

/*BOTON FONDO GRIS-TEXTO BLANCO -- Disabled Sala de Espera*/

.btn-salaespera-entrar {
    background-color: var(--main) !important;
    color: var(--white) !important;
}

    .btn-salaespera-entrar:hover {
        background-color: var(--btn-color-hover) !important;
        color: var(--white) !important;
    }

    .btn-salaespera-entrar:disabled {
        background-color: #dedad4 !important;
        color: var(--light-grey) !important;
    }

.switch-sala-espera {
    background-color: var(--main);
}

.jumbotron {
    background-color: var(--white-smoke) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

/* ## FLOATING BUTTONS */

.contenedor-floating-buttons {
    padding-right: 40px;
    padding-top: 20px;
}

.contenedor-div-floating-buttons {
    margin-top: 8px;
}

@media (max-width: 1199px) {
    .contenedor-floating-buttons {
        padding-top: 0 !important;
    }

    .contenedor-div-floating-buttons {
        margin: 8px;
    }
}

@media (max-width: 400px) {
    .contenedor-floating-buttons {
        padding-top: 0;
    }

    .contenedor-div-floating-buttons {
        margin: 2px;
    }
}

.btn-floating-crear,
.btn-floating-enviar,
.btn-floating-gestionar {
    background-color: var(--main) !important;
    color: var(--white) !important;
    padding: 13px 5px !important;
    font-size: 14px !important;
    width: 132px;
}

    .btn-floating-crear:hover,
    .btn-floating-enviar:hover,
    .btn-floating-gestionar:hover {
        background-color: var(--btn-color-hover) !important;
        color: var(--white) !important;
    }

    /*Boton de cuando estamos en su pagina*/
    .btn-floating-crear:active,
    .btn-floating-enviar:active,
    .btn-floating-gestionar:active {
        background-color: #dedad4 !important;
        color: var(--light-grey) !important;
    }

    .btn-floating-crear:disabled,
    .btn-floating-enviar:disabled,
    .btn-floating-gestionar:disabled {
        background-color: #ec743b !important;
        color: var(--white) !important;
        opacity: 0.2 !important;
    }

@media (max-width: 1199px) {
    .btn-floating-crear,
    .btn-floating-enviar,
    .btn-floating-gestionar {
        background-color: var(--main) !important;
        color: var(--white) !important;
        padding: 13px 5px !important;
        font-size: 12px !important;
        width: 94px;
    }
}

/* FIN botones SEAT */
.bloc {
    padding: 6px;
}

.notas {
    height: 200px !important;
}

/*Accordion*/
#accordionExample .accordionBtn:before,
#accordionExample .accordionBtn.collapsed:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    width: 25px;
    height: 25px;
    line-height: 28px;
    text-align: left;
    position: absolute;
    top: 18px;
    left: 15px;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}

#accordionExample .accordionBtn.collapsed:before {
    color: #a0a0a0;
    transform: rotate(0);
}

/* ## V CLIENTE ---- CUADRO MANDO*/

.tiemposestado {
    background-color: var(--dark-3);
    color: white;
    margin-top: 1%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.leads {
    background-color: #dedad4;
    color: var(--dark-3);
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* ## V CLIENTE ---- SHOW ROOM*/

span.white {
    background: white;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #0f0f0f;
    display: inline-block;
    font-weight: normal;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em;
}

span.gris {
    background: #dedad4;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: var(--dark-3);
    display: inline-block;
    font-weight: normal;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em;
}

/* ## STEPPER SALA DE ESPERA*/

.checkout-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fafbfa;
}

.checkout {
    background-color: var(--white);
    border: 1px solid #eaefe9;
    font-size: 14px;
}

.panel {
    margin-bottom: 0;
}

.checkout-step {
    border-bottom: 1px solid var(--white-smoke);
    color: #666;
    font-size: 14px;
    padding: 16px 0;
    position: relative;
}

.checkout-step-number {
    border-radius: 50%;
    border: 1px solid var(--purplish-brown);
    display: inline-block;
    font-size: 12px;
    background-color: var(--purplish-brown);
    margin-right: 5px;
    text-align: center;
    width: 18px;
    height: 18px;
}

    .checkout-step-number:disabled {
        opacity: 0.5;
    }

.checkout-step-number-accepted {
    background-color: var(--main) !important;
    border-color: var(--main) !important;
}

.checkout-step-number-no {
    width: 9px;
    height: 16px;
    font-family: SeatRegular;
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: white !important;
    vertical-align: middle;
}

.checkout-step-title {
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    color: black !important;
}

.checout-address-step .form-group {
    margin-bottom: 18px;
    display: inline-block;
    width: 100%;
}

.checkout-step-body {
    padding-left: 2%;
    padding-top: 30px;
    padding-bottom: 10px;
}

.checkout-step-active {
    display: block;
}

.checkout-step-disabled {
    display: none;
}

.checkout-login {
}

.login-phone {
    display: inline-block;
}

    .login-phone:after {
        content: "+91 - ";
        font-size: 14px;
        left: 36px;
    }

    .login-phone:before {
        content: "";
        font-style: normal;
        color: #333;
        font-size: 18px;
        left: 12px;
        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;
    }

    .login-phone:after,
    .login-phone:before {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .login-phone .form-control {
        padding-left: 68px;
        font-size: 14px;
    }

.checkout-login .btn {
    height: 42px;
    line-height: 1.8;
}

.otp-verifaction {
    margin-top: 30px;
}

.checkout-sidebar {
    background-color: var(--white);
    border: 1px solid #eaefe9;
    padding: 30px;
    margin-bottom: 30px;
}

.checkout-sidebar-merchant-box {
    background-color: var(--white);
    border: 1px solid #eaefe9;
    margin-bottom: 30px;
}

.checkout-total {
    border-bottom: 1px solid #eaefe9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.checkout-invoice {
    display: inline-block;
    width: 100%;
}

.checout-invoice-title {
    float: left;
    color: #30322f;
}

.checout-invoice-price {
    float: right;
    color: #30322f;
}

.checkout-charges {
    display: inline-block;
    width: 100%;
}

.checout-charges-title {
    float: left;
}

.checout-charges-price {
    float: right;
}

.charges-free {
    color: #43b02a;
    font-weight: 600;
}

.checkout-payable {
    display: inline-block;
    width: 100%;
    color: #333;
}

.checkout-payable-title {
    float: left;
}

.checkout-payable-price {
    float: right;
}

.checkout-cart-merchant-box {
    padding: 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #eaefe9;
    padding-bottom: 20px;
}

.checkout-cart-merchant-name {
    color: #30322f;
    float: left;
}

.checkout-cart-merchant-item {
    float: right;
    color: #30322f;
}

.checkout-cart-products {
}

    .checkout-cart-products .checkout-charges {
        padding: 10px 20px;
        color: #333;
    }

.checkout-cart-item {
    border-bottom: 1px solid #eaefe9;
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 22px 20px;
    width: 100%;
}

.checkout-item-list {
}

.checkout-item-count {
    float: left;
}

.checkout-item-img {
    width: 60px;
    float: left;
}

.checkout-item-name-box {
    float: left;
}

.checkout-item-title {
    color: #30322f;
    font-size: 14px;
}

.checkout-item-unit {
}

.checkout-item-price {
    float: right;
    color: #30322f;
    font-size: 14px;
    font-weight: 600;
}

.checkout-viewmore-btn {
    padding: 10px;
    text-align: center;
}

.header-checkout-item {
    text-align: right;
    padding-top: 20px;
}

.checkout-promise-item {
    background-repeat: no-repeat;
    background-size: 14px;
    display: inline-block;
    margin-left: 20px;
    padding-left: 24px;
    color: #30322f;
}

    .checkout-promise-item i {
        padding-right: 10px;
        color: #43b02a;
    }

/* ## FIN STEPPER SALA DE ESPERA */

.historial {
    background-color: var(--main) !important;
    color: white;
}

.modal-header .close {
    font-size: 40px;
    padding: 0 10px !important;
}

/* ## video COMUNICACION */

.Rectangle-Copy-0 {
    border-radius: 2px;
    background-color: var(--white-smoke);
    height: auto;
    text-align: center;
    padding: 12px;
    font-family: SeatMedium;
    font-size: 16px;
    color: var(--brown-grey);
}

.Rectangle-Copy-1,
.Rectangle-Copy-2,
.Rectangle-Copy-3 {
    padding: 30px 23px 24px 24px;
    border-radius: 2px;
    background-color: var(--white-smoke);
    height: 94px;
}

@media only screen and (max-width: 1199px) {
    .Rectangle-Copy-1,
    .Rectangle-Copy-2,
    .Rectangle-Copy-3 {
        height: 60px;
    }

    .Rectangle-Copy-3 {
        margin-top: 5px;
    }
}

/* $$ Notificacion CHAT*/
.rounded-pill {
    border-radius: 50rem !important;
    width: 20px;
    height: 20px;
    margin-left: -10px;
}

.bg-danger {
    background-color: #dc3545 !important;
    border: 2px solid var(--white-smoke);
}

.badge {
    display: inline-block;
    padding-top: 6px !important;
    font-size: 10px !important;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: none !important;
    box-shadow: none !important;
}

/* $$ VIDEO COMM ASESOR*/
.navbar-menullamada {
    margin-bottom: 0;
    padding-top: 10px;
    background-color: var(--white);
}

.lblNombreCliente {
    font-family: SeatRegular !important;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.clienteNombre {
    font-family: SeatBold;
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark);
}

.more-info {
    padding-top: 10px;
    max-width: 30px;
    height: auto;
    cursor: pointer;
}

.Rectangle-Copy-1,
.Rectangle-Copy-2,
.Rectangle-Copy-3 {
    border-radius: 2px;
    background-color: var(--white-smoke);
    height: 94px;
}

.Rectangle-Copy-1 {
    width: 100%;
    padding: 24px !important;
}

@media only screen and (max-width: 600px) {
    .navbar-menullamada {
        padding-top: 0 !important;
    }

    .container-menullamada {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .lblNombreCliente {
        font-size: 10px;
        line-height: normal;
    }

    .clienteNombre {
        font-size: 13px;
        line-height: normal;
    }

    .more-info {
        width: 12px;
    }

    .Rectangle-Copy-1,
    .Rectangle-Copy-2,
    .Rectangle-Copy-3 {
        height: 64px;
    }

    .Rectangle-Copy-1 {
        padding: 10px !important;
    }

    .contador {
        display: none !important;
    }
}

/* $$ xxs (phones, 400px and down) */
@media only screen and (max-width: 399px) {
    #videos {
        height: 400px;
    }

    #subscriber {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #publisher {
        width: 50%;
        height: 30%;
    }
}

/* $$ xs (phones, 600px and up) */
@media only screen and (min-width: 400px) {
    #videos {
        height: 255px;
    }

    #subscriber {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #publisher {
        width: 25%;
        height: 40%;
    }
}

/* $$ S (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    #videos {
        height: 255px;
    }

    #subscriber {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #publisher {
        width: 25%;
        height: 40%;
    }
}

/* $$ M (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #videos {
        height: 327px;
    }

    #subscriber {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #publisher {
        width: 25%;
        height: 40%;
    }
}

/* $$ L (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #videos {
        height: 423px;
    }

    #subscriber {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #publisher {
        width: 25%;
        height: 40%;
    }
}

/* $$ xl (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    #videos {
        height: 425px;
    }

    #subscriber {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #publisher {
        width: 25%;
        height: 40%;
    }
}

/* $$ xxl (large laptops and desktops, 1800px and up) */
@media only screen and (min-width: 1800px) {
    #videos {
        height: 767px;
    }

    #subscriber {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #publisher {
        width: 25%;
        height: 40%;
    }
}

/* ## LOGIN  */

.login-bg {
    background-image: url("../imagenes/Seat/Login-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.login-caja {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: white;
    border-radius: 3px;
    padding: 32px 32px 8px 32px;
}

.login-cabecera {
    margin: 0;
    margin-bottom: 24px;
    padding: 0;
}

    .login-cabecera #imgLogo {
        width: 70%;
        height: auto;
        margin-bottom: 40px;
    }

    .login-cabecera #bienvenida {
        text-align: left;
    }

.login-idioma {
    margin-bottom: 24px;
}

    .login-idioma .idiomas {
        display: none;
    }

        .login-idioma .idiomas #cuadroLengua {
            margin-top: 5%;
            font-size: 20px;
        }

.login-contenedor-usuario {
    margin-bottom: 24px;
    border: 1px solid rgb(90, 90, 90);
    display: flex;
    padding: 5px;
    border-radius: 0;
}

.login-txtUsaurio {
    border: none;
    margin: 5px;
    width: 100%;
    padding: 5px;
}

.login-usuario-validator {
    color: orange;
    border: 1px solid orange;
    background-color: rgb(255, 246, 173);
    font-size: 12px;
    padding: 5px;
    margin-bottom: 20px;
}

.login-contenedor-password {
    margin-bottom: 8px;
    border: 1px solid rgb(90, 90, 90);
    display: flex;
    padding: 5px;
    border-radius: 0;
}

.login-txtPassword {
    border: none;
    margin: 5px;
    width: 100%;
    padding: 5px;
    color: var(--brown-grey);
    border: 0;
    font-family: Calibri;
}

#caja .link {
    margin-bottom: 24px;
    font-size: 14px;
}

#icon_eye {
    visibility: visible;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
}

.login-password-validator {
    color: orange;
    border: 1px solid orange;
    background-color: rgb(255, 246, 173);
    font-size: 12px;
    padding: 5px;
    margin-bottom: 20px;
}

.login-contenedor-condiciones {
    font-size: 14px;
    margin-bottom: 24px;
}

    .login-contenedor-condiciones #hpAvisoLegal {
        color: var(--dark) !important;
        text-decoration: none;
        padding-bottom: 2px;
        border-bottom: 1px solid black;
    }

    .login-contenedor-condiciones #hpTerminosCondicionesDeUso {
        color: var(--dark) !important;
        text-decoration: none;
        padding-bottom: 2px;
        border-bottom: 1px solid black;
    }

    .login-contenedor-condiciones #hpPoliticaPrivacidad {
        color: var(--dark) !important;
        text-decoration: none;
        padding-bottom: 2px;
        border-bottom: 1px solid black;
    }

.login-contendor-entrar {
    margin-bottom: 24px;
}

    .login-contendor-entrar input {
        font-family: 'SeatBold' !important;
    }

.login-contenedor-recuperarcorreo {
    margin-bottom: 8px;
    border: 1px solid rgb(90, 90, 90);
    display: flex;
    padding: 5px;
    border-radius: 0;
}

.login-txtRecuperar {
    border: none;
    margin: 5px;
    width: inherit;
    padding: 5px;
}

.login-info-recuperarcorreo {
    text-align: left;
    margin-bottom: 24px;
}

@media only screen and (max-width: 600px) {
    .login-caja {
        padding: 16px;
        padding-top: 32px;
    }

    .login-contenedor-usuario {
        margin-bottom: 16px;
    }

    .login-contenedor-condiciones {
        margin-bottom: 8px;
    }

    #caja .link,
    .login-contenedor-condiciones,
    .login-info-recuperarcorreo {
        font-size: 12px;
    }

    .login-info-recuperarcorreo {
        margin-bottom: 12px;
    }

    .login-contendor-entrar {
        margin-bottom: 0;
    }
}

/* ## MENU */
.powered {
    font-family: SeatRegular;
    font-size: 11px;
    color: var(--light-grey);
    line-height: 16px;
    font-weight: normal !important;
}

.poweredby {
    font-family: SeatMedium;
    font-size: 11px;
    color: var(--white);
    line-height: 16px;
    font-weight: normal !important;
    margin-right: 40px;
}

.nav-item {
    font-family: SeatRegular !important;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
    margin-right: 10px;
}

/* ## SALA DE ESPERA */
.salaespera-banner {
    background-image: url(../Imagenes/Seat/cta-banner.jpg);
    background-size: cover;
    border-radius: 0;
    background-position: center center;
    height: 160px;
    margin: 0 0 24px 0;
    display: flex;
}

.legales-banner {
    background-image: url(../Imagenes/Seat/legales-banner.jpg);
    background-size: cover;
    border-radius: 0;
    background-position: center center;
    height: 160px;
    margin: 24px 0 24px 0;
}

.body-content {
    padding-left: 0;
    padding-right: 0;
}

.step-title a {
    font-family: SeatBold;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark) !important;
}

.heleido {
    font-family: SeatRegular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--brown-grey);
}

#MainContent_terminosLegales_ET {
    margin: 20px 0 !important;
}

/* $$ CheckBox sala de espera */
#MainContent_terminosLegales_I {
    width: 24px;
    height: 24px;
    margin: 0 16px 0 0;
    object-fit: contain;
    background-color: black !important;
}

.salaespera-userscreen {
    width: 100% !important;
    height: 270px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-image: url("../Imagenes/Seat/Salaespera-userscreen.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--purplish-brown);
}

.grey-bg {
    padding: 9px 32px 9px 24px;
    border-radius: 2px;
    background-color: var(--white-smoke);
    margin-bottom: 16px;
    display: inline;
}

    .grey-bg > img {
        margin: auto 24px;
    }

    .grey-bg > input {
        text-align: center;
        margin: 0 auto;
    }

@media only screen and (max-width: 767px) {
    .salaespera-userscreen { /*cambio_css - VW*/
        max-width: 100% !important;
        border: 0 !important;
        border-radius: 0 !important;
        background-image: url("../Imagenes/Seat/Salaespera-userscreen.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 400px) {
    .salaespera-banner {
        background-image: url(../Imagenes/Seat/cta-banner.jpg); /*url(../Imagenes/Seat/salaespera-banner.jpg);*/
        background-size: cover;
        border-radius: 0;
        background-position: center center;
        height: 208px;
        margin: 0 0 40px 0;
    }

    .legales-banner {
        background-image: url(../Imagenes/Seat/legales-banner.jpg);
        background-size: cover;
        border-radius: 0;
        background-position: center center;
        height: 208px;
        margin: 24px 0 40px 0;
    }

    .step-title a {
        font-family: SeatBold;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: var(--dark) !important;
    }
}

/* ## ENVIOS */
.envios-plantilla-titulo {
    margin: 2px 20.1px 2px 14px;
    font-family: SeatRegular;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--brown-grey);
    word-break: break-word;
}

.envios-numplantilla {
    font-family: SeatRegular;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
}

.envio-oval {
    background-color: var(--tomato);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    font-family: SeatLight;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 20px;
}

.envios-plantilla-impar {
    background-color: #f9f8f6;
}

.envios-checkbox-canal {
    width: 24px;
    height: 24px;
    margin: 0 16px 0 0;
    object-fit: contain;
    background-color: black !important;
}

.envios-titulos-apartadosplantillas {
    font-family: SeatMedium;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--dark);
    margin-bottom: 2%;
}

.envios-color-flecha {
    color: var(--tomato) !important;
}

/* ## CUADRO DE MANDO */
.cuadromando-contenedor-botones {
    margin-top: 4%;
}

    .cuadromando-contenedor-botones .cuadromando-contenedor-boton {
        background-color: var(--white-smoke);
        margin: 0 auto;
        padding: 24px;
        border-radius: 3px;
    }

.btn-cta-conectar,
.btn-cta-mail,
.btn-cta-gestionar {
    padding: 10px !important;
}

.cuadromando-contenedor-datos {
    margin-top: 24px; /*cambio_css - VW*/
    background-color: var(--white-smoke);
    padding: 20px;
    border-radius: 3px;
}

.cuadromando-btn-link {
    text-align: left !important;
    padding-bottom: 0 !important;
    color: dimgrey;
    text-decoration: none;
    clear: both;
}

.cuadromando-filtro {
    margin-bottom: 2%;
}

.cuadromando-tiemposestado {
    visibility: hidden;
}

.cuadromando-leads {
    background-color: var(--white-smoke);
    color: var(--dark-3);
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cuadromando-section-leads {
    font-size: 1rem !important;
    text-align: left;
}

.cuadromando-section-leads-datos {
    width: 100%;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

.cuadromando-contenedor-graficos { /*cambio_css - VW*/
    margin-top: 24px;
    margin-bottom: 12px;
}

    .cuadromando-contenedor-graficos .card {
        background-color: var(--white-smoke);
        border: none;
        border-radius: 3px;
        box-shadow: none !important;
    }

/* ## CUADRO DE MANDO */

/* ## INVITACIONES / ENVIOS */
.h2Titulos {
    font-family: SeatBlack;
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: var(--dark);
}

.smallSubtitulos {
    font-family: SeatRegular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.h5Pasos {
    font-family: SeatMedium;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark);
}

.dxeHFC,
.dxeHC,
.dxeHLC {
    font-family: SeatMedium;
    font-weight: bold !important;
    color: var(--dark);
}

.badgeOval {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 20px;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-color: var(--purplish-brown);
    text-align: center;
    font-family: SeatMedium;
    color: var(--light-grey);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.CheckLink {
    vertical-align: middle;
    font-family: SeatRegular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--dark);
}

.modal-content div[class^="modal-"] {
    margin: 0 32px !important;
}

.LabelsModal {
    font-family: SeatRegular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--brown-grey);
}

#formAddCliente input,
#formAddCliente select {
    height: 56px;
}

#formAddCliente .form-control { /*cambio_css - VW*/
    font-family: SeatMedium;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: var(--brown-grey);
    position: relative;
}

.BotonesModal {
    width: 100%;
    display: flex;
    flex-direction: row;
}

@media (max-width: 800px) {
    #formAddCliente input,
    #formAddCliente select {
        height: auto;
    }
    /* quitar_css */
    /*.BotonesModal { 
        . flex-direction: column;
    }*/
    .modal-footer #btnEnviar {
        width: 100% !important;
    }
}
/* FIN INVITACIONES / ENVIOS */

/* ## SELECCIÓN ESTADO */
.btn-estado-on {
    border: solid 2px var(--main);
    text-align: center;
}

.btn-estado-off {
    background-color: var(--white);
    color: var(--main);
    margin: 0 0 11px 27px;
    padding: 11px 16px 13px;
    border-radius: 2px;
    border: solid 2px var(--tomato);
}

.btn-estado-on-modal {
    background-color: var(--main) !important;
    font-family: "SeatBold";
    color: var(--white) !important;
    border: solid 2px var(--main);
    text-align: center;
}

.divSeleccionEstado {
    padding: 32px;
    border-radius: 3px;
    background-color: var(--white);
}

.h2SeleccionEstado {
    font-family: "SeatBold";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
}

.permanecer-onl {
    width: 164px;
    height: 32px;
    margin: 11px 61px 0 0;
    font-family: "SeatRegular";
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.permanecer-ofl {
    width: 164px;
    height: 32px;
    margin: 11px 61px 0 0;
    font-family: "SeatRegular";
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.btn-aceptar {
    width: 460px;
    height: 40px;
    margin: 24px 0 0;
    padding: 11px 16px 13px;
    border-radius: 2px;
    background-color: var(--dark);
}

.textoaceptar {
    width: 428px;
    height: 16px;
    font-family: "SeatBold";
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: var(--light-grey);
}

@media only screen and (max-width: 890px) {
    .estados {
        position: relative;
        display: inline-block;
    }

    .form-control {
        height: auto;
    }
}

.switch-field {
    display: flex;
    overflow: hidden;
}

    .switch-field input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .switch-field label {
        background-color: transparent;
        color: var(--main);
        font-size: 14px;
        line-height: 2;
        text-align: center;
        padding: 8px 16px;
        margin-right: -1px;
        border: 1px solid var(--main);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        transition: all 0.1s ease-in-out;
    }

        .switch-field label:hover {
            cursor: pointer;
        }

#modalBodyEstados > div > .switch-field input.btn-estado-on:checked + label,
#modalBodyEstados > div > .switch-field input.lbloff:checked + label {
    border: 3px solid var(--main);
}

.switch-field input.btn-estado-on:checked + label {
    background-color: var(--main);
    box-shadow: none;
    color: #ffffff; /*var(--light-grey);*/
}

.switch-field input.lbloff:checked + label {
    background-color: var(--main);
    box-shadow: none;
    color: var(--white);
}

.switch-field input.lblAusente:checked + label {
    background-color: #ff8800;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}

/* FIN SELECCIÓN ESTADO */

/* ## PLANTILLAS */
.h2-plantillas {
    font-family: "SeatBlack";
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: var(--dark);
}

.small-plantillas {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.plantillas-titulo {
    margin: 2px 20.1px 2px 14px;
    font-family: SeatRegular;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--brown-grey);
    word-break: break-word;
}

.asunto-plantillas {
    font-family: "SeatMedium";
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark);
}

.asunto-help-plantillas {
    font-family: "SeatRegular";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.plantilla-impar {
    background-color: #f9f8f6;
}

.numplantilla {
    font-family: SeatRegular;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
}

.plantilla-titulo {
    margin: 2px 20.1px 2px 14px;
    font-family: SeatRegular;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--brown-grey);
    word-break: break-word;
}

.plantillas-color-flecha {
    color: var(--tomato);
}
/* FIN PLANTILLAS */

/* ## DATOS USUARIO */

.datosusuario-contenedor-titulo {
    margin-top: 2%;
}

.datosusuario-titulo {
    font-family: SeatBlack;
}

.datosusuario-contedor-datos {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .datosusuario-contedor-datos h5 {
        padding-bottom: 10px;
    }

    .datosusuario-contedor-datos p {
        margin-bottom: 0;
    }

    .datosusuario-contedor-datos label {
        color: var(--brown-grey) !important;
    }

    .datosusuario-contedor-datos input[type="submit"],
    .btn-cambiar {
        font-family: SeatBold !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

.datosusuario-contedor-campo {
    margin: auto;
    border: 1px solid var(--dark);
    display: flex;
    padding: 5px;
    border-radius: 2px;
}

    .datosusuario-contedor-campo .datosusuario-campo {
        border: none;
        color: var(--brown-grey);
    }

.datosusuario-panelErrorDatos .alert {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.datosusuario-contenedor-check div {
    align-items: flex-end;
}

.datosusuario-panelCaducidadPassword .alert {
    border-radius: 2px;
    word-wrap: break-word;
}

    /* $$ TAMAÑO ESCRITORIO, TABLET */
    .datosusuario-panelCaducidadPassword .alert .datosusuario-txtCaducidadPassword {
        font-family: SeatMedium !important;
        resize: none;
        overflow: hidden;
        height: 20px;
        font-size: 14px;
    }

/* $$ TAMAÑO MOVIL*/
@media (max-width: 535px) {
    .datosusuario-panelCaducidadPassword
    .alert
    .datosusuario-txtCaducidadPassword {
        color: var(--dark) !important;
        font-family: SeatMedium !important;
        resize: none;
        overflow: hidden;
        height: 40px;
    }
}

.datosusuario-contedor-campo-password {
    margin: auto;
    margin-bottom: 1%;
    border: 1px solid var(--dark);
    display: flex;
    padding: 5px;
    border-radius: 2px;
}

    .datosusuario-contedor-campo-password .datosusuario-campo-password {
        border: none;
        color: var(--brown-grey);
        width: 100%;
    }

/* $$ TAMAÑO ESCRITORIO, TABLET */
.datosusuario-contenedor-check input[type="checkbox"] {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin: 16px 16px 0 0;
    object-fit: contain;
}

/* $$ TAMAÑO MOVIL*/
@media (max-width: 535px) {
    .datosusuario-contenedor-check input[type="checkbox"] {
        width: 24px;
        min-width: 24px;
        height: 24px;
        margin: 16px 16px 16px 0;
        object-fit: contain;
    }
}

.datosusuario-contenedor-check label {
    font-family: SeatRegular;
    font-size: 14px;
    line-height: 20px;
    color: var(--brown-grey);
    vertical-align: middle;
    margin-bottom: 0 !important;
}

.datosusuario-body-modal {
    margin-bottom: 2%;
    text-align: left;
}

.datosusuario-panelErrorPassword {
    color: #856404;
    margin-top: 2%;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.datosusuario-lblMensajeError {
    margin: 1%;
    color: red;
}

.btn-datosusuario-cambiar {
    background-color: var(--main) !important;
    color: var(--white) !important;
}

/* DATOS USUARIO **/

/** GESTION ENVIOS CLIENTE **/
.imagen-envios-plantilla {
    height: auto;
}

.lead {
    font-family: SeatRegular !important;
    font-size: 14px !important;
    color: var(--dark);
    line-height: 16px;
    margin-left: 31px;
    font-weight: 500 !important;
}

.contenedor-envios-plantilla {
    background-color: #f2ddcd;
    padding: 32px !important;
}

.titulo-envios-datos {
    font-family: SeatBlack;
    font-size: 24px;
    line-height: 28px;
    color: var(--dark);
    margin-bottom: 31px;
}

.asunto-envios-plantilla {
    font-family: SeatBlack;
    font-size: 24px;
    line-height: 28px;
    color: var(--dark);
}

.contenedor-envios-datos {
    background-color: #dedad4;
    padding: 32px !important;
}

.titulo-envios-seccion {
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: left !important;
}

/* TAMAÑO MOVIL*/
@media (max-width: 767px) {
    .imagen-envios-plantilla {
        height: 160px;
    }

    .lead {
        font-family: SeatRegular !important;
        font-size: 12px !important;
        color: var(--dark);
        line-height: 16px;
        margin-left: 22px;
        font-weight: 500 !important;
    }

    .contenedor-envios-plantilla {
        background-color: #f2ddcd;
        padding: 24px !important;
    }

    .contenedor-envios-datos {
        background-color: #dedad4;
        padding: 24px !important;
    }

    .titulo-envios-seccion {
        margin-top: 16px;
        margin-bottom: 16px;
        text-align: left !important;
    }
}

/* ## CARPETAS */

.carpetas-contenedor-seccion {
    background-color: var(--white-smoke);
    padding: 5px;
    width: 90% !important;
    margin-top: 1%;
    border-radius: 3px;
}

.carpetas-datos-seccion {
    background-color: var(--white-smoke) !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 90% !important;
    padding-bottom: 2%;
}

.btn-carpetas-naranja,
.btn-añadir {
    background-color: var(--main);
    color: var(--dark);
    font-family: SeatMedium;
    font-size: 12px;
    box-shadow: none !important;
    border: 2px solid var(--main);
    padding: 0 8px;
    border-radius: 2px;
}

.btn-plus {
    border: none;
    color: var(--brown-grey);
    position: absolute;
    right: 20px;
    top: 10px;
    background-color: transparent !important;
}

.badge-grey {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-color: var(--purplish-brown);
    text-align: center;
    vertical-align: middle;
    font-family: SeatRegular;
    color: var(--light-grey);
    opacity: 0.5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.listbox {
    background-color: var(--white-smoke) !important;
}

.contenedor-flex {
    display: flex;
    flex-direction: row;
}

#rowCarrousel {
    display: flex !important;
}

@media (max-width: 767px) {
    .carpetas-contenedor-seccion .scopy,
    .scopy-m {
        display: none;
    }

    .contenedor-flex {
        flex-direction: column;
        width: 100% !important;
    }
}


/*## NUEVO DISEÑO*/

/* ## TEXTOS*/

.title-30 {
    font-family: SeatBlack;
    font-size: 30px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    color: var(--dark);
}

.legal-banner {
    font-family: SeatBlack;
    font-size: 30px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    text-align: center;
    color: var(--light-6);
}

.title-24 {
    font-family: SeatBlack;
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: var(--dark);
}

.title-20 {
    font-family: SeatBold;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
}

.legal-subtitle {
    font-family: SeatMedium;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
}

.title-login {
    font-family: SeatBold;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark);
}

.title-16-bold {
    font-family: SeatBold;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark);
}

.title-16-medium {
    font-family: SeatMedium;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark);
}

.client {
    font-family: SeatMedium;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--copy);
}

.chat-title {
    font-family: SeatMedium;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--light-6);
}

.copy-li {
    font-family: SeatRegular;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--dark);
}

.thead-14 {
    font-family: SeatBold;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--dark);
}

.cta-default {
    font-family: SeatBold;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark);
}

.btn-secondary-disabled {
    font-family: SeatBold;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: var(--copy);
}

.btn-secondary {
    font-family: SeatBold;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark);
}

.btn-primary {
    font-family: SeatBold;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
}

.bt-call {
    font-family: SeatBold;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--light-6);
}

.tab-on {
    font-family: SeatMedium;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark);
}

.tab-off {
    font-family: SeatMedium;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: var(--copy);
}

.placeholder {
    font-family: SeatMedium;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--copy);
}

header {
    font-family: SeatMedium;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--light-6);
}

.filter-title {
    font-family: SeatMedium;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark);
}

.copy-medium {
    font-family: SeatMedium;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--copy);
}

.copy-14-medium {
    font-family: SeatMedium;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark);
}

.legal-subsubtitle {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark);
}

.legal-body {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--copy);
}

label {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--copy);
}

.error {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--copy);
}

.copy-thanks {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--light-6);
}

.copy-12 {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--dark);
}

.copy {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--copy);
}

.chat-who {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--copy);
}

.thead-12 {
    font-family: SeatMedium;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--dark);
}

.copy-footer {
    font-family: SeatMedium;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--light-6);
}

.info-12 {
    font-family: SeatRegular;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--dark);
}


.envios-plantilla {
    font-family: SeatRegular;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--dark);
}

.copy-12-white {
    font-family: SeatRegular;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--light-6);
}

.copy-12B {
    font-family: SeatRegular;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--copy);
}

.copy-8 {
    font-family: SeatRegular;
    font-size: 8px;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: var(--copy);
}

.copy-10 {
    font-family: SeatRegular;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--copy);
}

/*## BOTONES y LINKS */
button {
    outline: none !important;
}

.button {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    align-items: center;
    background: var(--btn-color);
    border-radius: 4px;
    border: 3px solid var(--btn-color);
    color: var(--white);
    display: flex;
    font-family: "SeatBold", sans-serif;
    font-size: 16px;
    height: var(--button-height, 40px);
    justify-content: center;
    padding: var(--button-padding, 0 0.75rem);
    transition: all 0.35s ease-in-out;
    width: var(--button-width, 100%);
    outline: none;
}

a.button, a.button:hover, a.button:active, a.button:hover:disabled {
    color: var(--white) !important;
    text-decoration: none !important;
}


.button:hover {
    background: var(--btn-color-hover);
    border-color: var(--btn-color-hover);
    outline: none;
}

.button:active {
    background: var(--btn-color-active);
    border-color: var(--btn-color-active);
    outline: none;
}

.button:disabled, .button.disabled {
    background-color: var(--light-1) !important;
    border-color: var(--light-1) !important;
    color: #ffffff;
    pointer-events: none;
    cursor: default;
}

.button-medium {
    --button-width: 132px;
}

.button-big {
    --button-width: 248px;
}

.button-small {
    --button-width: 6.25rem;
}

.button.secondary {
    color: var(--btn-color);
    background: var(--white);
}

    .button.secondary:hover {
        color: var(--white);
        background: var(--btn-color-hover);
    }

.button.hollow {
    border-color: var(--dark);
    color: var(--dark);
    background: transparent;
}

    .button.hollow:hover {
        --btn-color-hover: rgb(51, 48, 46);
    }

    .button.hollow:active {
        --btn-color-active: rgb(29, 29, 29);
    }

.button.rounded {
    --button-width: 46px;
    --button-height: 46px;
    --button-padding: 0;
    border-radius: 100%;
}

.button.success {
    color: var(--white);
    border-color: var(--success);
    background: var(--success);
}

    .button.success:hover {
        border-color: green;
        background: green;
    }

.button.failure {
    --btn-color: rgb(188, 26, 31);
}

    .button.failure:hover {
        --btn-color-hover: hsl(358, 57%, 52%);
    }

    .button.failure:active {
        --btn-color-active: hsl(358, 80%, 35%);
    }

.button.dark {
    --btn-color: rgb(15, 15, 15);
}

    .button.dark:hover {
        --btn-color-hover: rgb(51, 48, 46);
    }

    .button.dark:active {
        --btn-color-active: rgb(29, 29, 29);
    }

.button.ghost {
    color: inherit;
    background: transparent;
    border-color: transparent;
}

    .button.ghost:hover {
        border-color: rgba(51, 48, 46, 0.1);
        background: rgba(51, 48, 46, 0.1);
    }

    .button.ghost:active {
        border-color: rgba(29, 29, 29, 0.5);
        background: rgba(29, 29, 29, 0.5);
    }

.button-icon {
    margin-right: 0.625rem;
}

.link,
.link--next {
    color: var(--btn-color);
    font-family: "SeatBcn", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
    padding-right: 4px;
}

    .link:hover,
    .link--next:hover {
        color: var(--btn-color-hover);
    }

    .link:visited, .link:active,
    .link--next:visited,
    .link--next:active {
        color: var(--btn-color-active);
    }

    .link.disabled,
    .link--next.disabled {
        opacity: 0.6;
        pointer-events: none;
    }

    .link.dark,
    .link--next.dark {
        color: var(--dark);
    }

        .link.dark:hover,
        .link--next.dark:hover {
            color: var(--dark-3);
        }

    .link--next::after,
    .link--next--next::after {
        content: ">";
        display: inline-block;
        padding: 0 0 0 4px;
    }

/*## SALA DE ESPERA */

/*Banner*/

#salaespera .salaespera-banner-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#salaespera .salaespera-banner-title {
    visibility: hidden;
}

/*Punto 1*/

#salaespera .copy-10-legales {
    font-family: SeatRegular;
    font-size: 10px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--copy);
}

#salaespera .title-16-medium a {
    color: var(--dark) !important;
}

    #salaespera .title-16-medium a .nolink {
        opacity: 0.5 !important;
    }

#salaespera .info-12-error {
    font-family: SeatRegular;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--danger-4);
}
/*campos de formulario*/
#salaespera .form-control {
    width: 100%;
    height: 56px;
    padding: 15px 8px;
    border-radius: 2px;
    border: solid 1px rgba( 25, 15, 20, 0.4 );
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#salaespera input {
    font-family: SeatMedium !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: var(--copy);
}

/*Copiar Teléfono*/
.form-control.copiarTel {
    width: calc(100% - 38px);
}

    .form-control.copiarTel ~ button {
        border: solid 1px #ced4da;
        padding: 0 3px;
        height: 100%;
        margin-left: 5px;
        border-radius: 2px;
        background: transparent;
    }

    .form-control.copiarTel.gestioncliente-info-campo ~ button {
        border: solid 1px var(--dark);
    }

        .form-control.copiarTel ~ button .icon-copy {
            content: url(../Imagenes/default/iconos/icono_copy.svg);
            width: 25px;
            height: 25px;
            display: block;
        }


/*error en campo de formulario*/
#salaespera #MainContent_NameTextBox_ETC,
#salaespera #MainContent_SurnameTextBox_ETC,
#salaespera #MainContent_txtTelefono_ETC,
#salaespera #MainContent_EmailTextBox_ETC,
#salaespera #MainContent_terminosLegales_ETC {
    font-family: SeatRegular;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--danger-4);
    padding-top: 8px;
    padding-left: 8px;
}

#salaespera .dxh0 {
    background-color: var(--white) !important;
}

#salaespera .form-control.dxh0 {
    border: solid 1px var(--danger-4) !important;
}


#salaespera .dxeErrorCell_MetropolisBlue.dxeNoBorderTop td img {
    display: none;
}

/*necesario para Mozilla Firefox*/
#salaespera #divComboCamara,
#salaespera #divComboMicro {
    display: block !important;
    padding-left: 32px;
}

/* ## modales*/

#modalNoAsesor .modal-header {
    padding: 32px 0 0 0 !important;
}

#modalNoAsesor .title-16-medium, #modalNoAsesor .button {
    margin: 16px 0;
}

#modalNoAsesor .close {
    opacity: 1;
}

#modalNoAsesor .material-icons {
    font-size: 30px;
    color: black;
}

#modalAccederLlamada .modal-header {
    padding: 32px 0 0 0 !important;
}

#modalAccederLlamada .title-16-medium, #modalNoAsesor .button {
    margin: 16px 0;
}

#modalAccederLlamada .close {
    opacity: 1;
}

#modalAccederLlamada .material-icons {
    font-size: 30px;
    color: black;
}

#modalAviso .modal-header {
    padding: 32px 0 0 0 !important;
}

#modalAviso .title-16-medium, #modalNoAsesor .button {
    margin: 16px 0;
}

#modalAviso .close {
    opacity: 1;
}

#modalAviso .material-icons {
    font-size: 30px;
    color: black;
}

/* $$ punto 3*/
#salaespera .checkout-step-3 {
    border-bottom: 0;
    color: #666;
    font-size: 14px;
    padding: 16px 0;
    position: relative;
}

#salaespera .checkout-step-body {
    padding-left: 2%;
    padding-top: 30px;
    padding-bottom: 10px;
}

#salaespera .checkout-step-body-3 {
    padding-left: 0;
    padding-top: 12px;
}

#salaespera .grey-bg {
    padding: 9px 0px;
    border-radius: 2px;
    background-color: var(--white-smoke);
    margin-bottom: 16px;
}

#salaespera .grey-bg-3 {
    padding: 16px;
    border-radius: 2px;
    background-color: var(--jumbotron);
    margin-bottom: 16px;
    display: inline;
}

#salaespera .salaespera-acceder {
    font-family: SeatMedium;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--brown-grey);
}

@media (max-width: 767px) {
    #salaespera .title-24 {
        font-size: 20px;
        line-height: 1.2;
    }

    #salaespera .title-16-medium {
        font-size: 14px;
        line-height: 1.14;
    }

    #salaespera .label {
        font-size: 14px;
        line-height: 1.14;
        margin-top: 12px;
    }
    /* $$ campos de formulario*/
    #salaespera .form-control {
        width: 100%;
        height: 48px;
        padding: 10px 8px;
        border-radius: 2px;
        border: solid 1px rgba( 25, 15, 20, 0.4 );
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
}

/* ## modales*/
@media (max-width: 575px) {
    #modalNoAsesor .modal-content {
        border-radius: 19px 14px 0 0 !important;
    }

    #modalNoAsesor .modal-dialog {
        margin: 0 !important;
    }

    #modalNoAsesor .modal-content div[class^="modal-"] {
        margin: 0 14px !important;
    }

    #modalAccederLlamada .modal-content {
        border-radius: 19px 14px 0 0 !important;
    }

    #modalAccederLlamada .modal-dialog {
        margin: 0 !important;
    }

    #modalAccederLlamada .modal-content div[class^="modal-"] {
        margin: 0 14px !important;
    }


    #modalAviso .modal-content {
        border-radius: 19px 14px 0 0 !important;
    }

    #modalAviso .modal-dialog {
        margin: 0 !important;
    }

    #modalAviso .modal-content div[class^="modal-"] {
        margin: 0 14px !important;
    }

    #salaespera .salaespera-acceder {
        font-family: SeatMedium;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        color: var(--brown-grey);
    }

    #salaespera .grey-bg-3 {
        padding: 16px;
        border-radius: 2px;
        background-color: var(--jumbotron);
        margin-bottom: 16px;
        margin-left: 15px !important;
        margin-right: 15px !important;
        display: inline;
    }

    #salaespera .row.pr {
        margin-right: 15px !important;
    }
}

/*## MASTER CLIENTE*/

/* $$ Header*/
.bg-dark {
    background-color: #2e2a2b !important;
}

.header {
    background-color: var(--dark-3) !important;
    font-weight: bold;
    color: var(--white) !important;
    height: 64px !important;
    padding: 22px 32px !important;
}

.header-logo {
    width: 90px;
    margin-right: 15px;
}

.separador {
    height: 63px;
    width: 2px;
    border-right: 1px solid #464545;
    margin-right: 15px;
}

.header.separador {
    padding: 0;
}

.powered {
    font-family: SeatRegular;
    font-size: 11px;
    color: #ece9e1;
    line-height: 12px;
    font-weight: normal !important;
    display: table-cell;
}

.poweredby {
    font-family: SeatMedium;
    font-size: 11px;
    color: var(--white);
    line-height: 16px;
    font-weight: normal !important;
    margin-right: 40px;
}

.pby {
    padding-bottom: 4px;
}

/* ## footer*/
.bg-dark {
    background-color: #2e2a2b !important;
    padding: 12px;
}

.copy-footer, .copy-footer-FA {
    font-family: SeatMedium;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #ece9e1;
}

.copy-footer-FA {
    text-align: right;
}


@media (max-width: 767px) {
    .header {
        height: 48px !important;
        padding: 15px 14px !important;
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    /*.header-logo {
        width: 80px;
        margin-right: 12px;
    }*/

    .separador {
        height: 47px;
        width: 2px;
        border-right: 1px solid #464545;
        margin-right: 11px;
    }

    .powered, .poweredby {
        font-size: 8px;
    }

    .pby {
        padding-bottom: 6px;
        display: inline-block;
    }

    .bg-dark {
        background-color: #2e2a2b !important;
        padding: 16px;
        height: auto;
    }

    .copy-footer-FA {
        font-family: SeatBook;
        font-size: 10px;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: #ece9e1;
        text-align: left;
    }
}

/* @@ Alamo*/

/****---------- GENERALES --------***/
/*#gestionEnvioClientesPage .container-fluid,
#encuestaClientePage,
#legalPage .legales-banner {
    max-width: 1016px;
    margin: auto;
}*/

/* ## LEGALES S*/
#legalPage {
    padding-top: 15px; /*+ 50px del body de la hoja estilos site*/
    position: relative;
    padding-bottom: 100px !important;
    min-height: 100vh;
}

    #legalPage .checkout-step-number {
        margin-top: 3px;
        margin-right: 0;
    }

    #legalPage .checkout-step-number-no {
        vertical-align: bottom;
    }

    #legalPage td {
        padding: 12px;
    }

    #legalPage .navbar {
        padding: 22px 32px;
    }


    /* ## navbar */
    #legalPage .al-navbar {
        justify-content: unset;
        background-color: #2e2a2b !important;
        padding: 17px 32px !important;
    }

        #legalPage .al-navbar .navbar-brand {
            height: 31px;
            width: 89px;
        }

    #legalPage .powered {
        margin-left: 14px;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.45;
        letter-spacing: normal;
        color: #ece9e1;
        font-family: "SeatRegular";
    }

    #legalPage .poweredby {
        font-family: "SeatMedium";
        font-weight: 400;
        color: var(--white);
    }

    #legalPage .navbar-vline-spacer {
        width: 1px;
        height: 63px;
        border: solid 1px #464545;
        position: absolute;
        left: 136px;
    }


    /* ## navbar end */

    /* $$ header picture banner */
    #legalPage .div-parent-legal-banner {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 64px;
    }

    #legalPage .legales-banner {
        background-position: top center !important;
        height: 256px !important;
        display: flex;
    }

    #legalPage .header-title {
        font-family: "SeatBlack";
        font-size: 30px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.07;
        letter-spacing: normal;
        text-align: center;
        color: #ece9e1;
    }
    /* header picture banner end*/

    /* fixed width */
    #legalPage .fixed-width-container {
        max-width: 623px;
        margin: auto;
    }

    /* $$ title 1*/
    #legalPage .legal-title {
        font-size: 24px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: 28px;
        letter-spacing: normal;
        color: var(--dark);
        margin-left: 12px;
    }

    #legalPage .policy-li-title {
        margin-bottom: 24px;
        margin-top: 40px;
        vertical-align: middle;
        display: flex;
    }

    /* $$ title 2 */
    #legalPage .legal-subtitle {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 24px;
        letter-spacing: normal;
        color: var(--dark);
        font-family: "SeatMedium";
        display: block;
        margin-bottom: 16px;
        margin-top: 29px;
    }

    /* ## paragraphs */
    #legalPage .all-paragraph {
        font-family: "SeatRegular";
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: var(--copy);
    }

    #legalPage .first-level-paragraph {
        font-size: 14px;
        line-height: 22px;
    }

    #legalPage .second-level-paragraph, .cookieManagementList {
        font-size: 12px;
        line-height: 16px;
    }

    #legalPage .al-list {
        margin-left: 15px;
        font-family: "SeatRegular";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: var(--copy);
        margin-bottom: 8px;
    }

    /* ## table */
    #legalPage .scroll-table-x {
        overflow-x: auto;
    }

    #legalPage .table-bordered {
        border-radius: 2px;
        border: solid 1px rgba(25,15,20,0.4);
    }

        #legalPage .table-bordered td {
            border: none;
        }

    #legalPage .headerTitleTable {
        font-family: "SeatMedium";
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: var(--dark);
        padding-top: 16px;
        padding-bottom: 16px;
    }

    #legalPage .tableTdTitle {
        font-family: "SeatRegular";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: var(--dark);
    }

    #legalPage .tableTd {
        font-family: "SeatRegular";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: rgba(15, 15, 15, 0.6);
    }

    #legalPage tr:nth-child(2n) {
        background-color: #f9f8f6;
        border-bottom: 1px solid #e1d7cd;
        border-top: 1px solid #e1d7cd;
    }

    #legalPage .firstRowTable {
        border-bottom: 1px solid rgba(25,15,20,0.4);
    }
    /* table end */

    /* ## footer and MasterPage */
    #masterAsesor .general-footer a:hover,
    #legalPage .general-footer a:hover {
        text-decoration: none;
    }

    #masterAsesor .footerTitle,
    #legalPage .footerTitle {
        font-family: "SeatMedium";
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: #ece9e1;
    }

    #masterAsesor .footerContent,
    #legalPage .footerContent {
        font-family: "SeatRegular";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: var(--copy);
        margin-bottom: 0;
    }

    #masterAsesor .general-footer,
    #legalPage .general-footer {
        min-height: 68px;
        background-color: #2e2a2b;
        height: auto;
        position: relative;
        bottom: 0;
    }

        #masterAsesor .general-footer .container-fluid,
        #legalPage .general-footer .container-fluid {
            padding: 12px 32px 12px 32px;
        }

        #masterAsesor .general-footer a,
        #legalPage .general-footer a {
            color: white;
            vertical-align: middle;
        }

        #masterAsesor .general-footer.unique-color-dark,
        #legalPage .general-footer.unique-color-dark {
            margin-top: 30px;
            height: auto;
            position: relative;
            bottom: 0;
            background-color: #2e2a2b !important;
        }

    #masterAsesor .footer-change-order-2,
    #legalPage .footer-change-order-2 {
        display: none;
    }

@media (min-width: 768px) and (max-width: 948px) {
    #masterAsesor .general-footer .container-fluid,
    #legalPage .general-footer .container-fluid {
        height: auto;
    }
}

@media (max-width: 276px) {
    #masterAsesor .general-footer .container-fluid,
    #legalPage .general-footer .container-fluid {
        height: auto;
    }
}

/* ## Footer legales and MasterPage end */

@media (min-width: 576px) {
    #legalPage .navbar-vline-spacer {
        display: block !important;
    }
}

@media (max-width:575px) {
    #legalPage .footerDiv {
        width: 50%;
        padding-left: 0;
        padding-right: 0;
    }

    #legalPage .general-footer .container-fluid {
        padding: 12px 15px 12px 30px;
    }
}

@media (max-width: 414px) {
    #legalPage .al-navbar {
        padding: 16px 14px !important;
    }

        #legalPage .al-navbar .powered {
            margin-left: 0;
        }

        #legalPage .al-navbar .powered, .al-navbar.poweredby {
            font-size: 8px;
        }

    #legalPage .poweredby {
        margin-right: 0;
    }

    #legalPage .al-navbar .navbar-vline-spacer {
        left: 111px;
    }
}

@media only screen and (min-width: 400px) {
    #legalPage .legales-banner {
        margin: auto !important;
    }
}

@media (max-width: 288px) {
    #legalPage .al-navbar .navbar-vline-spacer {
        display: none;
    }
}

@media (max-width:363px) {
    #legalPage .footer-change-order-1 {
        display: none !important;
    }

    #legalPage .footer-change-order-2 {
        display: contents !important;
    }

    #legalPage .tricked-col {
        width: 100%
    }
}

@media (max-width: 276px) {
    #legalPage .first-line {
        display: block;
    }

        #legalPage .first-line .footerDiv {
            width: 100%;
        }
}

/* Fin legales */

/* ## Gestion envio clientes */

#gestionEnvioClientesPage .shipping-management-title-2 a[aria-expanded=false] .fa-chevron-up {
    display: none;
}

#gestionEnvioClientesPage .shipping-management-title-2 a[aria-expanded=true] .fa-chevron-down {
    display: none;
}

#gestionEnvioClientesPage #MainContent_divImgBanner {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 208px;
}

#gestionEnvioClientesPage .shipping-management-block {
    margin: 32px 0;
}

#gestionEnvioClientesPage .shipping-management-block-padding {
    padding: 32px 0 32px 115px !important
}



#gestionEnvioClientesPage .shipping-management-block-grey {
    margin: 29px 12px 0 12px;
    padding: 27px 24px 6px;
    border-radius: 2px;
    background-color: var(--jumbotron);
}

#gestionEnvioClientesPage .shipping-management-block .carousel.slide.carousel-multi-item {
    width: 100%;
}

#gestionEnvioClientesPage .shipping-management-title {
    font-family: "SeatBlack";
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: var(--dark);
    margin-bottom: 23px;
}

#gestionEnvioClientesPage .shipping-management-title-2 {
    font-family: "SeatBold"; /*cambio_css - VW*/
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
    text-align: left;
}

    #gestionEnvioClientesPage .shipping-management-title-2 a, .shipping-management-title-2 a:hover {
        color: var(--dark) !important;
        text-decoration: none;
        opacity: 1;
    }

    #gestionEnvioClientesPage .shipping-management-title-2 i {
        font-size: 16px;
    }

#gestionEnvioClientesPage .margin-0 {
    margin: 0;
}

#gestionEnvioClientesPage .padding-0 {
    padding: 0;
}

#gestionEnvioClientesPage .carousel.slide.carousel-multi-item .img-fluid {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#gestionEnvioClientesPage #videosDiv {
    margin: 20px 0 20px 0;
}

#gestionEnvioClientesPage .shipping-management-image {
    background-size: cover;
    background-position: center center;
}

#gestionEnvioClientesPage .shipping-management-paragraph,
#clasificador .shipping-management-paragraph {
    font-family: "SeatRegular";
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--dark);
}

#gestionEnvioClientesPage .shipping-management-text {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: var(--dark);
}

#gestionEnvioClientesPage .shipping-management-text-bold {
    font-weight: 500;
}

#gestionEnvioClientesPage .shipping-management-container {
    margin-bottom: 24px;
}

#gestionEnvioClientesPage .shipping-management-icon {
    display: inline-block;
}

    #gestionEnvioClientesPage .shipping-management-icon > img {
        width: 24px;
        height: 24px;
        margin-right: 24px;
    }

#gestionEnvioClientesPage .shipping-management-subtitle {
    font-family: "SeatBold"; /*cambio_css - VW*/
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--dark);
    max-width: 450px;
    width: 100%;
    display: inline-block;
    word-break: break-all;
    padding-right: 5px;
}

#gestionEnvioClientesPage .shipping-management-file-container .fa-file-pdf {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--dark);
}

#gestionEnvioClientesPage .shipping-management-file-container, .shipping-management-file-container-mobile {
    border-top: 1px solid #7f7f72;
    padding: 18px 0 14px 0;
    display: block;
}

    #gestionEnvioClientesPage .shipping-management-file-container a {
        text-decoration: underline;
        color: var(--dark) !important;
        font-family: "SeatRegular";
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
    }

#gestionEnvioClientesPage .shipping-management-file-container-mobile {
    display: none;
}

    #gestionEnvioClientesPage .shipping-management-file-container-mobile a {
        text-decoration: underline;
        font-family: "SeatBold"; /*cambio_css - VW*/
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: var(--dark) !important;
        max-width: 550px;
        width: 100%;
        display: inline-block;
    }

#gestionEnvioClientesPage #carrouselVideos img, #carrouselImagenes img, #carrouselImagenesLlamada img {
    width: 100%;
    height: auto;
    max-width: none;
    cursor: pointer;
}

#gestionEnvioClientesPage #carrouselVideos .title-img, #carrouselImagenes .title-img, #carrouselImagenesLlamada .title-img {
    font-family: "SeatMedium";
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    text-align: left;
    letter-spacing: normal;
}

#gestionEnvioClientesPage #videosDiv {
    margin: -20px 0 20px 0;
}

#gestionEnvioClientesPage #divImagenes, #divImagenesLlamada {
    margin-top: 32px;
}

#gestionEnvioClientesPage .carousel-controllers {
    margin-top: -40px;
}

#gestionEnvioClientesPage pre,
#clasificador pre {
    white-space: pre-wrap;
    word-break: break-word;
}

/* ## NUEVAS MEDIAQUERYS */

@media (max-width: 900px) {
    #gestionEnvioClientesPage .shipping-management-block-padding {
        padding: 32px 0 32px 32px !important;
    }
}

@media (max-width: 767px) {
    #gestionEnvioClientesPage #MainContent_divImgBanner {
        height: 160px;
    }

    #gestionEnvioClientesPage #contenedor-general {
        margin-top: -3px;
    }

    #gestionEnvioClientesPage .shipping-management-title {
        font-family: "SeatBold"; /*cambio_css - VW*/
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 16px;
    }

    #gestionEnvioClientesPage .shipping-management-file-container-mobile {
        display: block;
    }

    #gestionEnvioClientesPage .shipping-management-file-container {
        display: none;
    }

    #gestionEnvioClientesPage .shipping-management-text {
        font-size: 12px;
        line-height: 16px;
    }

    #gestionEnvioClientesPage .shipping-management-text-bold {
        font-weight: bold;
    }

    #gestionEnvioClientesPage .shipping-management-block-padding {
        padding: 24px !important;
    }

    #gestionEnvioClientesPage .shipping-management-icon > img {
        width: 22px;
        height: 22px;
        margin-right: 22px;
    }

    #gestionEnvioClientesPage .shipping-management-paragraph {
        font-size: 13px;
        font-weight: normal;
        line-height: 1.33;
    }

    #gestionEnvioClientesPage .vid1-dimensions {
        width: 100% !important;
        height: calc((100vw/2) * 1.34) !important;
    }

    #gestionEnvioClientesPage .contenedor-envios-datos {
        background-color: var(--jumbotron);
    }

    #gestionEnvioClientesPage #carrouselVideos .title-img {
        margin-top: 12px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.25;
        text-align: left;
    }

    #gestionEnvioClientesPage .shipping-management-block-grey {
        margin: 16px;
        padding: 18px 12px 14px 12px;
        border-radius: 2px;
        background-color: var(--jumbotron);
    }

    #gestionEnvioClientesPage .shipping-management-file-container, .shipping-management-file-container-mobile {
        margin: 0;
    }

    #gestionEnvioClientesPage .shipping-management-file-container-mobile a {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        max-width: 100%;
        display: inline-block;
    }

    #gestionEnvioClientesPage #MainContent_divImgBanner {
        margin-top: -3px;
    }
}

@media (max-width: 575px) {
    #gestionEnvioClientesPage .shipping-management-block > .row {
        margin: 0;
    }
}

@media (max-width: 500px) {
    #gestionEnvioClientesPage .shipping-management-icon > img {
        margin-right: 12px;
    }
}

@media (max-width: 400px) {
    #gestionEnvioClientesPage .shipping-management-icon > img {
        margin-right: 4px;
    }
}

/* Fin Gestion envio clientes */

/* ## Encuestas y Modales de videocomunicacion */
body.modal-open {
    padding: 0;
    height: 100%;
}

#encuestaClientePage {
    margin: 0;
}

.modal-open #encuestaClientePage .divSize {
    height: calc(100vh - 56px);
    width: 100%;
    margin: 0;
}

#encuestaClientePage .divSize {
    height: calc(100vh - 106px); /*Importante: ajustar con el tamaño final del footer*/
    width: 100%;
    margin: 0;
}

#video-mobile .btn.btn-modal-aceptar,
#video-cliente-mobile .btn.btn-modal-aceptar,
#video-desktop .btn.btn-modal-aceptar,
#video-cliente-desktop .btn.btn-modal-aceptar {
    background-color: var(--main);
}

#video-mobile .btn.btn-modal-cancelar,
#video-cliente-mobile .btn.btn-modal-cancelar,
#video-desktop .btn.btn-modal-cancelar,
#video-cliente-desktop .btn.btn-modal-cancelar {
    background-color: white;
    border: 1px solid;
    border-color: var(--main);
    color: var(--main) !important;
}

#modalEncuesta .modal-dialog,
#video-mobile .modal-dialog,
#video-cliente-mobile .modal-dialog,
#video-desktop .modal-dialog,
#video-cliente-desktop .modal-dialog {
    margin-top: 0;
    top: calc(50% - 217px);
}

#video-mobile .modal-dialog,
#video-cliente-mobile .modal-dialog,
#video-desktop .modal-dialog,
#video-cliente-desktop .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#modalEncuesta .modal-content,
#video-mobile .modal-content,
#video-cliente-mobile .modal-content,
#video-desktop .modal-content,
#video-cliente-desktop .modal-content {
    border-radius: 3px;
}

#modalEncuesta .modal-dialog,
#modalEncuesta .modal-content,
#video-mobile .modal-dialog,
#video-mobile .modal-content,
#video-cliente-mobile .modal-dialog,
#video-cliente-mobile .modal-content,
#video-desktop .modal-dialog,
#video-desktop .modal-content,
#video-cliente-desktop .modal-dialog,
#video-cliente-desktop .modal-content {
    max-width: 524px;
}

#video-mobile .modal-long .modal-dialog,
#video-mobile .modal-long .modal-content,
#video-cliente-mobile .modal-long .modal-dialog,
#video-cliente-mobile .modal-long .modal-content,
#video-desktop .modal-long .modal-dialog,
#video-desktop .modal-long .modal-content,
#video-cliente-desktop .modal-long .modal-dialog,
#video-cliente-desktop .modal-long .modal-content {
    max-width: 800px; /*cambio_css - VW*/
    width: 100%;
}

#modalEncuesta .modal-title,
#video-mobile .modal-title,
#video-cliente-mobile .modal-title,
#video-desktop .modal-title,
#video-cliente-desktop .modal-title {
    font-family: "SeatBold";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    color: var(--dark);
}

#modalEncuesta .modal-header,
#video-mobile .modal-header,
#video-cliente-mobile .modal-header,
#video-desktop .modal-header,
#video-cliente-desktop .modal-header {
    padding: 32px 0 12px 0;
}

#modalEncuesta .modal-body {
    padding: 32px 0 32px 0;
}

#modalEncuesta .modal-footer {
    padding: 24px 0 32px 0;
}

#video-mobile .modal-body,
#video-cliente-mobile .modal-body,
#video-desktop .modal-body,
#video-cliente-desktop .modal-body {
    padding: 24px 0 32px 0;
}

#video-mobile .modal-footer,
#video-cliente-mobile .modal-footer,
#video-desktop .modal-footer,
#video-cliente-desktop .modal-footer {
    padding: 0 0 32px 0;
}

#modalEncuesta #Textmodal,
#modalEncuesta #TextoPreguntas,
#video-mobile .modal-body p,
#video-cliente-mobile .modal-body p,
#video-desktop .modal-body p,
#video-cliente-desktop .modal-body p {
    font-family: "SeatMedium";
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--dark);
}

#video-mobile .modal-body p,
#video-cliente-mobile .modal-body p,
#video-desktop .modal-body p,
#video-cliente-desktop .modal-body p {
    margin-bottom: 0;
}

#modalEncuesta #PreguntaActual {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: var(--copy);
}

    #modalEncuesta #PreguntaActual .survey-pagination {
        font-family: "SeatMedium";
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: var(--dark);
    }

    #modalEncuesta #PreguntaActual .ofpages {
        font-family: "SeatRegular";
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: var(--copy);
        margin-left: 3px;
        margin-right: 3px;
    }

#modalEncuesta .btn.btn-encuesta-modal-aceptar,
#video-mobile .modal .btn,
#video-cliente-mobile .modal .btn,
#video-desktop .modal .btn,
#video-cliente-desktop .modal .btn { /*cambio_css - VW*/
    width: 296px;
    height: 40px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}



#modalEncuesta .close:not(:disabled):not(.disabled),
#video-mobile .modal .close:not(:disabled):not(.disabled),
#video-cliente-mobile .modal .close:not(:disabled):not(.disabled),
#video-desktop .modal .close:not(:disabled):not(.disabled),
#video-cliente-desktop .modal .close:not(:disabled):not(.disabled) {
    opacity: 1.0;
}

#video-mobile .modal-footer div,
#video-cliente-mobile .modal-footer div,
#video-desktop .modal-footer div,
#video-cliente-desktop .modal-footer div {
    width: 100% !important;
}

    #video-mobile .modal-footer div:first-child,
    #video-cliente-mobile .modal-footer div:first-child,
    #video-desktop .modal-footer div:first-child,
    #video-cliente-desktop .modal-footer div:first-child {
        padding-left: 0;
    }

    #video-mobile .modal-footer div:last-child,
    #video-cliente-mobile .modal-footer div:last-child,
    #video-desktop .modal-footer div:last-child,
    #video-cliente-desktop .modal-footer div:last-child {
        padding-right: 0;
    }

#encuestaClientePage #divThanks {
    margin: auto;
    padding: 0 96px 0 32px;
}

#encuestaClientePage .titleThanks {
    font-family: "SeatBlack";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    color: var(--dark);
    margin-bottom: 32px;
}

#encuestaClientePage .paragraphThanks {
    font-family: "SeatRegular";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    color: #737373;
    margin-bottom: 48px;
}

#encuestaClientePage .btn-encuesta-enlace {
    font-family: "SeatBold";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff !important;
    width: 214px;
    height: 40px;
    margin: 0;
}

#modalEncuesta #divError {
    color: red;
    margin: 0;
}

#modalEncuesta .modal-footer {
    justify-content: center;
}


@media (max-width: 767px) {

    #encuestaClientePage .divSize {
        margin-top: -3px;
    }

    #video-mobile .modal-dialog,
    #video-cliente-mobile .modal-dialog {
        top: 0;
        left: 0;
        transform: none;
    }

    #modalEncuesta .modal-dialog, #modalEncuesta .modal-content,
    #video-mobile .modal-dialog, #video-mobile .modal-content,
    #video-cliente-mobile .modal-dialog, #video-cliente-mobile .modal-content {
        max-width: 100%;
    }

        #modalEncuesta .modal-content div[class^="modal-"],
        #video-mobile .modal-content div[class^="modal-"],
        #video-cliente-mobile .modal-content div[class^="modal-"] {
            margin: 0 16px !important;
            padding: 1rem 0;
        }

    #modalEncuesta .modal-dialog,
    #video-mobile .modal-dialog,
    #video-cliente-mobile .modal-dialog {
        margin: auto;
        height: 100%;
        bottom: 0;
        left: 0;
    }

        #modalEncuesta .modal-dialog .modal-content,
        #video-mobile .modal-dialog .modal-content,
        #video-cliente-mobile .modal-dialog .modal-content {
            border-top-left-radius: 19px;
            border-top-right-radius: 19px;
            bottom: 0;
            left: 0;
            position: fixed;
        }

    #modalEncuesta .modal-title,
    #video-mobile .modal-title,
    #video-cliente-mobile .modal-title {
        font-family: 'SeatBold';
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 24px;
        letter-spacing: normal;
        color: var(--dark);
    }

    #video-mobile .modal-body,
    #video-cliente-mobile .modal-body,
    #video-desktop .modal-body,
    #video-cliente-desktop .modal-body {
        padding: 16px 0 32px 0 !important;
    }

    #video-mobile .modal-footer,
    #video-cliente-mobile .modal-footer,
    #video-desktop .modal-footer,
    #video-cliente-desktop .modal-footer {
        padding: 24px 0 32px 0;
    }

        #video-mobile .modal-footer span,
        #video-mobile .modal-footer button,
        #video-mobile .modal-footer div,
        #video-cliente-mobile .modal-footer span,
        #video-cliente-mobile .modal-footer button,
        #video-cliente-mobile .modal-footer div {
            width: 100% !important;
        }

            #video-mobile .modal-footer div button,
            #video-cliente-mobile .modal-footer div button {
                margin-bottom: 8px !important;
            }

            #video-mobile .modal-footer div:last-child button,
            #video-cliente-mobile .modal-footer div:last-child button {
                margin-bottom: 0;
            }

        #video-mobile .modal-footer div,
        #video-cliente-mobile .modal-footer div {
            padding: 0;
        }

        #modalEncuesta .btn-encuesta-modal-aceptar, /*cambio_css*/
        #video-mobile .modal .btn-modal-aceptar,
        #video-mobile .modal .btn-modal-cancelar,
        #video-mobile .modal-footer span,
        #video-cliente-mobile .modal .btn-modal-aceptar,
        #video-cliente-mobile .modal .btn-modal-cancelar,
        #video-cliente-mobile .modal-footer span {
            font-family: 'SeatBold';
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 16px;
            letter-spacing: normal;
            text-align: center;
        }

        #video-mobile .modal-footer.border-0,
        #video-cliente-mobile .modal-footer.border-0 {
            border-top: 1px solid #dee2e6 !important;
        }

    #modalEncuesta #Textmodal,
    #modalEncuesta #TextoPreguntas,
    #video-mobile .modal-body p,
    #video-cliente-mobile .modal-body p {
        font-size: 14px;
    }

    #modalEncuesta .modal-header,
    #video-mobile .modal-header,
    #video-cliente-mobile .modal-header {
        padding: 24px 0 12px 0 !important;
    }

        #modalEncuesta .modal-header .close,
        #video-mobile .modal-header .close,
        #video-cliente-mobile .modal-header .close {
            padding: 0 15px !important;
        }

    #modalEncuesta .modal-footer,
    #video-mobile .modal-footer,
    #video-cliente-mobile .modal-footer {
        padding: 16px 0 16px 0 !important;
    }

    .modal-open #encuestaClientePage #divImage {
        max-height: 100%;
    }

    #encuestaClientePage #divThanks {
        padding: 32px 16px;
    }

    #encuestaClientePage .titleThanks {
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 28px;
    }

    #encuestaClientePage .paragraphThanks {
        font-size: 14px;
        line-height: 20px;
    }

    #encuestaClientePage .btn-encuesta-enlace {
        width: 100%;
    }
}


/* Fin Encuestas */


/* ## MasterPage Nav */

#masterAsesor .switch-field label {
    font-family: 'SeatBold';
    border-width: 2px;
}

#masterAsesor .switch-field input.lblAusente:checked + label {
    background-color: var(--main);
    box-shadow: none;
    color: var(--white);
}

body#masterAsesor {
    position: relative;
    min-height: 100vh;
}

#masterAsesor .general-footer.unique-color-dark,
#legalPage .general-footer.unique-color-dark {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.whatsApp-page #masterAsesor .general-footer.unique-color-dark {
    position: fixed;
}
#masterAsesor .body-content {
    padding-bottom: 100px !important;
}

@media (max-width: 991px) {
    #masterAsesor .body-content {
        padding-bottom: 120px !important;
    }
}

@media (max-width: 400px) {
    #masterAsesor .btn-floating-crear, #masterAsesor .btn-floating-enviar, #masterAsesor .btn-floating-gestionar {
        min-width: initial;
        width: auto;
    }
}
/** Fin de MasterPage Nav **/

/* ## Plantillas */

/* $$ DISEÑO Y ESTILOS POP UP*/
.plantillas-vista .modal-backdrop {
    background-color: none;
}

.plantillas-vista .modal-confirm {
    color: #434e65;
    width: 525px;
}

    .plantillas-vista .modal-confirm .modal-content {
        padding: 20px;
        font-size: 16px;
        border-radius: 5px;
        border: none;
    }

    .plantillas-vista .modal-confirm .modal-header {
        background: #47c9a2;
        border-bottom: none;
        position: relative;
        text-align: center;
        margin: -20px -20px 0;
        border-radius: 5px 5px 0 0;
        padding: 15px;
    }

    .plantillas-vista .modal-confirm h4 {
        text-align: center;
        font-size: 20px;
        margin: 10px 0;
    }

    .plantillas-vista .modal-confirm .form-control,
    .plantillas-vista .modal-confirm .btn {
        min-height: 40px;
        border-radius: 3px;
    }

    .plantillas-vista .modal-confirm .close {
        position: absolute;
        top: 15px;
        right: 15px;
        color: var(--white);
        text-shadow: none;
        opacity: 0.5;
    }

        .plantillas-vista .modal-confirm .close:hover {
            opacity: 0.8;
        }

    .plantillas-vista .modal-confirm .icon-box {
        color: var(--white);
        width: 95px;
        height: 95px;
        display: inline-block;
        border-radius: 50%;
        z-index: 9;
        border: 5px solid var(--white);
        padding: 15px;
        text-align: center;
    }

        .plantillas-vista .modal-confirm .icon-box i {
            font-size: 64px;
            margin: -4px 0 0 -4px;
        }

    .plantillas-vista .modal-confirm.modal-dialog {
        margin-top: 80px;
    }

    .plantillas-vista .modal-confirm .btn {
        color: var(--white);
        border-radius: 4px;
        background: #eeb711;
        text-decoration: none;
        transition: all 0.4s;
        line-height: normal;
        border-radius: 30px;
        margin-top: 10px;
        padding: 6px 20px;
        border: none;
    }

        .plantillas-vista .modal-confirm .btn:hover,
        .plantillas-vista .modal-confirm .btn:focus {
            background: #eda645;
            outline: none;
        }

        .plantillas-vista .modal-confirm .btn span {
            margin: 1px 3px 0;
            float: left;
        }

.modal-confirm .btn i {
    margin-left: 1px;
    font-size: 20px;
    float: right;
}

.plantillas-header {
    padding-bottom: 24px;
}

.plantillas-vista .btn-d {
    padding-top: 8px;
    line-height: 1.5;
    height: 45px;
}

.plantillas-vista .media {
    align-items: center !important;
}

.plantillas-vista .box {
    padding: 24px;
    background: #f2f2f2;
    border-radius: 2px;
}

.boton-plantillas-nueva {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    padding: 0 16px;
    border-radius: 2px;
    font-family: SeatBold;
    font-weight: 400;
    line-height: 0;
}

.plantillas-vista .boton-plantillas-nueva-icon {
    margin-right: 8px;
}

.plantillas-vista .asunto-help-plantillas {
    padding: 8px;
}

#columna_plantillas {
    --tomato: var(--main);
    max-height: 366px;
    height: 366px;
    overflow-y: auto;
    padding: 24px 0 0 0;
}

.plantillas-vista .plantillas-textarea {
    height: 206px;
}

.plantillas-vista .card {
    box-shadow: none;
}

.plantillas-vista .card-body {
    display: flex;
    align-items: center;
    height: 44px !important;
    padding: 0 16px !important;
}

.plantillas-vista .media-body {
    display: flex;
    align-items: center;
}

.plantillas-vista .media {
    width: 100%;
}

    .plantillas-vista .media .material-icons {
        color: var(--dark) !important;
    }


/*## Cuadro de Mando */

/*botones*/
#cuadromando-botones .button {
    display: flex;
    align-items: center;
    height: 40px;
    margin-top: 24px;
}

#cuadromando-botones .cta-default {
    color: white;
}

#cuadromando-botones .button-icon {
    margin-right: 0.625rem;
    margin-bottom: 3px;
}

/*leads*/
#cuadromando-leads .numbers {
    font-size: 24px;
    font-family: SeatBlack;
}

#cuadromando-leads p.label {
    line-height: 18px;
}

#cuadromando-leads .tiempo {
    padding-left: 0;
}

#cuadromando-leads .numclientes {
    padding-right: 0;
}

@media (max-width: 767px) {
    #cuadromando-leads .numclientes {
        padding-left: 0;
    }
}

#GestionEntregaCliente #dvEstandar {
    margin-left: 1%;
}

#GestionEntregaCliente #rapida,
#GestionEntregaCliente #estandar {
    width: 100px;
    margin-right: 2px;
}

#GestionEntregaCliente #dvRapida {
    margin-left: 1%;
}

#GestionEntregaCliente #dvChcks {
    margin-left: 1%;
    margin-bottom: 1%;
}

#GestionEntregaCliente .active-pink-textarea.md-form label.active {
    color: #f48fb1;
}

#GestionEntregaCliente .pink-textarea textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #f48fb1;
    box-shadow: 0 1px 0 0 #f48fb1;
}

#GestionEntregaCliente .pink-textarea.md-form .prefix.active {
    color: #f48fb1;
}

#GestionEntregaCliente .active-pink-textarea.md-form textarea.md-textarea:focus:not([readonly]) + label {
    color: #f48fb1;
}

#GestionEntregaCliente .active-amber-textarea.md-form label.active {
    color: #7C98B3 !important;
}

#GestionEntregaCliente .amber-textarea textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #7C98B3 !important;
    box-shadow: 0 1px 0 0 #7C98B3 !important;
}

#GestionEntregaCliente .amber-textarea.md-form .prefix.active {
    color: #7C98B3 !important;
}

#GestionEntregaCliente .active-amber-textarea.md-form textarea.md-textarea:focus:not([readonly]) + label {
    color: #7C98B3 !important;
}

#GestionEntregaCliente .active-pink-textarea-2 textarea.md-textarea {
    border-bottom: 1px solid #f48fb1;
    box-shadow: 0 1px 0 0 #f48fb1;
}

#GestionEntregaCliente .active-pink-textarea-2.md-form label.active {
    color: #f48fb1;
}

#GestionEntregaCliente .active-pink-textarea-2.md-form label {
    color: #f48fb1;
}

#GestionEntregaCliente .active-pink-textarea-2.md-form .prefix {
    color: #f48fb1;
}

#GestionEntregaCliente .active-pink-textarea-2.md-form textarea.md-textarea:focus:not([readonly]) + label {
    color: #f48fb1;
}

#GestionEntregaCliente .active-amber-textarea-2 textarea.md-textarea {
    border-bottom: 1px solid #7C98B3 !important;
    box-shadow: 0 1px 0 0 #7C98B3 !important;
}

#GestionEntregaCliente .active-amber-textarea-2.md-form label.active {
    color: #7C98B3 !important;
}

#GestionEntregaCliente .active-amber-textarea-2.md-form label {
    color: #7C98B3 !important;
}

#GestionEntregaCliente .active-amber-textarea-2.md-form .prefix {
    color: #7C98B3 !important;
}

#GestionEntregaCliente .active-amber-textarea-2.md-form textarea.md-textarea:focus:not([readonly]) + label {
    color: #7C98B3 !important;
}

#GestionEntregaCliente img:focus {
    border: 1px solid red;
    filter: grayscale(80%);
}

#GestionEntregaCliente .modal-error {
    background-color: firebrick;
}

#GestionEntregaCliente .oscurecer {
    filter: grayscale(90%);
}

#GestionEntregaCliente .imgEntrega:hover {
    cursor: pointer;
}

#GestionEntregaCliente .modal-confirm {
    color: #434e65;
    width: 525px;
}

    #GestionEntregaCliente .modal-confirm .modal-content {
        padding: 20px;
        font-size: 16px;
        border-radius: 5px;
        border: none;
    }

    #GestionEntregaCliente .modal-confirm .modal-header {
        background: #47c9a2;
        border-bottom: none;
        position: relative;
        text-align: center;
        margin: -20px -20px 0;
        border-radius: 5px 5px 0 0;
        padding: 15px;
    }

    #GestionEntregaCliente .modal-confirm h4 {
        text-align: center;
        font-size: 20px;
        margin: 10px 0;
    }

    #GestionEntregaCliente .modal-confirm .form-control,
    #GestionEntregaCliente .modal-confirm .btn {
        min-height: 40px;
        border-radius: 3px;
    }

    #GestionEntregaCliente .modal-confirm .close {
        position: absolute;
        top: 15px;
        right: 15px;
        color: var(--white);
        text-shadow: none;
        opacity: 0.5;
    }

        #GestionEntregaCliente .modal-confirm .close:hover {
            opacity: 0.8;
        }

    #GestionEntregaCliente .modal-confirm .icon-box {
        color: var(--white);
        width: 95px;
        height: 95px;
        display: inline-block;
        border-radius: 50%;
        z-index: 9;
        border: 5px solid var(--white);
        padding: 15px;
        text-align: center;
    }

        #GestionEntregaCliente .modal-confirm .icon-box i {
            font-size: 64px;
            margin: -4px 0 0 -4px;
        }

    #GestionEntregaCliente .modal-confirm.modal-dialog {
        margin-top: 80px;
    }

    #GestionEntregaCliente .modal-confirm .btn {
        color: var(--white);
        border-radius: 4px;
        background: #eeb711;
        text-decoration: none;
        transition: all 0.4s;
        line-height: normal;
        border-radius: 30px;
        margin-top: 10px;
        padding: 6px 20px;
        border: none;
    }

        #GestionEntregaCliente .modal-confirm .btn:hover, .modal-confirm .btn:focus {
            background: #eda645;
            outline: none;
        }

        #GestionEntregaCliente .modal-confirm .btn span {
            margin: 1px 3px 0;
            float: left;
        }

        #GestionEntregaCliente .modal-confirm .btn i {
            margin-left: 1px;
            font-size: 20px;
            float: right;
        }

#dvEstandar {
}

@media only screen and (max-width: 991px) {
    #GestionEntregaCliente .dxbs-cbl {
        text-align: left;
    }
}


/*MASTERPAGE ASESOR*/
#masterAsesor #imgLogo {
    max-height: 45px;
    vertical-align: middle;
    padding: .5rem 0;
    margin-right: 0px;
}

#masterAsesor #navPrincipal .navbar-nav .nav-item .nav-link,
#masterAsesor #navPrincipal .navbar-nav .nav-item .dropdown-item {
    color: #ece9e1 !important;
}

#masterAsesor #navPrincipal .navbar-nav .nav-item .nav-link {
    white-space: nowrap;
}

#masterAsesor #navPrincipal .nav-item {
    margin-top: 0px;
}

.switch-field {
    padding-right: 5px;
}

/*Integrar con existente*/
#masterAsesor .switch-field label {
    margin-bottom: 0px;
    padding: 5px 14px;
}

#masterAsesor .brandContainer {
    padding: 0 9px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

#masterAsesor .vSeparator {
    border-left: 1px solid #464545;
    margin: -.1rem 1rem;
}

#masterAsesor #navbarDropdownOpcionesUsuario {
    padding-right: 0px;
    margin-top: 5px;
}

#masterAsesor #subNavPrincipal {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 32px;
}

    #masterAsesor #subNavPrincipal.oculta {
        margin-bottom: 24px;
    }

#masterAsesor .contenedor-div-floating-buttons {
    margin-top: 0;
}

#masterAsesor .contenedor-floating-buttons {
    padding-top: 0px;
}

/*Integrar con existente*/
body#masterAsesor {
    padding-top: 50px;
}

/*Integrar con existente*/
#masterAsesor .body-content {
    padding-bottom: 100px;
    /*padding-top: 32px;*/
}

/*Integrar con existente*/
.cuadromando-contenedor-botones {
    margin-top: 0;
}

#masterAsesor .navbar-expand-xl .navbar-nav .dropdown-menu {
    border: 1px solid #979797;
    top: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1;
    border-radius: 0px;
}

#masterAsesor #navPrincipal .navbar-nav .nav-item .dropdown-item {
    padding: 6px .5rem;
    line-height: 14px;
}

#masterAsesor .navbar .dropdown-menu > a:hover {
    background-color: transparent !important;
}

#masterAsesor #navPrincipal .dropdown-divider {
    display: none;
}

#masterAsesor #navPrincipal .dropdown-item .material-icons {
    font-size: 14px;
    margin-right: .5rem;
    vertical-align: bottom;
    padding: 1px;
}

#masterAsesor .navbar-expand-xl .navbar-nav .dropdown-menu::before {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #979797;
    clear: both;
    margin-left: 3%;
}

#masterAsesor .btn-floating-crear,
#masterAsesor .btn-floating-enviar,
#masterAsesor .btn-floating-gestionar {
    height: 40px;
    margin: 8px;
}

#masterAsesor .btn-floating-gestionar {
    margin-right: 0px;
}

#masterAsesor #navbarDropdownOpcionesUsuario::after {
    top: 3px;
    position: relative;
}

#masterAsesor .navbar-toggler {
    font-size: 1rem;
    padding-left: 0px;
    padding-right: 0px;
}

#masterAsesor #navbarDropdownOpcionesUsuario > span {
    font-family: "SeatRegular";
}

#footerMaster {
    padding: 10px 0 5px 0;
    background: #33302E !important;
}

.switch-field label.lblAusente {
    border-radius: 4px 0px 0px 4px;
}

#footerMaster .tcopy {
    color: #ece9e1;
}

#footerMaster .material-icons {
    vertical-align: middle;
}

#footerMaster #logoFG {
    width: 16px;
    height: 16px;
}


@media (max-width: 1199px) {
    body#masterAsesor {
        padding-top: 42px;
    }

    #masterAsesor #imgLogo {
        padding: .5rem 0 .5rem 0;
        max-height: 33px;
    }

    #masterAsesor .brandContainer {
        padding: 4px 0 4px 0;
    }

    #masterAsesor .poweredby {
        margin-right: 1rem;
    }

    #masterAsesor .contenedor-div-floating-buttons {
        margin: 0px;
    }

    #masterAsesor .btn-floating-crear,
    #masterAsesor .btn-floating-enviar,
    #masterAsesor .btn-floating-gestionar {
        padding: 9px 5px !important;
        height: 32px !important;
    }

    #masterAsesor #subNavPrincipal,
    #masterAsesor #subNavPrincipal.oculta {
        margin-bottom: 24px;
    }

    #masterAsesor #navPrincipal .nav-item {
        margin: 0;
    }

        #masterAsesor #navPrincipal .nav-item .nav-link {
            border-top: 1px solid #464545;
            padding: 16px;
        }

    #masterAsesor #navPrincipal .navbar-nav .nav-item .dropdown-item {
        padding: 1px 16px 16px 16px; /*cambio_css - VW*/
    }

    #masterAsesor .switch-field {
        padding: 6px 16px;
    }

    #masterAsesor #navPrincipal .nav-item .nav-link.dropdown-toggle::after {
        right: 16px;
        position: absolute;
        top: 22px;
    }

    #masterAsesor #navbarSupportedContent {
        /*margin: .5rem -1rem 0 -1rem;*/
        border-top: 1px solid #464545;
        /*height: 100vh;*/
    }

    #masterAsesor #navbarDropdownOpcionesUsuario {
        margin-top: 0px;
    }

    #masterAsesor .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: relative !important;
        top: 0 !important;
        border: none;
        padding: 0 !important;
        left: 0 !important;
    }

        #masterAsesor .navbar-expand-xl .navbar-nav .dropdown-menu::before {
            border: none;
        }

    #masterAsesor #navPrincipal .dropdown-item .material-icons {
        margin-right: 1rem;
        margin-left: .25rem;
    }
}

@media (max-width: 767px) {
    #masterAsesor .btn-floating-crear,
    #masterAsesor .btn-floating-enviar,
    #masterAsesor .btn-floating-gestionar {
        margin: 8px 0;
        width: auto;
    }
}

@media (max-width: 540px) {
    #masterAsesor #subNavPrincipal.oculta {
        margin-bottom: 12px;
    }

    #masterAsesor .vSeparator {
        margin: -.5rem .5rem;
    }
}

/*Otros: quitar width: auto; en SeatStyle.css línea 5146*/

/*FIN: MASTERPAGE ASESOR*/



/*CARPETA COMPARTIDA - CARPETA PERSONAL*/
#carpetaPersonal .no-padding-left {
    padding-left: 0;
}

#carpetaPersonal .black-24-dark {
    font-family: 'SeatBlack';
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: var(--dark);
}

#carpetaPersonal .col-12.col-sm-6 .regular-14-grey {
    padding-left: 0;
    font-family: 'SeatRegular';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468;
}

#carpetaPersonal .personal-folder-subtitle {
    margin-top: 32px;
}

#carpetaPersonal .personal-folder-subtitle,
#carpetaPersonal .medium-16-dark-normal {
    font-family: 'SeatMedium';
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--dark)
}

#carpetaPersonal .carpetas-contenedor-seccion {
    margin-top: 24px;
    min-height: 64px;
    padding: 0 24px 0 24px;
    display: flex;
    align-items: center;
}

#carpetaPersonal .btn.btn-block.btn-link {
    justify-content: left;
    text-align: left !important;
    padding: 0 !important;
    color: dimgrey;
    text-decoration: none;
    margin: 0;
}

#carpetaPersonal .bold-20-dark {
    width: 50%;
    margin-bottom: 0;
}

#carpetaPersonal .addButton {
    width: 50%;
}

#carpetaPersonal .añadirFileButton.btn-añadir {
    float: right;
    line-height: 24px;
    font-weight: 500;
}

#carpetaPersonal .regular-14-grey {
    line-height: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

#carpetaPersonal #etiquetasInferior {
    padding-right: 0;
}

#carpetaPersonal .lastTwoParagraphs {
    margin-top: 3px;
}

#carpetaPersonal .añadirFileButton:hover,
#carpetaPersonal .añadirFileButton2:hover,
#carpetaCompartida .añadirFileButton:hover,
#carpetaCompartida .añadirFileButton2:hover {
    cursor: pointer !important;
    opacity: 0.6;
}

#carpetaPersonal img:hover,
#carpetaCompartida img:hover {
    cursor: pointer;
}

#carpetaPersonal .fa-trash-alt:hover,
#carpetaCompartida .fa-trash-alt:hover {
    cursor: pointer;
}

#carpetaPersonal .uploadControlDropZone,
#carpetaPersonal .hidden,
#carpetaCompartida .uploadControlDropZone,
#carpetaCompartida .hidden {
    display: none;
}

#carpetaPersonal .regular-12-grey,
#carpetaCompartida .regular-12-grey {
    font-family: SeatRegular;
    font-size: 12px !important;
    line-height: 16px;
    color: var(--brown-grey);
}

#carpetaPersonal .keyWordSearcher,
#carpetaCompartida .keyWordSearcher {
    margin-top: -10px;
    padding-bottom: 24px;
}

#carpetaPersonal .dxpLite_MaterialCompact .dxp-num,
#carpetaPersonal .dxpLite_MaterialCompact .dxp-ellip,
#carpetaCompartida .dxpLite_MaterialCompact .dxp-num,
#carpetaCompartida .dxpLite_MaterialCompact .dxp-ellip {
    font-size: 14px;
    font-family: "SeatMedium";
    padding: 10px 3px 8px 3px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark) !important;
}

#carpetaPersonal .dxpLite_MaterialCompact .dxp-current,
#carpetaCompartida .dxpLite_MaterialCompact .dxp-current {
    font-weight: bold;
    background: none;
}

#carpetaPersonal .dxpLite_MaterialCompact .dxp-button.dxp-bi,
#carpetaCompartida .dxpLite_MaterialCompact .dxp-button.dxp-bi {
    padding: 10px 0px;
}

    #carpetaPersonal .dxpLite_MaterialCompact .dxp-button.dxp-bi img,
    #carpetaCompartida .dxpLite_MaterialCompact .dxp-button.dxp-bi img {
        margin: 0;
    }

#carpetaPersonal #contenedorVideo,
#carpetaCompartida #contenedorVideo {
    padding-bottom: 24px;
    padding-top: 24px;
}

#carpetaPersonal #MainContent_contenedorVideos #MainContent_ctl03 .carousel-item.active,
#carpetaCompartida #MainContent_contenedorVideos #MainContent_ctl03 .carousel-item.active {
    display: flex;
    width: 100%;
    padding: 0 14px 14px 14px;
    /*flex-wrap: wrap;*/
}

#carpetaPersonal #controlesCarrousel a,
#carpetaCompartida #controlesCarrousel a {
    color: #212529 !important;
}



#carpetaPersonal #MainContent_contenedorVideos #MainContent_ctl03 .carousel-item-left,
#carpetaCompartida #MainContent_contenedorVideos #MainContent_ctl03 .carousel-item-left,
#carpetaPersonal #MainContent_contenedorVideos #MainContent_ctl03 .carousel-item-right,
#carpetaCompartida #MainContent_contenedorVideos #MainContent_ctl03 .carousel-item-right {
    display: flex;
}


#carpetaPersonal #MainContent_lblEtiquetasInsert6,
#carpetaCompartida #MainContent_lblEtiquetasInsert6 {
    white-space: nowrap;
}

#carpetaPersonal .carousel-multi-item-2 .col-md-3 > div,
#carpetaCompartida .carousel-multi-item-2 .col-md-3 > div {
    border: 1px solid;
}

#carpetaPersonal .carousel,
#carpetaCompartida .carousel {
    background: white;
    /*padding: 20px 0 0 0;*/
    width: 100%;
}

#carpetaPersonal .no-padding-left,
#carpetaCompartida .no-padding-left {
    padding-left: 0;
}

#carpetaPersonal .black-24-dark,
#carpetaCompartida .black-24-dark {
    font-family: 'SeatBlack';
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: #190f14;
}

#carpetaPersonal #MainContent_cajonEtiquetasSuperior,
#carpetaCompartida #MainContent_cajonEtiquetasSuperior {
    padding: 0 9px 24px 9px;
    margin: 0;
}

#carpetaPersonal .col-12.col-sm-6 .regular-14-grey,
#carpetaCompartida .col-12.col-sm-6 .regular-14-grey {
    padding-left: 0;
    font-family: 'SeatRegular';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468;
}

#carpetaPersonal .personal-folder-subtitle,
#carpetaCompartida .personal-folder-subtitle {
    margin-top: 32px;
}

#carpetaPersonal .personal-folder-subtitle,
#carpetaPersonal .medium-16-dark-normal,
#carpetaCompartida .personal-folder-subtitle,
#carpetaCompartida .medium-16-dark-normal {
    font-family: 'SeatMedium';
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #190f14
}

#carpetaPersonal .carpetas-contenedor-seccion,
#carpetaCompartida .carpetas-contenedor-seccion {
    margin-top: 24px;
    min-height: 64px;
    padding: 0 24px 0 24px;
    display: flex;
    align-items: center;
    width: 100% !important;
}

#carpetaPersonal .rotate.down,
#carpetaCompartida .rotate.down {
    -webkit-transform: none;
    transform: none;
}

#carpetaPersonal .btn.btn-block.btn-link,
#carpetaCompartida .btn.btn-block.btn-link {
    justify-content: left;
    text-align: left !important;
    padding: 0px !important;
    color: dimgrey;
    text-decoration: none;
    margin: 0;
}

#carpetaPersonal .bold-20-dark,
#carpetaCompartida .bold-20-dark {
    width: 50%;
    margin-bottom: 0;
}

#carpetaPersonal .addButton,
#carpetaCompartida .addButton {
    width: 50%;
    margin-right: 4px;
}

#carpetaPersonal .añadirFileButton.btn-añadir,
#carpetaCompartida .añadirFileButton.btn-añadir {
    float: right;
    line-height: 24px;
    font-weight: 500;
}

#carpetaPersonal .regular-14-grey,
#carpetaCompartida .regular-14-grey {
    line-height: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

#carpetaPersonal #etiquetasInferior,
#carpetaCompartida #etiquetasInferior {
    padding-right: 0;
}

#carpetaPersonal .lastTwoParagraphs,
#carpetaCompartida .lastTwoParagraphs {
    margin-top: 3px;
    /*margin-left: 4px;*/
}

#carpetaPersonal #etiquetasInferior,
#carpetaCompartida #etiquetasInferior {
    padding-top: 10px;
}

/*Pestaña de imágenes*/
#carpetaPersonal #MainContent_contenedorImagenes #MainContent_ctl05,
#carpetaCompartida #MainContent_contenedorImagenes #MainContent_ctl05 {
    min-width: 98.65%;
    max-width: 98.65%;
    margin-left: 10px;
}

#carpetaPersonal #MainContent_contenedorImagenes .dxigPagerPanel_MaterialCompact:nth-child(2n), /*cambio_css*/
#carpetaPersonal .dxig-thumbnailTextArea button,
#carpetaCompartida #MainContent_contenedorImagenes .dxigPagerPanel_MaterialCompact:nth-child(2n),
#carpetaCompartida .dxig-thumbnailTextArea button {
    background: #009196;
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
    padding: 5px;
    border: none;
    margin-right: 5px;
    display: inline-block;
}

#carpetaPersonal .dxeButtonEdit_MaterialCompact td.dxic, /* nuevo_css*/
#carpetaCompartida .dxeButtonEdit_MaterialCompact td.dxic {
    padding: 0;
}

#carpetaPersonal #MainContent_contenedorImagenes .dxigPagerPanel_MaterialCompact:nth-child(3n),
#carpetaCompartida #MainContent_contenedorImagenes .dxigPagerPanel_MaterialCompact:nth-child(3n) {
    margin-top: 12px;
    margin-bottom: 24px;
}

#carpetaPersonal #MainContent_contenedorImagenes #MainContent_ASPxImageGallery1_ICell .dxigFlowItemsContainer_MaterialCompact canvas,
#carpetaCompartida #MainContent_contenedorImagenes #MainContent_ASPxImageGallery1_ICell .dxigFlowItemsContainer_MaterialCompact canvas {
    width: 100% !important;
}

#carpetaPersonal .carpetas-datos-seccion,
#carpetaCompartida .carpetas-datos-seccion {
    padding: 0 9px;
    width: 100% !important;
}

#carpetaPersonal #MainContent_ctl05 .ajustevideogaleria,
#carpetaCompartida #MainContent_ctl05 .ajustevideogaleria {
    padding-left: 0;
    padding-right: 0;
}

#carpetaPersonal #MainContent_ASPxImageGallery1,
#carpetaCompartida #MainContent_ASPxImageGallery1 {
    width: 100%;
}

#carpetaPersonal .dxigControl_MaterialCompact td.dxigCtrl,
#carpetaCompartida .dxigControl_MaterialCompact td.dxigCtrl {
    padding: 0 0;
}

#carpetaPersonal .dxigFlowItemsContainer_MaterialCompact,
#carpetaCompartida .dxigFlowItemsContainer_MaterialCompact {
    width: 100%;
    margin-left: 0px !important;
    background: white;
    margin-bottom: 5px;
}

#carpetaPersonal .dxigFlowItem_MaterialCompact.dxigItem_MaterialCompact,
#carpetaCompartida .dxigFlowItem_MaterialCompact.dxigItem_MaterialCompact {
    height: auto !important;
    width: 23% !important;
    border: 1px solid #949494;
    margin: 28px 1% 28px 1% !important;
}

#carpetaPersonal .dxig-thumbnailTextArea, /*cambio_css*/
#carpetaCompartida .dxig-thumbnailTextArea {
    background-color: white;
}


#carpetaPersonal .imageName, /*cambio_css*/
#carpetaCompartida .imageName {
    position: relative;
    width: 100%;
}

#carpetaPersonal .dxig-thumbnailTextArea > div span, /*cambio_css*/
#carpetaCompartida .dxig-thumbnailTextArea > div span {
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
}

#carpetaPersonal .dxig-thumbnailTextArea > div i, /*cambio_css*/
#carpetaCompartida .dxig-thumbnailTextArea > div i {
    color: #190f14;
    font-weight: 100;
}

#carpetaPersonal .dxig-thumbnailTextArea > div .fa-info-circle, /*cambio_css*/
#carpetaCompartida .dxig-thumbnailTextArea > div .fa-info-circle {
    font-weight: 700;
}


#carpetaPersonal .deleteButtonDiv, /*cambio_css*/
#carpetaCompartida .deleteButtonDiv {
    position: relative;
    display: inline-block;
    width: 30%;
    background: #bb1a20;
    text-align: center;
    cursor: pointer;
}

#carpetaPersonal .dxigControl_MaterialCompact .dxig-thumbnailTextArea, /*nuevo_css*/
#carpetaCompartida.dxigControl_MaterialCompact .dxig-thumbnailTextArea {
    white-space: normal;
}
/*#carpetaPersonal .dxig-thumbnailTextArea > div,
#carpetaCompartida .dxig-thumbnailTextArea > div {
    color: red;
}*/
/*Pestañas documentos y Links*/
#carpetaPersonal ul.dx.dxm-image-l,
#carpetaCompartida ul.dx.dxm-image-l {
    margin-left: 24px;
}

#carpetaPersonal .dxm-item.dxm-noSubMenu.dxct-if.dxct-il,
#carpetaCompartida .dxm-item.dxm-noSubMenu.dxct-if.dxct-il {
    background-color: var(--main);
    color: var(--dark);
    font-family: SeatMedium;
    font-size: 12px;
    box-shadow: none !important;
    border: 2px solid var(--main);
    padding: 0px 8px;
    border-radius: 2px;
    line-height: 24px;
    font-weight: 400;
}

#carpetaPersonal .dx-vam,
#carpetaCompartida .dx-vam {
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
}

#carpetaPersonal .dxeListBoxItemRow_MaterialCompact td,
#carpetaCompartida .dxeListBoxItemRow_MaterialCompact td {
    font-size: 10px;
    line-height: 16px;
}

#carpetaPersonal .dxmLite_MaterialCompact.dxm-ltr,
#carpetaCompartida .dxmLite_MaterialCompact.dxm-ltr {
    width: 70%;
    float: left;
}

#carpetaPersonal .dxgvSearchPanel_MaterialCompact,
#carpetaCompartida .dxgvSearchPanel_MaterialCompact {
    width: 28%;
    float: left;
}

#carpetaPersonal .dxgvControl_MaterialCompact .dxgvCSD,
#carpetaCompartida .dxgvControl_MaterialCompact .dxgvCSD {
    /*border: none;*/
    box-shadow: none;
}

#carpetaPersonal .dxgvHeader_MaterialCompact,
#carpetaCompartida .dxgvHeader_MaterialCompact {
    border: none;
    border-bottom: 1px solid rgba(25, 15, 20, .4);
    padding-left: 24px;
}

#carpetaPersonal .dx-ellipsis,
#carpetaCompartida .dx-ellipsis {
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
}

#carpetaPersonal .dxgvFilterBar_MaterialCompact,
#carpetaCompartida .dxgvFilterBar_MaterialCompact {
    box-shadow: none;
    border-radius: 0;
    border: none;
    padding-bottom: 24px;
    margin-top: 0;
}

#carpetaPersonal .dxgvCSD,
#carpetaCompartida .dxgvCSD {
    border: 1px solid rgba(25, 15, 20, .4);
}

#carpetaPersonal .dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact,
#carpetaPersonal .dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact input,
#carpetaCompartida .dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact,
#carpetaCompartida .dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact input {
    background-color: white;
}

#carpetaPersonal #MainContent_gridArchivos_DXMainTable,
#carpetaPersonal #MainContent_ASPxGridView1_DXMainTable,
#carpetaCompartida #MainContent_gridArchivos_DXMainTable,
#carpetaCompartida #MainContent_ASPxGridView1_DXMainTable {
    min-width: 100%;
}

#carpetaPersonal #MainContent_gridArchivos_DXFilterBar,
#carpetaPersonal #MainContent_ASPxGridView1_DXFilterBar,
#carpetaCompartida #MainContent_gridArchivos_DXFilterBar,
#carpetaCompartida #MainContent_ASPxGridView1_DXFilterBar {
    padding-top: 16px;
    display: flex;
    justify-content: flex-end;
    background: #F2F2F2;
}

    #carpetaPersonal #MainContent_gridArchivos_DXFilterBar > tbody,
    #carpetaPersonal #MainContent_ASPxGridView1_DXFilterBar > tbody,
    #carpetaCompartida #MainContent_gridArchivos_DXFilterBar > tbody,
    #carpetaCompartida #MainContent_ASPxGridView1_DXFilterBar > tbody {
        background-color: #F2F2F2 !important;
        color: var(--main) !important;
        border: 2px solid var(--main) !important;
        border-radius: 2px;
        width: 20%;
        display: flex;
        justify-content: center;
    }

#carpetaPersonal .dxgvFilterBar_MaterialCompact > tbody > tr > td,
#carpetaCompartida .dxgvFilterBar_MaterialCompact > tbody > tr > td {
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: 'SeatBold';
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: #ea5d1a;
}

#carpetaPersonal #MainContent_gridArchivos_DXFilterBar > tbody .dxgvFilterBarImageCell_MaterialCompact,
#carpetaPersonal #MainContent_ASPxGridView1_DXFilterBar > tbody .dxgvFilterBarImageCell_MaterialCompact,
#carpetaCompartida #MainContent_gridArchivos_DXFilterBar > tbody .dxgvFilterBarImageCell_MaterialCompact,
#carpetaCompartida #MainContent_ASPxGridView1_DXFilterBar > tbody .dxgvFilterBarImageCell_MaterialCompact {
    display: none;
}


#carpetaPersonal .dxgvRBB .dxgvEmptyDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaPersonal .dxgvRBB .dxgvDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaPersonal .dxgvRBB .dxgvGroupRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaPersonal .dxgvBECPSD .dxgvDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaCompartida .dxgvRBB .dxgvEmptyDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaCompartida .dxgvRBB .dxgvDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaCompartida .dxgvRBB .dxgvGroupRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaCompartida .dxgvBECPSD .dxgvDataRow_MaterialCompact.dxgvLVR > td.dxgv {
    border-bottom-width: 0 !important;
}

#carpetaPersonal #MainContent_ASPxGridView1_DXFilterRow,
#carpetaPersonal #MainContent_gridArchivos_DXFilterRow,
#carpetaPersonal .dxp-right,
#carpetaCompartida #MainContent_ASPxGridView1_DXFilterRow,
#carpetaCompartida #MainContent_gridArchivos_DXFilterRow,
#carpetaCompartida .dxp-right {
    display: none;
}

#carpetaPersonal .dx-ellipsis,
#carpetaCompartida .dx-ellipsis {
    text-align: center;
}

    #carpetaPersonal .dx-ellipsis button,
    #carpetaCompartida .dx-ellipsis button {
        background: #009196;
        font-family: 'SeatMedium';
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: #190f14;
        padding: 5px;
    }

#carpetaPersonal .dxgv.dx-ellipsis,
#carpetaCompartida .dxgv.dx-ellipsis {
    font-family: 'SeatRegular';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #747468;
}

    #carpetaPersonal .dxgv.dx-ellipsis .dxeHyperlink_MaterialCompact,
    #carpetaCompartida .dxgv.dx-ellipsis .dxeHyperlink_MaterialCompact {
        color: #190f14 !important;
        font-family: 'SeatRegular';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
    }

/*Cambios a controlar*/
#carpetaPersonal .dxgvFooter_MaterialCompact,
#carpetaCompartida .dxgvFooter_MaterialCompact { /* Vigilar este cambio dentro de documentos*/
    display: none;
}

#carpetaPersonal .dxgvFilterBar_MaterialCompact > tbody > tr > td,
#carpetaCompartida .dxgvFilterBar_MaterialCompact > tbody > tr > td {
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: 'SeatBold';
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: #ea5d1a;
}

#carpetaCompartida #MainContent_lblEtiqueta6,
#carpetaPersonal #MainContent_lblEtiqueta6 {
    white-space: nowrap;
}


/********************/
/*Fin de Pestaña documentos y Links*/

#carpetaPersonal .lblEtiquetasInsert,
#carpetaPersonal #MainContent_cajonEtiquetasSuperior span,
#carpetaCompartida .lblEtiquetasInsert,
#carpetaCompartida #MainContent_cajonEtiquetasSuperior span {
    font-family: SeatMedium;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
}

#carpetaPersonal .dxeListBox_MaterialCompact,
#carpetaCompartida .dxeListBox_MaterialCompact {
    margin-top: 8px;
}

#carpetaPersonal .selectionList,
#carpetaCompartida .selectionList {
    height: 200px;
}

#carpetaPersonal #MainContent_lbGuardadoMarca_D,
#carpetaCompartida #MainContent_lbGuardadoMarca_D {
    height: 151px !important;
}

#carpetaPersonal #MainContent_panelEtiquetas,
#carpetaCompartida #MainContent_panelEtiquetas {
    padding: 24px 0;
}

#carpetaPersonal .no-lateral-padding,
#carpetaCompartida .no-lateral-padding {
    padding-right: 0;
    padding-left: 0;
}

#carpetaPersonal .no-padding-right,
#carpetaPersonap .no-padding-righ {
    padding-right: 0;
}

#carpetaPersonal .uploaderSection,
#carpetaCompartida .uploaderSection {
    margin-top: 24px;
    margin-bottom: 0;
    padding: 24px;
}

#carpetaPersonal .dropZoneExternal,
#carpetaCompartida .dropZoneExternal {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none !important;
}

#carpetaPersonal .downladIcon,
#carpetaCompartida .downladIcon {
    padding-bottom: 25px;
    display: block;
    text-align: center;
}

#carpetaPersonal #dragZone,
#carpetaCompartida #dragZone {
    cursor: pointer;
}

#carpetaPersonal .dragZoneText,
#carpetaCompartida .dragZoneText {
    display: block;
    font-family: 'SeatMedium';
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #190f14;
}

#carpetaPersonal #MainContent_ctl01 > .row .col-lg-7.col-md-7.col-sm-5.col-xs-12,
#carpetaCompartida #MainContent_ctl01 > .row .col-lg-7.col-md-7.col-sm-5.col-xs-12 {
    margin-top: 0;
    display: grid;
    align-items: flex-end;
}

#carpetaPersonal input,
#carpetaCompartida input {
    font-family: 'SeatMedium' !important;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468
}

#carpetaPersonal .ajustemovil > .listbox > * > * > * > td,
#carpetaCompartida .ajustemovil > .listbox > * > * > * > td {
    min-height: inherit;
    min-width: inherit;
}

#carpetaPersonal #controlesCarrousel a,
#carpetaCompartida #controlesCarrousel a {
    color: #212529 !important;
}

#carpetaPersonal #MainContent_UploadControl_FI0 {
    display: none;
}

#carpetaPersonal .uploadContainer {
    margin-top: 0;
}

#carpetaCompartida .carousel-item.active,
#carpetaPersonal .carousel-item.active {
    display: flex;
    flex-wrap: wrap;
}

/*MediasQuerys*/
@media (min-width: 768px) {
    #carpetaPersonal .carousel-multi-item-2 .col-md-3,
    #carpetaCompartida .carousel-multi-item-2 .col-md-3 {
        float: left;
        width: 25%;
        max-width: 100%;
    }
}

@media (max-width: 1199px) {

    #carpetaPersonal .ajustemovil > .listbox,
    #carpetaCompartida .ajustemovil > .listbox {
        font-size: small;
        text-align: center;
        margin: 15px 0;
    }

    #carpetaPersonal .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(4),
    #carpetaCompartida .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(4) {
        padding-right: 0;
    }

    #carpetaPersonal .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(5),
    #carpetaCompartida .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(5) {
        padding-left: 0;
    }

    #carpetaPersonal #MainContent_cajonEtiquetasSuperior .listbox-margin-top:nth-child(6),
    #carpetaPersonal #MainContent_cajonEtiquetasSuperior .listbox-margin-top:nth-child(7),
    #carpetaPersonal #MainContent_cajonEtiquetasSuperior .listbox-margin-top:nth-child(8),
    #carpetaPersonal #MainContent_panelEtiquetas .listbox-margin-top:nth-child(5),
    #carpetaPersonal #MainContent_panelEtiquetas .listbox-margin-top:nth-child(6),
    #carpetaPersonal #MainContent_panelEtiquetas .listbox-margin-top:nth-child(7),
    #carpetaCompartida #MainContent_cajonEtiquetasSuperior .listbox-margin-top:nth-child(6),
    #carpetaCompartida #MainContent_cajonEtiquetasSuperior .listbox-margin-top:nth-child(7),
    #carpetaCompartida #MainContent_cajonEtiquetasSuperior .listbox-margin-top:nth-child(8),
    #carpetaCompartida #MainContent_panelEtiquetas .listbox-margin-top:nth-child(5),
    #carpetaCompartida #MainContent_panelEtiquetas .listbox-margin-top:nth-child(6),
    #carpetaCompartida #MainContent_panelEtiquetas .listbox-margin-top:nth-child(7) {
        margin-top: 50px;
    }

    #carpetaPersonal #MainContent_panelEtiquetas .listbox-margin-top:nth-child(4),
    #carpetaCompartida #MainContent_panelEtiquetas .listbox-margin-top:nth-child(4) {
        padding-right: 0;
    }

    #carpetaPersonal #MainContent_panelEtiquetas .listbox-margin-top:nth-child(5),
    #carpetaCompartida #MainContent_panelEtiquetas .listbox-margin-top:nth-child(5) {
        padding-left: 0;
    }

    #carpetaPersonal #MainContent_ctl01,
    #carpetaCompartida #MainContent_ctl01 {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {

    #carpetaPersonal .carousel-multi-item-2 .col-md-3,
    #carpetaCompartida .carousel-multi-item-2 .col-md-3 {
        width: 100%;
        padding: 10px;
        margin-bottom: 0 !important;
    }

    #carpetaPersonal .col-12.col-md-4.col-lg-4.col-xl-2.listbox.selectionList.listbox-margin-top.no-padding-left,
    #carpetaCompartida .col-12.col-md-4.col-lg-4.col-xl-2.listbox.selectionList.listbox-margin-top.no-padding-left {
        margin-top: 0;
    }

    #carpetaPersonal #MainContent_cajonEtiquetasSuperior,
    #carpetaCompartida #MainContent_cajonEtiquetasSuperior {
        padding: 24px;
    }

    #carpetaPersonal .applyFiltersText,
    #carpetaCompartida .applyFiltersText {
        padding-left: 0;
    }

    #carpetaPersonal .keyWordSearcher,
    #carpetaCompartida .keyWordSearcher {
        padding-left: 0;
        margin-top: 5px;
        padding-bottom: 0px;
        margin-bottom: -20px
    }

    #carpetaPersonal .listbox-margin-top,
    #carpetaCompartida .listbox-margin-top {
        margin-top: 50px;
        padding-right: 0;
        padding-left: 0;
    }


    #carpetaPersonal .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(4),
    #carpetaCompartida .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(4) {
        padding-right: 15px;
        padding-left: 0
    }

    #carpetaPersonal .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(3),
    #carpetaPersonal .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(5),
    #carpetaCompartida .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(3),
    #carpetaCompartida .col-12.row.mx-auto.ajustemovil.no-lateral-padding .col-6.col-md-4.col-lg-4.col-xl-2.listbox.selectionList:nth-child(5) {
        padding-left: 15px;
        padding-right: 0;
    }

    #carpetaPersonal #MainContent_ctl01,
    #carpetaCompartida #MainContent_ctl01 {
        margin-top: 30px;
    }

    #carpetaPersonal #MainContent_panelEtiquetas .listbox-margin-top:nth-child(6),
    #carpetaCompartida #MainContent_panelEtiquetas .listbox-margin-top:nth-child(6) {
        padding-left: 0;
    }
}

@media (max-width: 600px) {
    #carpetaPersonal,
    #carpetaCompartida {
        margin-top: 24px;
    }

        #carpetaPersonal .black-24-dark,
        #carpetaCompartida .black-24-dark {
            font-family: 'SeatBlack';
            font-size: 20px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 24px;
            letter-spacing: normal;
            color: #190f14;
        }

        #carpetaPersonal .regular-14-grey,
        #carpetaCompartida .regular-14-grey {
            font-size: 12px;
            line-height: 16px;
            color: #747468;
        }

        #carpetaPersonal .medium-16-dark-normal,
        #carpetaCompartida .medium-16-dark-normal {
            font-size: 14px !important;
            line-height: 16px !important;
        }

        #carpetaPersonal .listbox.listbox-margin-top,
        #carpetaCompartida .listbox.listbox-margin-top {
            margin-top: 50px;
        }

            #carpetaPersonal .listbox.listbox-margin-top:nth-child(2),
            #carpetaCompartida .listbox.listbox-margin-top:nth-child(2) {
                margin-top: 10px;
            }

        #carpetaPersonal .bold-20-dark,
        #carpetaCompartida .bold-20-dark {
            font-size: 16px;
            line-height: 20px;
        }

        #carpetaPersonal .añadirFileButton.btn-añadir,
        #carpetaPersonal .añadirFileButton2.btn-añadir,
        #carpetaCompartida .añadirFileButton.btn-añadir,
        #carpetaCompartida .añadirFileButton2.btn-añadir {
            line-height: 16px;
            display: inline-flex;
        }

        #carpetaPersonal #MainContent_ctl07 .col-12.mx-auto,
        #carpetaPersonal #MainContent_ctl09 .col-12.mx-auto,
        #carpetaCompartida #MainContent_ctl07 .col-12.mx-auto,
        #carpetaCompartida #MainContent_ctl09 .col-12.mx-auto {
            padding-left: 10px;
        }

        #carpetaPersonal #MainContent_ctl07 .dxgvControl_MaterialCompact.table-responsive.dxgv,
        #carpetaPersonal #MainContent_ctl09 .dxgvControl_MaterialCompact.table-responsive.dxgv,
        #carpetaCompartida #MainContent_ctl07 .dxgvControl_MaterialCompact.table-responsive.dxgv,
        #carpetaCompartida #MainContent_ctl09 .dxgvControl_MaterialCompact.table-responsive.dxgv {
            width: 100% !important;
        }

        #carpetaPersonal .dx-ellipsis,
        #carpetaCompartida .dx-ellipsis {
            font-family: 'SeatBold';
            font-size: 10px;
            font-weight: 400;
            line-height: 20px;
        }

        #carpetaPersonal .dxgvCSD.dxTouchNativeScrollHandle,
        #carpetaCompartida .dxgvCSD.dxTouchNativeScrollHandle {
            overflow: scroll !important;
            overflow-y: hidden !important;
            width: 694px;
            padding: 0;
        }

        #carpetaPersonal #MainContent_cajonEtiquetasInferior,
        #carpetaCompartida #MainContent_cajonEtiquetasInferior {
            margin-top: 16px;
        }

            #carpetaPersonal #MainContent_cajonEtiquetasInferior .row .col-12.col-md-7.regular-12-grey,
            #carpetaCompartida #MainContent_cajonEtiquetasInferior .row .col-12.col-md-7.regular-12-grey {
                padding-top: 16px;
                padding-bottom: 16px;
            }

        #carpetaPersonal #MainContent_panelEtiquetas,
        #carpetaCompartida #MainContent_panelEtiquetas {
            padding: 0 0 16px 0;
        }

            #carpetaPersonal #MainContent_panelEtiquetas .listbox.listbox-margin-top,
            #carpetaCompartida #MainContent_panelEtiquetas .listbox.listbox-margin-top {
                margin-top: 50px;
                padding-left: 0;
                padding-right: 0;
            }

                #carpetaPersonal #MainContent_panelEtiquetas .listbox.listbox-margin-top:nth-child(2),
                #carpetaCompartida #MainContent_panelEtiquetas .listbox.listbox-margin-top:nth-child(2) {
                    margin-top: 30px;
                }

        #carpetaPersonal .lblEtiquetasInsert,
        #carpetaCompartida .lblEtiquetasInsert {
            font-size: 12px;
        }

        #carpetaPersonal #MainContent_cajonEtiquetasSuperior span,
        #carpetaCompartida #MainContent_cajonEtiquetasSuperior span {
            font-size: 12px;
            font-family: SeatMedium;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 16px;
        }

        #carpetaPersonal #MainContent_gridArchivos_DXFilterBar,
        #carpetaPersonal #MainContent_ASPxGridView1_DXFilterBar,
        #carpetaCompartida #MainContent_gridArchivos_DXFilterBar,
        #carpetaCompartida #MainContent_ASPxGridView1_DXFilterBar {
            padding-left: 15px;
            padding-right: 20px;
            margin-top: 0;
            padding-bottom: 16px;
        }

            #carpetaPersonal #MainContent_gridArchivos_DXFilterBar > tbody,
            #carpetaPersonal #MainContent_ASPxGridView1_DXFilterBar > tbody,
            #carpetaCompartida #MainContent_gridArchivos_DXFilterBar > tbody,
            #carpetaCompartida #MainContent_ASPxGridView1_DXFilterBar > tbody {
                width: 100%;
                display: flex;
                justify-content: center;
            }

        #carpetaPersonal .dxm-ltr:not(.dxm-side-menu-mode) .dxm-onlyIcons .dxm-item:not(.dxm-ami) span.dx-vam:last-child,
        #carpetaCompartida .dxm-ltr:not(.dxm-side-menu-mode) .dxm-onlyIcons .dxm-item:not(.dxm-ami) span.dx-vam:last-child {
            display: inline !important;
        }

        #carpetaPersonal #MainContent_contenedorDocumentos #MainContent_gridArchivos_DXCTMenu0_DXI0_,
        #carpetaPersonal #MainContent_ASPxGridView1_DXCTMenu0_DXI0_,
        #carpetaCompartida #MainContent_contenedorDocumentos #MainContent_gridArchivos_DXCTMenu0_DXI0_,
        #carpetaCompartida #MainContent_ASPxGridView1_DXCTMenu0_DXI0_ {
            width: 50%;
            margin-top: 10px;
            margin-left: 15px;
            height: 24px;
            min-width: auto;
            list-style-type: none;
        }

        #carpetaPersonal #MainContent_gridArchivos_DXCTMenu0_DXI0_T,
        #carpetaPersonal #MainContent_ASPxGridView1_DXCTMenu0_DXI0_T,
        #carpetaCompartida #MainContent_gridArchivos_DXCTMenu0_DXI0_T,
        #carpetaCompartida #MainContent_ASPxGridView1_DXCTMenu0_DXI0_T {
            display: flex;
            margin-top: 3px;
            justify-content: center;
        }

        #carpetaPersonal .dxmLite_MaterialCompact.dxm-ltr,
        #carpetaCompartida .dxmLite_MaterialCompact.dxm-ltr {
            display: none;
        }

        #carpetaPersonal .dxgvSearchPanel_MaterialCompact,
        #carpetaCompartida .dxgvSearchPanel_MaterialCompact {
            width: 100%;
            float: left;
        }

        #carpetaPersonal .dxgvSearchPanel_MaterialCompact,
        #carpetaCompartida .dxgvSearchPanel_MaterialCompact {
            padding: 10px;
        }

        #carpetaPersonal .dxGridView_CTExportXlsx_MaterialCompact.dxm-image.dx-vam,
        #carpetaCompartida .dxGridView_CTExportXlsx_MaterialCompact.dxm-image.dx-vam {
            margin-right: 10px;
        }

        #carpetaPersonal #MainContent_gridArchivos_DXMainTable,
        #carpetaPersonal #MainContent_ASPxGridView1_DXMainTable,
        #carpetaCompartida #MainContent_gridArchivos_DXMainTable,
        #carpetaCompartida #MainContent_ASPxGridView1_DXMainTable {
            min-width: 143%;
        }

        #carpetaPersonal #etiquetasInferior #headingTwo,
        #carpetaCompartida #etiquetasInferior #headingTwo {
            padding-bottom: 10px;
        }

        #carpetaPersonal .dxgv.dx-ellipsis .dxeHyperlink_MaterialCompact,
        #carpetaPersonal .dxgv.dx-ellipsis,
        #carpetaCompartida .dxgv.dx-ellipsis .dxeHyperlink_MaterialCompact,
        #carpetaCompartida .dxgv.dx-ellipsis {
            font-size: 10px;
        }

        #carpetaPersonal .dx-ellipsis button,
        #carpetaCompartida .dx-ellipsis button {
            font-size: 10px;
        }

        #carpetaPersonal .uploaderSection,
        #carpetaCompartida .uploaderSection {
            padding: 12px;
        }

        #carpetaPersonal #MainContent_ctl03 .carousel-inner .carousel-item.active .card-body .row .col-10,
        #carpetaPersonal .imageName,
        #carpetaCompartida #MainContent_ctl03 .carousel-inner .carousel-item.active .card-body .row .col-10,
        #carpetaCompartida .imageName {
            font-size: 13px !important;
            line-height: 20px !important;
        }
}

@media (max-width: 399px) {

    #carpetaPersonal #MainContent_cajonEtiquetasSuperior,
    #carpetaPersonal #MainContent_cajonEtiquetasInferior,
    #carpetaCompartida #MainContent_cajonEtiquetasSuperior,
    #carpetaCompartida #MainContent_cajonEtiquetasInferior {
        padding: 24px !important;
    }

        #carpetaPersonal #MainContent_cajonEtiquetasInferior #MainContent_panelEtiquetas .col-12.col-md-4.col-lg-4.col-xl-2.listbox.selectionList.no-padding-right.listbox-margin-top,
        #carpetaCompartida #MainContent_cajonEtiquetasInferior #MainContent_panelEtiquetas .col-12.col-md-4.col-lg-4.col-xl-2.listbox.selectionList.no-padding-right.listbox-margin-top {
            margin-bottom: 30px;
        }

    #carpetaPersonal .dropZoneExternal,
    #carpetaCompartida .dropZoneExternal {
        min-width: 0;
    }

    #carpetaPersonal .uploadContainer,
    #carpetaCompartida .uploadContainer {
        margin-bottom: 0;
        min-width: 0;
        padding-bottom: 0;
    }

    #carpetaPersonal .card-body .row,
    #carpetaCompartida .card-body .row {
        width: 100%;
        margin: auto;
    }

    #carpetaPersonal .añadirFileButton.btn-añadir,
    #carpetaCompartida .añadirFileButton.btn-añadir {
        padding: 2px 2px;
    }

    #carpetaPersonal #MainContent_cajonEtiquetasInferior .row .col-12.col-md-7.regular-12-grey,
    #carpetaCompartida #MainContent_cajonEtiquetasInferior .row .col-12.col-md-7.regular-12-grey {
        padding-top: 0;
    }
}

#carpetaPersonal .dxeListBoxFilter_MaterialCompact,
#carpetaPersonal .dxeListBox_MaterialCompact .dxeListBoxFilter_MaterialCompact .dxeButtonEditSys,
#carpetaCompartida .dxeListBoxFilter_MaterialCompact,
#carpetaCompartida .dxeListBox_MaterialCompact .dxeListBoxFilter_MaterialCompact .dxeButtonEditSys {
    background-color: white;
    display: grid;
}

#carpetaPersonal .bold-20-dark {
    width: 50%;
    margin-bottom: 0;
}

#carpetaCompartida .bold-20-dark {
    width: 100%;
    margin-bottom: 0;
}

#carpetaPersonal .dxeListBoxFilter_MaterialCompact tr,
#carpetaCompartida .dxeListBoxFilter_MaterialCompact tr {
    display: flex;
    flex-wrap: nowrap;
}

    #carpetaPersonal .dxeListBoxFilter_MaterialCompact tr td:first-child,
    #carpetaCompartida .dxeListBoxFilter_MaterialCompact tr td:first-child {
        order: 3;
    }

#carpetaPersonal .dxeListBoxFilter_MaterialCompact td.dxic input,
#carpetaCompartida .dxeListBoxFilter_MaterialCompact td.dxic input {
    font-family: 'SeatRegular' !important;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468;
    background-color: white;
}

#carpetaPersonal .carousel-multi-item-2 .col-md-3 > div,
#carpetaCompartida .carousel-multi-item-2 .col-md-3 > div {
    border: 1px solid #949494;
    height: 100%;
}

/*videos*/
#carpetaPersonal #MainContent_ctl03 .carousel-inner .carousel-item.active .card-body .row .col-10,
#carpetaPersonal .imageName,
#carpetaCompartida #MainContent_ctl03 .carousel-inner .carousel-item.active .card-body .row .col-10,
#carpetaCompartida .imageName {
    font-family: 'SeatMedium';
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14 !important;
}

#carpetaPersonal .videoLabelsRow,
#carpetaCompartida .videoLabelsRow {
    width: 100%;
    margin-left: 0px;
}

#carpetaPersonal .videoLabelsButton,
#carpetaCompartida .videoLabelsButton {
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

    #carpetaPersonal .videoLabelsButton > button > i,
    #carpetaCompartida .videoLabelsButton > button > i {
        margin-right: 0;
    }

#carpetaPersonal .videoLabelsSelected,
#carpetaCompartida .videoLabelsSelected {
    padding-left: 15px;
}

#carpetaPersonal #btnMetaDatos > i,
#carpetaCompartida #btnMetaDatos > i {
    margin-right: 0;
}

#carpetaPersonal .videoLabelsSelected > span,
#carpetaCompartida .videoLabelsSelected > span {
    margin-left: 0 !important;
}

#carpetaPersonal .videoLabelsRow .dxeButton.dxeButtonEditButton_MaterialCompact,
#carpetaCompartida .videoLabelsRow .dxeButton.dxeButtonEditButton_MaterialCompact {
    display: flex;
}

/*FIN VIDEOS*/

#carpetaPersonal ul.dx.dxm-image-l .dxm-content.dxm-hasText,
#carpetaCompartida ul.dx.dxm-image-l .dxm-content.dxm-hasText {
    display: flex;
    flex-wrap: nowrap;
}

    #carpetaPersonal ul.dx.dxm-image-l .dxm-content.dxm-hasText img,
    #carpetaCompartida ul.dx.dxm-image-l .dxm-content.dxm-hasText img {
        order: 2;
        margin: 0 0 0 8px;
        color: #190f14;
        filter: brightness(0%);
        content: url(../Imagenes/default/iconos/download_icon_white.png);
        background: none;
        margin-top: 1px;
    }

/*TABLAS*/

#carpetaPersonal .dxgvControl_MaterialCompact .dxgvCSD,
#carpetaCompartida .dxgvControl_MaterialCompact .dxgvCSD {
    /*border: none;*/
    box-shadow: none;
}

#carpetaPersonal .dxgvCSD,
#carpetaCompartida .dxgvCSD {
    /*padding:0 24px;*/
    border: 1px solid rgba(25, 15, 20, .4);
}


#carpetaPersonal .dxgvRBB .dxgvEmptyDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaPersonal .dxgvRBB .dxgvDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaPersonal .dxgvRBB .dxgvGroupRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaPersonal .dxgvBECPSD .dxgvDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaCompartida .dxgvRBB .dxgvEmptyDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaCompartida .dxgvRBB .dxgvDataRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaCompartida .dxgvRBB .dxgvGroupRow_MaterialCompact.dxgvLVR > td.dxgv,
#carpetaCompartida .dxgvBECPSD .dxgvDataRow_MaterialCompact.dxgvLVR > td.dxgv {
    /*border: none !important;*/
    border-bottom-width: 0 !important;
}


/*#carpetaPersonal .dxgvFilterBar_MaterialCompact,
#carpetaCompartida .dxgvFilterBar_MaterialCompact {
    margin-top: 0;
}*/



#carpetaPersonal #MainContent_gridArchivos_DXMainTable tr:nth-child(odd),
#carpetaPersonal #MainContent_ASPxGridView1_DXMainTable tr:nth-child(odd),
#carpetaCompartida #MainContent_gridArchivos_DXMainTable tr:nth-child(odd),
#carpetaCompartida #MainContent_ASPxGridView1_DXMainTable tr:nth-child(odd) {
    background-color: #f9f8f6;
}

#carpetaPersonal #MainContent_gridArchivos_DXMainTable tr:nth-child(1),
#carpetaPersonal #MainContent_ASPxGridView1_DXMainTable tr:nth-child(1),
#carpetaCompartida #MainContent_gridArchivos_DXMainTable tr:nth-child(1),
#carpetaCompartida #MainContent_ASPxGridView1_DXMainTable tr:nth-child(1) {
    background-color: #fff;
}

#carpetaPersonal #MainContent_gridArchivos_DXFilterBar tr.dxgv,
#carpetaPersonal #MainContent_ASPxGridView1_DXFilterBar tr.dxgv,
#carpetaCompartida #MainContent_gridArchivos_DXFilterBar tr.dxgv,
#carpetaCompartida #MainContent_ASPxGridView1_DXFilterBar tr.dxgv {
    padding: 11px 16px 13px;
}

    #carpetaPersonal #MainContent_gridArchivos_DXFilterBar tr.dxgv > td > a,
    #carpetaPersonal #MainContent_ASPxGridView1_DXFilterBar tr.dxgv > td > a,
    #carpetaCompartida #MainContent_gridArchivos_DXFilterBar tr.dxgv > td > a,
    #carpetaCompartida #MainContent_ASPxGridView1_DXFilterBar tr.dxgv > td > a {
        font-family: "SeatBold";
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        text-align: center;
        color: #ea5d1a;
    }

#carpetaPersonal .dxgvEditForm_MaterialCompact > td.dxgv {
    padding: 0;
}

#carpetaPersonal #iconoFlechaFiltro,
#carpetaPersonal #iconoFlechaVideos,
#carpetaPersonal #iconoFlechaImagenes,
#carpetaPersonal #iconoFlechaDocumentos,
#carpetaPersonal #iconoFlechaLinks {
    width: 49.5%;
    text-align: right;
}

#carpetaPersonal #MainContent_ctl06,
#carpetaCompartida #MainContent_ctl06 {
    width: 100%;
}



/*FIN: CARPETA COMPARTIDA - CARPETA PERSONAL*/
/***-------  Estilos pantallas videocomunicacion que contengan colores o fuentes    ----------------**/
/*---------  Videocomunicacion_cliente_d  --------------------*/
#video-cliente-desktop .btn-success {
    padding: 10px 20px 10px 20px;
    border-radius: 2px;
    color: white;
    background-color: #06a767 !important;
    border-color: #06a767 !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0;
}

#video-cliente-desktop .btn-danger {
    padding: 10px 20px 10px 20px;
    border-radius: 2px;
    color: white;
    background-color: #bb1a20 !important;
    border-color: #bb1a20 !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0;
}

#video-cliente-desktop .fa-2x {
    font-size: 1.5em !important;
}


#video-cliente-desktop .navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

#video-cliente-desktop .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

#video-cliente-desktop .card-header {
    color: white;
    font-family: SeatMedium;
    font-size: 16px;
    background-color: var(--purplish-brown);
}

#video-cliente-desktop .sent_msg p {
    background: #ffffff none repeat scroll 0 0 !important;
    border-radius: 3px;
    font-family: SeatRegular !important;
    font-size: 12px !important;
    margin: 0;
    color: #747468 !important;
    padding: 10px !important;
    width: 100%;
}

#video-cliente-desktop .received_withd_msg p {
    background: var(--purplish-brown) none repeat scroll 0 0 !important;
    border-radius: 3px;
    color: #ece9e1 !important;
    font-family: SeatRegular !important;
    font-size: 12px !important;
    margin: 0;
    padding: 10px !important;
    width: 100%;
}

#video-cliente-desktop .write_msg {
    font-family: SeatRegular;
    font-size: 14px;
    color: #747468;
    padding: 5px;
}

#video-cliente-desktop .dxucBrowseButton_MetropolisBlue {
    border: none !important;
    padding: 0 !important;
    background-color: var(--purplish-brown) !important;
    color: white;
}

#video-cliente-desktop .input-group-text {
    background-color: var(--purplish-brown) !important;
}


#video-cliente-desktop #sidebarCollapse {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    cursor: pointer;
}

    #video-cliente-desktop #sidebarCollapse span {
        width: 80%;
        height: 2px;
        margin: 0 auto;
        display: block;
        background: #555;
    }

#video-cliente-desktop #call-session .chat-send {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--purplish-brown) !important;
    width: 34px;
    color: white;
    padding: 5px !important;
    text-align: center;
}

@media (max-width: 575px) {
    #video-cliente-desktop .botones {
        background-color: #707070;
        color: white;
        margin: 0 !important;
        padding: 0 !important;
    }

    #video-cliente-desktop .btn-icons {
        color: white;
    }
}

#video-cliente-desktop .clienteNombre {
    font-family: SeatBold;
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark);
}

#video-cliente-desktop button {
    border: 0;
    padding: 0 !important;
}

#video-cliente-desktop .opciones-cliente > div > div {
    background: var(--white-smoke);
    min-height: 94px;
    max-height: 94px;
    padding: 0;
}

#video-cliente-desktop .btn-llamada {
    min-width: 166px;
}

#video-cliente-desktop .icon-btn {
    margin-right: 8px;
}

#video-cliente-desktop .options-menu {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    width: 100%;
}

    #video-cliente-desktop .options-menu > * {
        margin-right: 12px;
    }

/*----------- Estilos alamo ---------*/
#video-cliente-desktop #mensajeEscribiendo {
    position: relative;
    width: 100%;
    font-family: SeatRegular !important;
    font-size: 16px !important;
    margin: 0;
    color: #747468 !important;
    margin-bottom: 6px;
    margin-top: -30px;
    display: block;
    text-align: left;
}

    #video-cliente-desktop #mensajeEscribiendo span {
        background: white;
        padding: 5px 7px !important;
    }

#video-cliente-desktop .msg_history.chat {
    background-color: var(--white-smoke) !important;
}

#video-cliente-desktop .bg-white-smoke {
    background-color: var(--white-smoke) !important;
}

#video-cliente-desktop .received_msg {
    margin-bottom: 0;
}

#video-cliente-desktop .text-muted {
    margin-bottom: 0;
    margin-top: 4px;
    font-size: 9px;
    line-height: 12px;
}

/*--------- Fin Videocomunicacion_cliente_d  --------------------*/

/*---------  Videocomunicacion_cliente_m  --------------------*/

#video-cliente-mobile .btn-success {
    padding: 10px 20px;
    border-radius: 2px;
    color: var(--white);
    background-color: #06a767 !important;
    border-color: #06a767 !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}

#video-cliente-mobile .btn-danger {
    padding: 10px 20px;
    border-radius: 2px;
    color: var(--white);
    background-color: var(--danger-4) !important;
    border-color: var(--danger-4) !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}

#video-cliente-mobile .fa-2x {
    font-size: 1.5em !important;
}

#video-cliente-mobile .navbar {
    padding: 15px 10px;
    background: var(--white);
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

#video-cliente-mobile .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

#video-cliente-mobile .card-header {
    color: var(--white);
    font-family: SeatMedium;
    font-size: 16px;
    background-color: var(--purplish-brown);
}

#video-cliente-mobile .sent_msg p {
    background: var(--white) none repeat scroll 0 0 !important;
    border-radius: 3px;
    font-family: SeatRegular !important;
    font-size: 12px !important;
    margin: 0;
    color: var(--copy) !important;
    padding: 10px !important;
    width: 100%;
}

#video-cliente-mobile .received_withd_msg p {
    background: var(--purplish-brown) none repeat scroll 0 0 !important;
    border-radius: 3px;
    color: #ece9e1 !important;
    font-family: SeatRegular !important;
    font-size: 12px !important;
    margin: 0;
    padding: 10px !important;
    width: 100%;
}

#video-cliente-mobile .write_msg {
    font-size: 12px;
    color: var(--copy);
    height: 48px !important;
    line-height: 24px;
    padding: 10px;
}

#video-cliente-mobile .bg-jumbotron {
    background-color: var(--jumbotron) !important;
}

#video-cliente-mobile #mensajeEscribiendo {
    position: relative;
    width: 100%;
    font-family: SeatRegular !important;
    font-size: 16px !important;
    margin: 0;
    color: #747468 !important;
    margin-bottom: 6px;
    display: block;
    margin-top: -10px;
    text-align: left;
}

    #video-cliente-mobile #mensajeEscribiendo span {
        background: white;
        padding: 5px 7px !important;
    }

#video-cliente-mobile .chat-user {
    font-family: SeatRegular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--copy);
}

#video-cliente-mobile .received_msg {
    margin-bottom: 0;
}

#video-cliente-mobile .header-chat {
    font-family: 'SeatBold'; /*cambio_css - VW*/
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark);
    border-bottom: 1px solid var(--dark);
    background-color: var(--white-smoke);
}

#video-cliente-mobile .msg_history.chat {
    background-color: var(--white-smoke) !important;
}

#video-cliente-mobile .btn.btn-modal-aceptar {
    background-color: var(--main);
}

#video-cliente-mobile .dxucBrowseButton_MetropolisBlue {
    border: none !important;
    padding: 0px !important;
    background-color: var(--purplish-brown) !important;
    color: var(--white);
}

#video-cliente-mobile .input-group-text {
    background-color: var(--purplish-brown) !important;
}

#video-cliente-mobile .form-control:focus {
    box-shadow: none;
}

#video-cliente-mobile .text-muted {
    margin-bottom: 0;
    margin-top: 4px;
    font-size: 9px;
    line-height: 12px;
}

@media (max-width: 575px) {
    #video-cliente-mobile .botones {
        background-color: #707070;
        color: var(--white);
        margin: 0px !important;
        padding: 0px !important;
    }

    #video-cliente-mobile .btn-icons {
        color: var(--white);
    }
}

#video-cliente-mobile .box {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-radius: 4px;
    background: var(--white-smoke);
    min-height: 50px;
    max-height: 94px;
    margin-bottom: 16px;
    max-width: 100%;
    flex-wrap: wrap; /*cambio_css - VW*/
}

#video-cliente-mobile .button-bar button, #video-cliente-mobile .header-chat button {
    -webkit-appearance: button;
    appearance: none;
    font: inherit;
    line-height: 1.15;
    overflow: visible;
    border: none;
    text-transform: none;
    margin: 0 4px;
    padding: 0;
    outline: 0;
}

#video-cliente-mobile .btn-llamada {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background-color: var(--danger-4);
    border-color: var(--danger-4);
    font-family: SeatBold;
    font-size: 14px;
    height: 40px;
}

#video-cliente-mobile .btn-llamada {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background-color: var(--danger-4);
    border-color: var(--danger-4);
    font-family: SeatBold;
    font-size: 14px;
    height: 40px;
}

#video-cliente-mobile #call-session .chat-send {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--purplish-brown) !important;
    width: 34px;
    color: var(--white);
    padding: 5px !important;
    text-align: center;
}



/*--------- Fin Videocomunicacion_cliente_d  --------------------*/

/*---------  Videocomunicacion_d  --------------------*/
#video-desktop .subscriberFrontal {
    z-index: 1 !important;
    bottom: 0 !important;
    right: 0 !important;
    border: 1px solid white;
    border-radius: 3px;
}

#video-desktop .flex-body div:not([class*="flex"]) {
    border: 1px solid white;
    flex: 1 1 200px;
    width: 300px;
}

#video-desktop .material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

#video-desktop .estiloCabeceraVideos {
    font-family: "SeatBold"; /*cambio_css - VW*/
    font-size: 20px;
    font-weight: 400 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
}

#video-desktop .header-chat {
    color: white !important;
    font-family: SeatMedium !important;
    font-size: 16px !important;
    background-color: #2e2a2b !important;
    padding: .75rem 1.25rem !important;
}

#video-desktop .sent_msg p {
    background: #ffffff none repeat scroll 0 0 !important;
    border-radius: 3px;
    font-family: SeatRegular !important;
    font-size: 12px !important;
    margin: 0;
    color: #747468 !important;
    padding: 10px !important;
    width: 100%;
}

#video-desktop .received_withd_msg p {
    background: #2e2a2b none repeat scroll 0 0 !important;
    border-radius: 3px;
    color: #ece9e1 !important;
    font-family: SeatRegular !important;
    font-size: 12px !important;
    margin: 0;
    padding: 10px !important;
    width: 100%;
}

#video-desktop .write_msg {
    font-family: SeatRegular;
    font-size: 14px;
    color: #747468;
    padding: 5px;
}

#video-desktop .dxucBrowseButton_MetropolisBlue {
    border: none !important;
    padding: 0px !important;
    background-color: #2e2a2b !important;
    color: white;
}

#video-desktop .input-group-text {
    background-color: #2e2a2b !important;
    color: white;
}

#video-desktop #navMenuLlamada .box {
    display: flex;
    align-items: center;
    padding: 0 24px;
    border-radius: 4px;
    background: #f2f2f2;
    min-height: 94px;
    max-height: 94px;
    flex-wrap: wrap; /*cambio_css - VW*/
}



#video-desktop .historialCliente.active > span {
    font-weight: bold;
}

#video-desktop .videoCheckSeatOn,
#video-mobile .videoCheckSeatOn {
    content: url("../Imagenes/Seat/SEATicons/video-on.png");
    cursor: pointer;
}

#video-desktop .videoCheckSeatOff,
#video-mobile .videoCheckSeatOff {
    content: url("../Imagenes/Seat/SEATicons/video-off.png");
    cursor: pointer;
}

#video-desktop .audioCheckSeatOn,
#video-mobile .audioCheckSeatOn {
    content: url("../Imagenes/Seat/SEATicons/micro-on.png");
    cursor: pointer;
}

#video-desktop .audioCheckSeatOff,
#video-mobile .audioCheckSeatOff {
    content: url("../Imagenes/Seat/SEATicons/micro-off.png");
    cursor: pointer;
}

#video-desktop .btn-success {
    padding: 10px 20px 10px 20px;
    border-radius: 2px;
    color: white;
    background-color: #06a767 !important;
    border-color: #06a767 !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}



#video-desktop .btn-danger {
    padding: 10px 20px 10px 20px;
    border-radius: 2px;
    color: white;
    background-color: #bb1a20 !important;
    border-color: #bb1a20 !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}

#video-desktop .btn-device {
    padding: 10px 5px 10px 5px;
    border-radius: 2px;
    color: white;
    background-color: black !important;
    border-color: black !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}

#video-desktop .checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #282828;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

    #video-desktop .checkbox-round:checked {
        background-color: green;
    }

#video-desktop .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

    #video-desktop .round label:after {
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        content: "";
        height: 6px;
        left: 7px;
        opacity: 0;
        position: absolute;
        top: 8px;
        transform: rotate(-45deg);
        width: 12px;
    }

#video-desktop .round input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

#video-desktop .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/****------------- Estilos Alamo -------------*******/
#video-desktop #divProviene { /*cambio_css - VW*/
    padding: 17px 12px 15px 12px;
    padding-top: 17px;
    padding-right: 12px;
    padding-bottom: 15px;
    padding-left: 12px;
    border-radius: 2px;
    background-color: var(--jumbotron);
    margin-bottom: 1rem;
}

#video-desktop #mensajeEscribiendo {
    position: relative;
    width: 100%;
    font-family: SeatRegular !important;
    font-size: 16px !important;
    margin: 0;
    color: #747468 !important;
    margin-bottom: 6px;
    margin-top: -30px;
    display: block;
    text-align: left;
}

#video-desktop .received_msg {
    margin-bottom: 0;
}

#video-desktop #mensajeEscribiendo span {
    background: white;
    padding: 5px 7px !important;
}

#video-desktop .msg_history.chat {
    background-color: var(--white-smoke) !important;
}

#video-desktop .button-bar button {
    -webkit-appearance: button;
    appearance: none;
    font: inherit;
    line-height: 1.15;
    overflow: visible;
    border: none;
    text-transform: none;
    margin: 0 4px;
    padding: 0;
    outline: 0;
}

#video-desktop .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

#video-desktop .button-bar > div > .row {
    margin: 0 !important;
}

#video-desktop #divProviene label { /*cambio_css - VW*/
    font-family: "SeatBlack";
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.83;
    letter-spacing: normal;
    color: var(--dark);
    margin: 0;
}

#video-desktop .block-historial {
    margin-top: 24px !important;
}

#video-desktop #txtAreaBloc, #video-desktop #divNotaLlamada {
    height: 100%;
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--brown-grey);
    background-color: white;
    padding: .375rem .75rem;
    margin: 0;
}

#video-desktop bg-white-smoke {
    background-color: var(--white-smoke) !important;
}

#video-desktop .dxgvControl_MaterialCompact {
    padding: 0;
}

#video-desktop .table-cell-history,
#video-desktop .text-call,
#video-desktop .text-call p {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--copy);
}

#video-desktop .dxgvHeader_MaterialCompact td {
    font-family: "SeatMedium"; /*cambio_css - VW*/
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--dark);
}

#video-desktop #cuerpoVideos, #video-desktop #cuerpoConversacion {
    background: white;
    padding: 16px;
    margin: 0 24px 24px 24px;
}

#video-desktop .chat-user {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--copy);
}

#video-desktop .dxgvHeader_MaterialCompact,
#video-desktop #MainContent_gwImagenes_DXHeadersRow0 {
    padding: 17px 10px 18px 20px;
}

#video-desktop .video-desktop-table .dxgvTable_MaterialCompact {
    min-width: 800px;
}

    #video-desktop .video-desktop-table .dxgvTable_MaterialCompact tr:nth-child(even) {
        background-color: #f9f8f6;
    }

#video-desktop .dxgvPagerBottomPanel_MaterialCompact .dxp-num,
#video-desktop .dxgvPagerBottomPanel_MaterialCompact .dxp-ellip {
    font-size: 14px;
    font-family: "SeatMedium";
    padding: 10px 3px 8px 3px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark) !important;
}

#video-desktop .dxgvPagerBottomPanel_MaterialCompact .dxp-current {
    font-weight: bold;
    background: none;
}

#video-desktop .dxpLite_MaterialCompact .dxp-button.dxp-bi {
    padding: 10px 0px;
}

    #video-desktop .dxpLite_MaterialCompact .dxp-button.dxp-bi img {
        margin: 0;
    }

#video-desktop .bg-jumbotron {
    background-color: var(--jumbotron) !important;
}

#video-desktop .block-title {
    border-radius: 0;
    padding: 24px 24px 12px 24px; /*canbio_css*/
    border: none;
}

#video-desktop .block-subtitle {
    margin-top: 10px;
}

#video-desktop .block-content {
    border-radius: 0;
    padding: 0 24px 12px 24px; /*canbio_css*/
}

#video-desktop .inbox_msg {
    border: none;
}

#video-desktop .block-title h5, #video-desktop .block-subtitle h4 {
    font-family: "SeatBold";
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
    margin-bottom: 0px; /*cambio_css - VW*/
}

#video-desktop .block-video { /*cambio_css - VW*/
    margin: 0;
    margin-bottom: 24px;
}


#video-desktop .nav-tabs .nav-link, #video-desktop .block-subtitle h5 {
    font-family: "SeatBold";
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark);
}

#video-desktop .nav-tabs .nav-item:first-child {
    border-right: 1px solid var(--dark);
    margin-right: 0;
}

#video-desktop .nav-tabs .nav-link:hover,
#video-desktop .nav-tabs .nav-link:focus {
    opacity: 1;
    border: none;
    border-bottom: 1px solid #747468;
}

#video-desktop .nav-tabs {
    background: #ffffff;
    margin-bottom: -2px;
}

    #video-desktop .nav-tabs .nav-link.active {
        color: var(--dark) !important;
        border: none;
        border-bottom: 1px solid var(--dark);
    }

    #video-desktop .nav-tabs .nav-link {
        padding: 27px 27px 5px 27px;
        color: #747468 !important;
        border: none;
        margin-bottom: 1px;
    }

#video-desktop .tamañoMulti {
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%;
    flex-flow: column;
}

#video-desktop #contenedorGaleria {
    display: flex;
    flex-flow: wrap;
}

#video-desktop .containerChat {
    background-color: var(--jumbotron);
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    width: 60%;
    margin-left: 40%;
}

    #video-desktop .containerChat p {
        font-family: "SeatRegular";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: var(--copy);
        margin-bottom: 0;
    }

    #video-desktop .containerChat.darker {
        background-color: var(--purplish-brown);
        margin-left: 0;
    }

        #video-desktop .containerChat.darker p {
            color: #ece9e1
        }

/*---------  Fin Videocomunicacion_d  --------------------*/

/*---------  Videocomunicacion_m  --------------------*/
#video-mobile .subscriberFrontal {
    z-index: 1 !important;
    bottom: 0 !important;
    right: 0 !important;
    border: 1px solid white;
    border-radius: 3px;
}

#video-mobile .flex-body div:not([class*="flex"]) {
    border: 1px solid white;
    flex: 1 1 200px;
    width: 300px;
}

#video-mobile .material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

#video-mobile #divGrabaciones {
    border-radius: 2px;
    background-color: #f2f2f2;
}

#video-mobile .sent_msg p {
    background: #ffffff none repeat scroll 0 0 !important;
    border-radius: 3px;
    font-family: SeatRegular !important;
    font-size: 12px !important;
    margin: 0;
    color: #747468 !important;
    padding: 10px !important;
    width: 100%;
}

#video-mobile .received_withd_msg p {
    background: #2e2a2b none repeat scroll 0 0 !important;
    border-radius: 3px;
    color: #ece9e1 !important;
    font-family: SeatRegular !important;
    font-size: 12px !important;
    margin: 0;
    padding: 10px !important;
    width: 100%;
}

#video-mobile .write_msg {
    font-family: SeatRegular;
    font-size: 14px;
    color: #747468;
    padding: 5px;
}

#video-mobile .dxucBrowseButton_MetropolisBlue {
    border: none !important;
    padding: 0px !important;
    background-color: #2e2a2b !important;
    color: white;
}

#video-mobile .input-group-text {
    background-color: #2e2a2b !important;
    color: white;
}

#video-mobile .historialCliente.active > span {
    font-weight: bold;
}

#video-mobile .btn-success {
    padding: 10px 20px 10px 20px;
    border-radius: 2px;
    color: white;
    background-color: #06a767 !important;
    border-color: #06a767 !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}




#video-mobile .btn-danger {
    padding: 10px 20px 10px 20px;
    border-radius: 2px;
    color: white;
    background-color: #bb1a20 !important;
    border-color: #bb1a20 !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}

#video-mobile .btn-device {
    padding: 10px 5px 10px 5px;
    border-radius: 2px;
    color: white;
    background-color: black !important;
    border-color: black !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}

#video-mobile .checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #282828;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

    #video-mobile .checkbox-round:checked {
        background-color: green;
    }

#video-mobile .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

    #video-mobile .round label:after {
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        content: "";
        height: 6px;
        left: 7px;
        opacity: 0;
        position: absolute;
        top: 8px;
        transform: rotate(-45deg);
        width: 12px;
    }

#video-mobile .round input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

#video-mobile .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

#video-mobile .containerChat, #video-mobile #cuerpoNotas {
    border: 2px solid #dedede;
    background-color: white;
    border-radius: 5px;
    padding: 3px;
    margin: 3px 0;
}

#video-mobile .darker {
    border-color: #ccc;
    background-color: #ddd;
}

#video-mobile .time-right {
    float: right;
    color: #aaa;
}

#video-mobile .time-left {
    float: left;
    color: #999;
}

#video-mobile .separadorV {
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 100vh;
    width: 1px;
}

#video-mobile .subscriberFrontal {
    position: absolute;
    width: 18%;
    height: 30%;
    /*left: 10px;*/
    z-index: 1;
    border: 1px solid white;
    border-radius: 3px;
    bottom: 0 !important;
    right: 0 !important;
}


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

    #video-mobile .subscriberFrontal {
        position: absolute;
        width: 18%;
        height: 25%;
        z-index: 1;
        border: 1px solid white;
        border-radius: 3px;
        bottom: 0 !important;
        right: 0 !important;
    }
}

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

    #video-mobile .subscriberFrontal {
        position: absolute;
        width: 25%;
        height: 40%;
        z-index: 100;
        border: 1px solid white;
        border-radius: 3px;
        bottom: 0 !important;
        right: 0 !important;
    }
}

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

    #video-mobile .subscriberFrontal {
        position: absolute;
        z-index: 100;
        border: 1px solid white;
        border-radius: 3px;
        bottom: 0 !important;
        right: 0 !important;
    }
}

/*****-------- Estilos alamo ----------*/

#video-mobile .Rectangle-Copy-2.call {
    padding: 0 15px;
}

#video-mobile #MainContent_lblInformación {
    margin-bottom: 16px;
}

#video-mobile #video {
    position: relative;
}

#video-mobile .more-info {
    padding-top: 0;
}

#video-mobile #close-chat {
    float: left;
}

#video-mobile #videos {
    position: relative;
}

#video-mobile #divProviene { /*cambio_css - VW*/
    padding: 17px 12px 15px 12px;
    padding-top: 17px;
    padding-right: 12px;
    padding-bottom: 15px;
    padding-left: 12px;
    border-radius: 2px;
    background-color: var(--jumbotron);
    margin-bottom: 1rem;
}

#video-mobile .bloc {
    padding: 0;
}

#video-mobile #divProviene label { /*cambio_css - VW*/
    font-family: "SeatBlack";
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.83;
    letter-spacing: normal;
    color: var(--dark);
}


#video-mobile #chat-video {
    float: right;
}

    #video-mobile #close-chat img, #video-mobile #chat-video img {
        width: 28px !important;
    }

#video-mobile .options-client {
    margin-right: 0;
    margin-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

#video-mobile .video-cliente-mobile-container {
    width: 100%;
    padding: 0 16px;
}

#video-mobile .button-bar button,
#video-mobile .header-chat button {
    -webkit-appearance: button;
    appearance: none;
    font: inherit;
    line-height: 1.15;
    overflow: visible;
    border: none;
    text-transform: none;
    margin: 0 4px;
    padding: 0;
    outline: 0;
}

#video-mobile #cuerpoVideos {
    background: white;
    padding: 4px;
}

#video-mobile .box {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-radius: 4px;
    background: #f2f2f2;
    min-height: 50px;
    max-height: 94px;
    margin-bottom: 16px;
    max-width: 100%;
    flex-wrap: wrap; /*cambio_css - VW*/
}

@media screen and (max-width: 767px) {
    #video-mobile .data-agent, #video-mobile .call {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        margin-right: 1rem;
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
    }

    #video-mobile .call {
        max-width: 130px;
        margin-right: 0;
    }

    #video-mobile .button-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 0 auto;
        min-width: 100%;
    }
}



#video-mobile #divChat {
    margin: 0 16px !important;
    padding-top: 0 !important;
}

#video-mobile .lblNombreCliente {
    font-family: SeatRegular !important;
    font-size: 10px;
    line-height: normal;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: var(--brown-grey);
}

#video-mobile .btn-llamada-icon {
    margin-right: 8px;
}

#video-mobile .box.button-bar > div > .row {
    margin: 0 !important;
}

#video-mobile .header-chat {
    font-family: 'SeatBold'; /*cambio_css - VW*/
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark);
    border-bottom: 1px solid var(--dark);
}

#video-mobile .write_msg {
    font-size: 12px;
    color: var(--brown-grey);
    height: 48px !important;
    line-height: 24px;
    padding: 10px;
}

#video-mobile .write_msg_note {
    font-family: "SeatRegular";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--copy);
    height: 100%;
    border: none;
}

#video-mobile .table-cell-history,
#video-mobile .text-call,
#video-mobile .text-call p {
    font-family: "SeatRegular";
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: var(--copy);
    margin-bottom: 0;
}

#video-mobile .dxgvHeader_MaterialCompact td {
    font-family: "SeatBold";
    font-size: 10px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: var(--dark);
    text-align: left;
}

#video-mobile .dxgvHeader_MaterialCompact,
#video-mobile #MainContent_gwImagenes_DXHeadersRow0 {
    padding: 6px;
}

#video-mobile .video-mobile-table .dxgvTable_MaterialCompact {
    min-width: 600px;
}

    #video-mobile .video-mobile-table .dxgvTable_MaterialCompact tr:nth-child(even) {
        background-color: #f9f8f6;
    }

#video-mobile .dxgvPagerBottomPanel_MaterialCompact .dxp-num,
#video-mobile .dxgvPagerBottomPanel_MaterialCompact .dxp-ellip {
    font-size: 14px;
    font-family: "SeatMedium";
    padding: 10px 3px 8px 3px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark) !important;
}

#video-mobile .dxgvPagerBottomPanel_MaterialCompact .dxp-current {
    font-weight: bold;
    background: none;
}

#video-mobile .dxpLite_MaterialCompact .dxp-button.dxp-bi {
    padding: 10px 0px;
}

    #video-mobile .dxpLite_MaterialCompact .dxp-button.dxp-bi img {
        margin: 0;
    }

#video-mobile .bg-jumbotron {
    background-color: var(--jumbotron) !important;
}

#video-mobile .block-title {
    border-radius: 0;
    padding: 16px 12px 0 12px;
    border: none;
}

#video-mobile .block-subtitle {
    margin-top: 10px;
}

#video-mobile .block-content {
    border-radius: 0;
    padding: 0 12px 12px 12px;
}

#video-mobile .inbox_msg {
    border: none;
    background: white;
}

#video-mobile .block-title h5, #video-mobile .block-subtitle h4 {
    font-family: "SeatBold";
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark);
}

#video-mobile .block-video {
    margin-bottom: 12px;
}


#video-mobile .nav-tabs .nav-link, #video-mobile .block-subtitle h5 {
    font-family: "SeatBold";
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: var(--dark);
}

#video-mobile .nav-tabs .nav-item:first-child {
    border-right: 1px solid var(--dark);
    margin-right: 0;
}

#video-mobile .nav-tabs .nav-link {
    padding: 6px;
    color: #747468 !important;
}

#video-mobile .nav-tabs .nav-item {
    display: inline-block;
    flex: none;
}


#video-mobile .nav-tabs .nav-link:hover,
#video-mobile .nav-tabs .nav-link:focus {
    opacity: 1;
    border: none;
}

#video-mobile .nav-tabs {
    background: #ffffff;
    margin-bottom: -2px;
}

    #video-mobile .nav-tabs .nav-link.active {
        color: var(--dark) !important;
        border: none;
        border-bottom: 1px solid var(--dark);
    }

#video-mobile #mensajeEscribiendo {
    position: relative;
    width: 100%;
    font-family: SeatRegular !important;
    font-size: 16px !important;
    margin: 0;
    color: #747468 !important;
    margin-bottom: 6px;
    display: block;
    margin-top: -10px;
    text-align: left;
}

    #video-mobile #mensajeEscribiendo span {
        background: white;
        padding: 5px 7px !important;
    }

#video-mobile .msg_history.chat {
    background-color: var(--white-smoke) !important;
}

#video-mobile .chat-user {
    font-family: SeatRegular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--copy);
    padding: 0 12px;
}

#video-mobile .type_msg {
    border: none !important;
}

#video-mobile .outgoing_msg, #video-mobile .incoming_msg {
    overflow: hidden;
    margin: 6px 0 6px !important;
}

#video-mobile .received_msg {
    margin-bottom: 0;
}

#video-mobile .incoming_msg_img {
    display: none !important;
}

#video-mobile .sent_msg {
    max-width: 75%;
    width: auto !important;
}

    #video-mobile .sent_msg p {
        width: auto !important;
    }

#video-mobile .received_withd_msg {
    max-width: 75%;
    width: auto !important;
    margin-left: 12px;
    float: left;
}

    #video-mobile .received_withd_msg p {
        width: auto !important;
    }

#video-mobile .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

#video-mobile #cuerpoVideos, #video-mobile #cuerpoConversacion {
    background: white;
    padding: 5px;
    margin: 0 10px 10px 10px;
}

#video-mobile .containerChat {
    background-color: var(--jumbotron);
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    width: 60%;
    margin-left: 40%;
}

    #video-mobile .containerChat p {
        font-family: "SeatRegular";
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: var(--copy);
        margin-bottom: 0;
    }

    #video-mobile .containerChat.darker {
        background-color: var(--purplish-brown);
        margin-left: 0;
    }

        #video-mobile .containerChat.darker p {
            color: #ece9e1
        }


/*---------  Fin Videocomunicacion_m  --------------------*/

#viewUserData .lenguageSelectorContainer {
    display: none;
}

    #viewUserData .lenguageSelectorContainer button span .material-icons {
        vertical-align: middle;
    }

#viewUserData #cuadroLengua {
    margin-top: 5%;
    font-size: 20px;
    display: none;
}

#viewUserData .form-control:focus {
    box-shadow: none;
}

#viewUserData .datosusuario-contedor-datos p {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: var(--copy);
}

#viewUserData .datosusuario-contedor-campo,
#viewUserData .datosusuario-contedor-campo-password {
    border: solid 1px rgba( 25, 15, 20, 0.4 );
}

#viewUserData .datosusuario-contedor-ctmpo {
    margin: 8px 0;
    padding-top: 0;
    padding-bottom: 0;
}

#viewUserData .datosusuario-contedor-campo {
    margin: 8px 0;
}

    #viewUserData .datosusuario-contedor-campo input,
    #viewUserData .datosusuario-contedor-campo span,
    #viewUserData .datosusuario-contedor-campo select,
    #viewUserData .datosusuario-contedor-campo-password input {
        padding: 20px 8px;
        font-family: "SeatMedium" !important;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: var(--copy);
        height: 56px;
    }

#viewUserData .datosusuario-panelCaducidadPassword button.close {
    display: none;
}

#viewUserData .medium-16-dark {
    margin-bottom: 0px;
    color: var(--dark);
}

#viewUserData .savebutton span,
#viewUserData .changeButton span {
    display: block;
}

#viewUserData .changeButton {
    margin-top: 24px;
}

#viewUserData .contenedorCheckBox label {
    padding-top: 8px;
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--copy);
}

#viewUserData .notification {
    margin-top: 14px;
}

#viewUserData .datosusuario-panelCaducidadPassword .alert-secondary {
    margin-top: 24px;
    margin-bottom: 16px;
    background-color: var(--jumbotron);
    padding: 16px 0 16px 24px;
    height: 52px;
}

    #viewUserData .datosusuario-panelCaducidadPassword .alert-secondary textarea {
        font-family: "SeatMedium" !important;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
    }

#viewUserData #MainContent_divConcesionariocmb {
    padding: 5px; /*cambio_css - VW*/
}

    #viewUserData #MainContent_divConcesionariocmb #MainContent_cmbConcesionario { /*cambio_css - VW*/
        border: 0;
        cursor: pointer;
    }


#viewUserData .modal-dialog {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

#viewUserData .modal-body button {
    padding: .84rem 2.14rem;
}


#viewUserData .modal-header {
    padding: 32px 0 16px 0
}

#viewUserData .modal-title {
    font-family: SeatBold;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark)
}

#viewUserData .modal-body {
    padding: 24px 0 32px 0
}

    #viewUserData .modal-body .datosusuario-body-modal {
        padding: 0px 0 32px 0;
        font-family: SeatMedium !important;
        font-size: 16px;
        font-weight: normal !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: var(--dark);
    }

        #viewUserData .modal-body .datosusuario-body-modal span {
            font-family: SeatMedium !important;
            font-size: 16px;
        }

@media (max-width: 767px) {

    #viewUserData .modal-dialog {
        top: auto;
        left: auto;
        bottom: 0;
        position: absolute;
        max-width: 100%;
        width: 100%;
        transform: none;
        margin: 0;
    }

    #viewUserData .modal-content {
        border-radius: 19px 14px 0px 0px !important;
    }

    #viewUserData .modal-header {
        padding: 24px 0 16px 0
    }

    #viewUserData .modal-title {
        font-family: SeatBold;
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.58;
        letter-spacing: normal;
        color: #000000;
    }

    #viewUserData .modal-body {
        padding: 16px 0 16px 0
    }

    #viewUserData .modal-content div[class^="modal-"] {
        margin: 0 16px !important;
    }

    #viewUserData .modal-body .datosusuario-body-modal {
        padding: 0px 0 73px 0;
        border-bottom: 1px solid #dee2e6;
        font-size: 14px;
        line-height: 1.43;
    }

        #viewUserData .modal-body .datosusuario-body-modal span {
            font-family: SeatMedium !important;
            font-size: 14px;
        }

    #viewUserData .modal-body button {
        width: 100%;
        margin-top: 16px;
    }

    #viewUserData .black-24-dark {
        font-family: 'SeatBold';
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
    }

    #viewUserData .datosusuario-contedor-campo-password {
        margin-bottom: 16px;
    }

    #viewUserData .changeButton {
        margin-top: 0;
    }

    #viewUserData .datosusuario-lblMensajeError {
        margin: 0;
    }

    #viewUserData .medium-16-dark {
        font-size: 14px;
        line-height: 16px;
    }

    #viewUserData .datosusuario-contedor-datos p {
        color: #190f14;
    }

    #viewUserData .datosusuario-panelCaducidadPassword .alert-secondary {
        margin-top: 16px;
        height: 56px;
    }

        #viewUserData .datosusuario-panelCaducidadPassword .alert-secondary textarea {
            font-family: "SeatMedium" !important;
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 16px;
            letter-spacing: normal;
        }
}

/******* -----------      Fin Datos usuario      ------------- **************/


/* nuevo_css */
#masterAsesor #navPrincipal {
    padding: .2rem 0 !important;
    max-height:60px;
}

#divVistaPrevia .txtSpecial,
#divVistaPrevia .txtSpecial > span,
#divVistaPrevia .txtSpecial > span > span {
    font-family: SeatRegular !important;
}

    #divVistaPrevia .txtSpecial > span > span {
        font-weight: bold !important;
    }

#divVistaPrevia .btnSpecial {
    cursor: default !important;
}

    #divVistaPrevia .btnSpecial a {
        cursor: pointer !important;
    }

#video-desktop #divRecordatorio > small {
    margin-top: -11px;
    margin-bottom: 16px;
}

#video-mobile #divRecordatorio > small {
    margin-top: 0px;
}

#video-desktop #nuevocliente #formAddCliente small,
#video-mobile #nuevocliente #formAddCliente small {
    margin-left: 8px;
}

#video-desktop .button-bar .row.mr-2 {
    height: 50px;
}

#masterAsesor #modalLlamada .modal-header {
    padding: 32px 0px 0px 0px !important;
}

#masterAsesor #modalLlamada .modal-body {
    padding: 8px 0 8px 0;
}

#masterAsesor #modalLlamada .title-16-medium {
    margin: 16px 0px;
}

#masterAsesor #modalLlamada .modal-footer {
    padding: 8px 0 32px 0;
}

#masterAsesor #modalLlamada #btnLlamada {
    font-family: 'SeatBold' !important;
    margin: 0;
    max-width: 296px;
}

@media(max-width: 767px) {
    #masterAsesor #modalLlamada .modal-dialog {
        margin: 0;
        width: 100%;
        max-width: 100%;
        bottom: 0;
        position: absolute;
    }

    #masterAsesor #modalLlamada .modal-footer {
        border-top: 1px solid #dee2e6 !important;
        margin: 0 16px !important;
        padding: 16px 0;
    }

        #masterAsesor #modalLlamada .modal-footer > span {
            width: 100%;
        }

    #masterAsesor #modalLlamada .title-20 {
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: var(--dark);
    }

    #masterAsesor #modalLlamada .title-16-medium {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: var(--dark);
        margin: 8px 0px;
    }

    #masterAsesor #modalLlamada .modal-header {
        padding: 24px 0px 0px 0px !important;
        margin: 0 16px !important;
    }

    #masterAsesor #modalLlamada .modal-body {
        padding: 8px 0 8px 0;
        margin: 0 16px !important;
    }
}

#modalEncuesta .btn.btn-encuesta-modal-aceptar {
    width: 460px;
    margin: 0;
}

@media (max-width: 991px) {
    #video-mobile .modal-long .modal-dialog,
    #video-mobile .modal-long .modal-content,
    #video-cliente-mobile .modal-long .modal-dialog,
    #video-cliente-mobile .modal-long .modal-content,
    #video-desktop .modal-long .modal-dialog,
    #video-desktop .modal-long .modal-content,
    #video-cliente-desktop .modal-long .modal-dialog,
    #video-cliente-desktop .modal-long .modal-content {
        max-width: 700px;
    }
}

@media (max-width: 767px) {
    #video-mobile #nuevocliente .modal-footer,
    #video-desktop #nuevocliente .modal-footer {
        border: none;
    }

    video-mobile #nuevocliente .modal-footer,
    #video-desktop #nuevocliente .modal-footer {
        font-family: "SeatMedium";
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: var(--copy);
    }

    #video-mobile .modal-long .modal-dialog,
    #video-mobile .modal-long .modal-content,
    #video-cliente-mobile .modal-long .modal-dialog,
    #video-cliente-mobile .modal-long .modal-content,
    #video-desktop .modal-long .modal-dialog,
    #video-desktop .modal-long .modal-content,
    #video-cliente-desktop .modal-long .modal-dialog,
    #video-cliente-desktop .modal-long .modal-content {
        max-width: 100%;
    }

    #video-mobile #nuevocliente .form-group,
    #video-desktop #nuevocliente .form-group {
        margin-bottom: 5px;
    }

    #video-mobile #divProviene label {
        font-family: "SeatBlack";
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.11;
        letter-spacing: 0.44px;
        color: var(--dark);
        margin: 0;
    }

    #video-mobile #divProviene {
        padding: 11px 8px 13px 10px;
        border-radius: 2px;
        background-color: var(--jumbotron);
        margin-bottom: 1rem;
    }
}

#video-desktop .button-bar {
    flex-wrap: wrap;
}

#video-desktop .btn-grey {
    padding: 10px 20px 10px 20px;
    border-radius: 2px;
    color: white;
    background-color: #616161 !important;
    border-color: #616161 !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}

#video-mobile .btn-grey {
    padding: 10px 20px 10px 20px;
    border-radius: 2px;
    color: white;
    background-color: #616161 !important;
    border-color: #616161 !important;
    font-family: SeatBold !important;
    font-size: 14px !important;
    height: 40px;
    margin: 25px 0px;
}

/*----------Invitaciones --------------------*/
/*CMB Texto */
#InvitationsPage #MainContent_cmbClientes_I {
    min-width: 100%;
}
/*CMB Listbox */
#InvitationsPage .dxpcDropDown_MetropolisBlue {
    margin-top: 30px;
}

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

    #InvitationsPage .dxeHD > table > tbody > tr > td {
        width: 33% !important;
    }

    #InvitationsPage .dxeListBoxItemRow_MetropolisBlue > td {
        width: 33% !important;
    }

    #InvitationsPage #MainContent_btnEnviarComunicacion, btnEnviar {
        width: 100% !important;
    }
}

#InvitationsPage #MainContent_chkBoxEmail, #MainContent_chkBoxTelefono {
    margin-right: 5px;
}

#InvitationsPage .dxeButtonEditButtonHover_MetropolisBlue, .dxeButtonEditButton_MetropolisBlue {
    min-width: 50px !important;
}

#InvitationsPage h5 {
    width: -moz-fit-content;
    width: -webkit-fit-content;
}

#InvitationsPage .dxeListBox_MetropolisBlue .dxeHD {
    border-bottom: 2px solid #190f14;
}

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

    #InvitationsPage #divVistaPrevia {
        overflow: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/*nuevo diseño*/

#InvitationsPage #InvitationsPage .checkout-step-number {
    margin-top: 0px;
    margin-right: 10px;
}



#InvitationsPage .checkout-step-number-no {
    vertical-align: bottom;
}

#InvitationsPage .button {
    display: flex;
    align-items: center;
    height: 40px;
    margin-top: 24px;
}

#InvitationsPage .cta-default {
    color: white;
}

#InvitationsPage .button-icon {
    margin-right: 0.625rem;
    margin-bottom: 3px;
}

/*modalEnvio*/

#InvitationsPage #modalEnvio .modal-header {
    padding: 32px 0px 0px 0px !important;
}

#InvitationsPage #modalEnvio .title-16-medium, #modalEnvio .button {
    margin: 16px 0px;
}

#InvitationsPage #modalEnvio .close {
    opacity: 1;
}

#InvitationsPage #modalEnvio #asunto,
#InvitationsPage #modalEnvio #divNombre,
#InvitationsPage #modalEnvio #divTelefono {
    padding-bottom: 15px;
}

#InvitationsPage #modalEnvio .modal-footer {
    margin: 0 !important;
}

#InvitationsPage #modalEnvio .btn-visib-on,
#InvitationsPage #modalResultado .btn-invitaciones-modal-aceptar {
    max-width: 296px;
    width: 100%;
    margin: 0px; /*cambio_css - VW*/
}

#InvitationsPage #modalResultado .modal-footer { /*cambio_css - VW*/
    padding: 8px 0 32px 0;
}

/*modal Resultado*/

#InvitationsPage #modalResultado .modal-header {
    padding: 32px 0px 0px 0px !important;
}

#InvitationsPage #modalResultado .title-16-medium, #modalResultado .button {
    margin: 16px 0px;
}

#InvitationsPage #modalResultado .modal-body {
    padding: 8px 0 8px 0;
}

#InvitationsPage #modalResultado .close {
    opacity: 1;
}

#InvitationsPage #modalResultado .material-icons {
    font-size: 30px;
    color: black;
}

#InvitationsPage #modalVistaPrevia .close {
    opacity: 1 !important;
}

#InvitationsPage #modalVistaPrevia .modal-header {
    padding: 32px 0px 8px 0px;
}

#InvitationsPage #modalVistaPrevia .modal-title {
    font-family: "SeatBold";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    color: var(--dark);
}

#InvitationsPage #modalVistaPrevia #divVistaPrevia > table > tbody > tr > td:nth-child(2) > div > table:nth-child(3) {
    min-width: 100% !important;
    background: #2E2A2B;
}

#InvitationsPage #MainContent_updatePanelTop #modalEnvio #lblEmail {
    word-break: break-all;
}

#InvitationsPage #MainContent_updatePanelTop #modalEnvio .modal-body {
    padding: 10px 0 0 0;
}

#InvitationsPage #MainContent_updatePanelTop #modalEnvio #MainContent_UpdateBodyModal .modal-footer {
    padding: 24px 0;
}

@media (max-width:767px) {
    #InvitationsPage #modalVistaPrevia .modal-dialog {
        bottom: 0;
        left: 0;
        min-width: 100%;
        position: absolute;
        margin: 0;
    }

    #InvitationsPage #modalVistaPrevia .modal-content {
        max-height: 100vh;
        overflow-y: auto;
    }

    #InvitationsPage #modalVistaPrevia .modal-title {
        font-size: 18px;
    }

    #InvitationsPage #modalVistaPrevia .modal-content {
        border-radius: 19px 14px 0px 0px !important;
    }

    #InvitationsPage #modalVistaPrevia .modal-header {
        padding: 24px 0px 12px 0px;
    }

    #InvitationsPage #modalResultado .modal-dialog {
        margin: 0px !important;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 100%;
    }

    #InvitationsPage .BotonesModal {
        flex-direction: column;
    }

    #InvitationsPage #nuevocliente .modal-header,
    #InvitationsPage #modalResultado .modal-header,
    #InvitationsPage #modalEnvio .modal-header {
        padding: 24px 0px 12px 0px !important;
        margin: 0 16px !important;
    }

    #InvitationsPage #nuevocliente .modal-body {
        padding: 16px 0 40px 0;
        margin: 0 16px !important;
    }

    #InvitationsPage #nuevocliente .modal-footer {
        border: none;
        margin: 0 16px !important;
    }

    #InvitationsPage #modalResultado .modal-body {
        padding: 0;
    }

    #InvitationsPage #modalEnvio .modal-content,
    #InvitationsPage #modalResultado .modal-content{
        border-radius: 19px 19px 0px 0px !important;
    }

    #InvitationsPage #modalEnvio .modal-dialog {
        margin: 0px !important;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 100%;
    }

    #InvitationsPage #modalEnvio .modal-content .modal-body {
        margin: 0 16px !important;
    }

    #InvitationsPage #modalResultado .modal-content .modal-body {
        margin: 0 16px !important;
        padding: 16px 0; /*cambio_css - VW*/
    }

    #InvitationsPage #modalEnvio .modal-header .title-20,
    #InvitationsPage #modalResultado .modal-header .title-20 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0;
    }

    #InvitationsPage .modal-content div[class^="modal-"] {
        margin: 0 16px !important;
    }

    #InvitationsPage #MainContent_updatePanelTop #modalEnvio .modal-body {
        padding: 16px 0 0 0;
    }

    #InvitationsPage #modalEnvio .modal-body .title-16-medium,
    #InvitationsPage #modalResultado .modal-body .title-16-medium {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-top: 0;
    }

    #InvitationsPage .modal-body .medium-16-dark .col-2 span {
        font-family: 'SeatRegular';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: #747468;
    }

    #InvitationsPage .modal-body .medium-16-dark .col-10 span {
        font-family: 'SeatMedium';
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: normal;
        color: var(--dark);
    }

    #InvitationsPage .modal-footer {
        margin: 0 0 !important;
        padding: 16px 0 !important;
    }


    #InvitationsPage #modalResultado .modal-footer {
        border-top: 1px solid #dee2e6 !important;
        padding-left: 0;
        padding-right: 0;
    }

    #InvitationsPage #modalEnvio .btn-visib-on, #modalResultado .btn-invitaciones-modal-aceptar {
        max-width: 100% !important;
    }

    #InvitationsPage #nuevocliente .btn-envios-agregarcliente {
        margin-bottom: 0px;
        margin-top: 8px;
    }
}

#InvitationsPage .button {
    margin-top: 0;
}

#InvitationsPage #MainContent_cmbClientes_DDD_L_LBT tr:nth-child(even) {
    background-color: #f9f8f6;
}

#InvitationsPage .contenedorCheckBox,
#InvitationsPage .CheckLink {
    padding-top: 3px;
}

#InvitationsPage .btn.btn-envios-nuevocliente.btn-block {
    height: 56px; /*cambio_css - VW*/
    margin-top: 2px;
}

@media(max-width:600px) {

    #InvitationsPage .button {
        margin-top: 40px;
    }

    #InvitationsPage .previousWindowBlock {
        display: block !important;
    }

        #InvitationsPage .previousWindowBlock .contenedorCheckBox.regular-14-grey {
            padding-bottom: 8px;
        }

        #InvitationsPage .previousWindowBlock .CheckLink {
            margin-left: 35px !important;
        }
}


/*modal nuevo cliente*/
#InvitationsPage #nuevocliente .modal-body {
    padding: 24px 0;
}

#InvitationsPage #nuevocliente .modal-dialog {
    margin-top: 0;
    top: calc(50% - 251px);
}

#InvitationsPage #nuevocliente .modal-header {
    border-bottom: 1px solid #e1d7cd !important;
    padding: 32px 0px 12px 0px !important;
}

#InvitationsPage #nuevocliente .close {
    margin-top: -8px !important;
}

    #InvitationsPage #nuevocliente .close .material-icons {
        margin-top: 0px !important;
    }

#InvitationsPage #nuevocliente #divRecordatorio {
    padding: 0px !important;
}

    #InvitationsPage #nuevocliente #divRecordatorio .al-explain-text {
        margin-top: 0px !important;
    }

#InvitationsPage #nuevocliente .modal-footer {
    padding: 0px !important;
}

    #InvitationsPage #nuevocliente .modal-footer .al-explain-text,
    #InvitationsPage #nuevocliente .modal-footer .BotonesModal {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #InvitationsPage #nuevocliente .modal-footer .BotonesModal {
        margin-bottom: 16px !important;
    }

    #InvitationsPage #nuevocliente .modal-footer .btn-envios-cancelarnuevocliente {
        margin-left: 0px !important;
    }

#InvitationsPage #nuevocliente .modal-dialog input,
#InvitationsPage #nuevocliente .modal-dialog select {
    color: #747468;
    border: 1px solid #190f14 !important;
    border-radius: 2px;
}

#InvitationsPage #nuevocliente .al-explain-text {
    font-family: "SeatRegular";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468 !important;
    margin-top: 10px;
    margin-left: 10px;
}

#InvitationsPage #nuevocliente #formAddCliente .al-fields-container {
    padding-right: 0px;
    margin-bottom: 0px;
}

#InvitationsPage #nuevocliente .al-col-right {
    padding-right: 0px;
    padding-left: 22px;
}

#InvitationsPage #nuevocliente .al-col-left {
    padding-right: 8px;
}

#InvitationsPage #nuevocliente .al-col-prefix {
    padding-right: 0px !important;
}

/*responsive modal nuevo cliente*/
@media (max-width:800px) {
    #InvitationsPage #nuevocliente .btn-envios-cancelarnuevocliente {
        margin-bottom: 0px;
    }
}

@media(min-width:768px) {
    #InvitationsPage #nuevocliente .modal-dialog input,
    #InvitationsPage #nuevocliente .modal-dialog select {
        height: 56px !important;
    }
}

@media(max-width:767px) {
    #InvitationsPage #nuevocliente .modal-header {
        padding: 24px 0px 12px 0px !important;
        margin: 0 16px !important;
    }

    #InvitationsPage #nuevocliente .modal-dialog input,
    #InvitationsPage #nuevocliente .modal-dialog select {
        height: 48px !important;
    }

    #InvitationsPage #nuevocliente .al-col-right,
    #InvitationsPage #nuevocliente .al-col-left {
        padding: 0px !important;
        padding-left: 15px !important;
    }

    #InvitationsPage #nuevocliente #divRecordatorio .al-explain-text {
        margin-top: 10px !important;
    }

    #InvitationsPage #nuevocliente .modal-dialog {
        margin: auto;
        height: 100%;
        bottom: 0;
        left: 0;
        top: 0;
        transform: none;
    }

    #InvitationsPage #nuevocliente label {
        display: none;
    }

    #InvitationsPage #nuevocliente .modal-title {
        font-size: 18px;
        line-height: 1.33;
    }

    #InvitationsPage #nuevocliente .modal-dialog .modal-content {
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
        bottom: 0;
        left: 0;
        position: fixed;
    }

    #InvitationsPage #nuevocliente .modal-dialog,
    #InvitationsPage #nuevocliente .modal-dialog .modal-content {
        max-width: 100%;
    }
}

@media(max-width: 575px) {
    #InvitationsPage #nuevocliente {
        padding: 0px;
    }
}

/* FIN INVITACIONES */
/*---------  Carpeta personal y compartida     -----------*/

/* Color de iconos y tamaño de fuente en botones naranjas */
#carpetaPersonal .añadirFileButton.btn-añadir,
#carpetaCompartida .añadirFileButton.btn-añadir {
    line-height: 16px;
}

#carpetaPersonal .btn-añadir,
#carpetaPersonal .dxm-item.dxm-noSubMenu.dxct-if.dxct-il,
#carpetaPersonal #MainContent_gridArchivos_DXFilterBar > tbody,
#carpetaPersonal #MainContent_ASPxGridView1_DXFilterBar > tbody,
#carpetaCompartida .btn-añadir,
#carpetaCompartida .dxm-item.dxm-noSubMenu.dxct-if.dxct-il,
#carpetaCompartida #MainContent_gridArchivos_DXFilterBar > tbody,
#carpetaCompartida #MainContent_ASPxGridView1_DXFilterBar > tbody {
    background-color: var(--main);
    border: 2px solid var(--main);
}

#carpetaPersonal .dxeListBoxFilter_MaterialCompact tr td:first-child,
#carpetaPersonal .btn-plus,
#carpetaCompartida .dxeListBoxFilter_MaterialCompact tr td:first-child,
#carpetaCompartida .btn-plus {
    opacity: 0.6;
}

#carpetaPersonal .deleteButtonDiv, /*cambio_css*/
#carpetaCompartida .deleteButtonDiv {
    border-radius: 2px;
    padding: 4px 8px;
}

#carpetaPersonal .fas.fa-info-circle,
#carpetaCompartida .fas.fa-info-circle {
    margin-left: 4px;
}

#carpetaPersonal .dxig-thumbnailTextArea > div > i,
#carpetaCompartida .dxig-thumbnailTextArea > div > i {
    vertical-align: middle;
}

#carpetaPersonal .clearFilter,
#carpetaCompartida .clearFilter {
    background-color: #F2F2F2 !important;
    border: 2px solid var(--main) !important;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    font-family: "SeatBold";
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: var(--main) !important;
}

#carpetaPersonal .applyFilter,
#carpetaCompartida .applyFilter {
    background-color: var(--main) !important;
    border: 2px solid var(--main) !important;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    font-family: "SeatBold";
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: white !important;
    margin-right: 32px;
    margin-top: 8px;
}

/*IMAGENES*/
#carpetaPersonal .dxig-thumbnailTextArea,
#carpetaCompartida .dxig-thumbnailTextArea {
    opacity: 1 !important;
}


#carpetaPersonal .deleteButtonDiv { /*cambio_css*/
    padding: 0 !important;
    width: 100px;
}


/*MODALES*/

#carpetaPersonal .modal-dialog,
#carpetaCompartida .modal-dialog {
    max-width: 524px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

#carpetaPersonal .modal-content .modal-body,
#carpetaCompartida .modal-content .modal-body {
    padding: 24px 0 32px 0;
}

#carpetaPersonal .modal-header,
#carpetaCompartida .modal-header {
    padding: 32px 0px 0px 0px !important;
}

#carpetaPersonal .modal-body .title-16-medium,
#carpetaPersonal .modal-content .modal-body .align-content-start .list-inline,
#carpetaPersonal .modal-content .modal-body .align-content-start .list-inline-item,
#carpetaPersonal .modal-content .modal-body .align-content-start .md-form,
#carpetaCompartida .modal-body .title-16-medium,
#carpetaCompartida #detailsModalLinks .modal-content .modal-body .align-content-start .list-inline,
#carpetaCompartida #detailsModalLinks .modal-content .modal-body .align-content-start .list-inline-item,
#carpetaCompartida #detailsModalLinks .modal-content .modal-body .align-content-start .md-form {
    margin: 0px;
}


#carpetaPersonal .modal-content .modal-body .align-content-start,
#carpetaCompartida .modal-content .modal-body .align-content-start {
    margin-top: 15px;
}

    #carpetaPersonal .modal-content .modal-body .align-content-start .modalLabels,
    #carpetaCompartida .modal-content .modal-body .align-content-start .modalLabels {
        display: flex;
        flex-wrap: wrap;
    }

#carpetaPersonal #modalAlerta .modal-content .modal-body p,
#carpetaCompartida #modalAlerta .modal-content .modal-body p {
    margin-bottom: 0;
    font-weight: bold;
}

#carpetaPersonal .modal-content .modal-body .align-content-start p,
#carpetaPersonal .modal-title .material-icons,
#carpetaCompartida .modal-title .material-icons {
    display: block;
}



/*SECCION BOTONES*/

#carpetaPersonal .modal-content .modal-footer,
#carpetaCompartida .modal-content .modal-footer {
    border: 0;
    padding: 0 0 32px 0;
}

#carpetaPersonal #modalVerify .modal-content .modal-footer .row,
#carpetaCompartida #modalVerify .modal-content .modal-footer .row {
    margin: 0;
    padding: 0;
}

#carpetaPersonal #modalVerify .modal-content .modal-footer #divAceptar,
#carpetaCompartida #modalVerify .modal-content .modal-footer #divAceptar {
    padding-left: 0;
}

#carpetaPersonal #modalVerify .modal-content .modal-footer #divRechazar,
#carpetaCompartida #modalVerify .modal-content .modal-footer #divRechazar {
    padding-right: 0;
}

    #carpetaPersonal #modalVerify .modal-content .modal-footer #divRechazar .dx-vam,
    #carpetaCompartida #modalVerify .modal-content .modal-footer #divRechazar .dx-vam {
        font-family: "SeatBold";
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        text-align: center;
        color: white;
    }


/***********************************************************/


@media (max-width: 600px) {
    #carpetaPersonal .añadirFileButton.btn-añadir,
    #carpetaCompartida .añadirFileButton.btn-añadir {
        align-items: center;
    }
}

@media (max-width:767px) {
    #carpetaPersonal .dxigFlowItem_MaterialCompact.dxigItem_MaterialCompact, #carpetaCompartida .dxigFlowItem_MaterialCompact.dxigItem_MaterialCompact {
        width: 46% !important;
    }

    #carpetaPersonal #modalVerify .modal-content .modal-footer #divAceptar,
    #carpetaCompartida #modalVerify .modal-content .modal-footer #divAceptar {
        padding: 0;
    }

    #carpetaPersonal #modalVerify .modal-content .modal-footer #divRechazar,
    #carpetaCompartida #modalVerify .modal-content .modal-footer #divRechazar {
        padding: 0;
        margin-top: 5px;
    }

    #carpetaPersonal .modal-dialog,
    #carpetaCompartida .modal-dialog {
        margin: auto;
        height: 100%;
        bottom: 0;
        left: 0;
        top: 0;
        transform: none;
    }

        #carpetaPersonal .modal-dialog .modal-content,
        #carpetaCompartida .modal-dialog .modal-content {
            border-top-left-radius: 19px;
            border-top-right-radius: 19px;
            bottom: 0;
            left: 0;
            position: fixed;
        }


    #carpetaPersonal .modal-dialog,
    #carpetaPersonal .modal-content,
    #carpetaCompartida .modal-dialog,
    #carpetaCompartida .modal-content {
        max-width: 100%;
    }


        #carpetaPersonal .modal-content div[class^="modal-"],
        #carpetaCompartida .modal-content div[class^="modal-"] {
            margin: 0 16px !important;
        }

    #carpetaPersonal .modal-header,
    #carpetaCompartida .modal-header {
        padding: 24px 0 16px 0;
    }

    #carpetaPersonal #modalVerify .modal-title,
    #carpetaCompartida #modalVerify .modal-title {
        font-family: 'SeatBold';
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 24px;
        letter-spacing: normal;
        color: #190f14;
    }

    #carpetaPersonal .modal-body,
    #carpetaCompartida .modal-body {
        padding: 32px 0 32px 0;
    }

    #carpetaPersonal #modalVerify .modal-body p,
    #carpetaCompartida #modalVerify .modal-body p {
        font-size: 14px;
        margin-bottom: 0;
    }

    #carpetaPersonal .modal-footer.border-0,
    #carpetaCompartida .modal-footer.border-0 {
        border-top: 1px solid #dee2e6 !important;
        padding: 14px 0 16px 0;
    }
}

/*---------  Fin Carpeta personal y compartida     -----------*/


/*nuevo_css*/

#modalSemaforo .modal-header {
    padding: 32px 0 8px 0;
}

#modalSemaforo .modal-title {
    font-family: "SeatBold";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    color: var(--dark);
}

#modalSemaforo .modal-body {
    padding: 24px 0 0 0;
}

    #modalSemaforo .modal-body p {
        font-family: 'SeatRegular';
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: normal;
        color: var(--copy);
    }

#modalSemaforo .permanecer-onl,
#modalSemaforo .permanecer-ofl {
    width: 100%;
    min-height: 70px;
    padding: 11px 20px 0 5px;
    margin: 0;
}

#modalSemaforo .modal-footer {
    padding: 24px 0 32px 0;
}

#modalSemaforo .btn-estado-on-modal {
    background-color: #ea5d1a !important;
}

#modalSemaforo .switch-field label {
    border: 2px solid #ea5d1a !important;
}

#modalSemaforo .no-padding-right {
    padding-right: 0;
}

#modalSemaforo .no-padding-left {
    padding-left: 0;
}




@media(max-width:600px) {

    #modalSemaforo .modal-content div[class^="modal-"] {
        margin: 0 16px !important;
    }


    #modalSemaforo .modal-dialog {
        margin: 0;
        position: absolute;
        bottom: 0px;
        left: 0;
        /*height:55%;*/
        min-width: 100%;
    }

    #modalSemaforo .modal-header {
        padding: 24px 0px 16px 0;
    }

    #modalSemaforo .modal-content {
        -webkit-border-top-left-radius: 19px;
        -webkit-border-top-right-radius: 19px;
        -moz-border-radius-topleft: 19px;
        -moz-border-radius-topright: 19px;
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
        height: 100%;
    }

    #modalSemaforo .modal-title {
        font-weight: bold;
        font-size: 18px;
    }

    #modalSemaforo .modal-body {
        padding: 16px 0 0 0;
    }

    #modalSemaforo .switch-field {
        padding: 0 14px;
    }

    #modalSemaforo .permanecer-onl, #modalSemaforo .permanecer-ofl {
        padding: 15px 5px 0 5px;
        margin-bottom: 40px !important;
    }

    #modalSemaforo .modal-footer {
        padding: 16px 0;
    }

    #modalSemaforo .btn-standard {
        font-size: 14px !important;
        margin-left: 0;
        margin-right: 0;
        border-radius: 2px;
    }
}

/*----Cuadro mando ---------*/
/*nuevo estilo*/

#cuadroMandoPage .form-control {
    padding: 0.10em 0.75rem;
}

#cuadroMandoPage #btnLeyenda:hover {
    cursor: pointer;
}



#cuadroMandoPage .button {
    display: flex;
    align-items: center;
    margin-top: 24px;
    height: 40px;
}

#cuadroMandoPage .cta-default {
    color: white;
}

#cuadroMandoPage .button-icon {
    margin-right: 0.625rem;
    margin-bottom: 3px;
}

#cuadroMandoPage .numbers {
    font-size: 24px;
    font-family: SeatBlack;
}

#cuadroMandoPage p.label {
    line-height: 18px;
}

#cuadroMandoPage .tiempo {
    padding-left: 0px;
}

#cuadroMandoPage .numclientes {
    padding-right: 0px;
}

#cuadroMandoPage .cuadromando-contenedor-botones .cuadromando-contenedor-boton .cta-default {
    color: #ffffff;
    font-family: SeatBold !important;
}

@media (max-width: 767px) {
    #cuadroMandoPage .numclientes {
        padding-left: 0px;
    }

    #cuadroMandoPage .cuadromando-contenedor-botones .cuadromando-contenedor-boton {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
    }


    #cuadroMandoPage .cuadromando-contenedor-botones .mb-3 {
        margin-bottom: 0px !important;
    }

    #cuadroMandoPage .cuadromando-contenedor-botones .cuadromando-contenedor-boton .title-16-medium {
        width: 100%;
        margin-bottom: 0;
        padding-right: 15px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
    }

    #cuadroMandoPage .cuadromando-contenedor-botones .cuadromando-contenedor-boton .button.btn-block {
        margin-top: 0;
    }

    #cuadroMandoPage .cuadromando-contenedor-datos {
        margin-top: 0;
    }

    #cuadroMandoPage .cuadromando-contenedor-boton h5 {
        height: auto;
    }

    #cuadroMandoPage .cuadromando-contenedor-graficos {
        margin-top: 12px;
    }

    #cuadroMandoPage .cuadromando-contenedor-botones .cuadromando-contenedor-boton .title-16-medium {
        width: 100%;
        margin-bottom: 0;
        padding-right: 8px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
    }

    #cuadroMandoPage .cuadromando-contenedor-botones .cuadromando-contenedor-boton {
        padding: 12px;
    }

    #cuadroMandoPage .cuadromando-contenedor-datos .title-20,
    #cuadroMandoPage .cuadromando-contenedor-graficos .title-20 {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #190f14;
    }


    #cuadroMandoPage .cuadromando-contenedor-datos,
    #cuadroMandoPage .cuadromando-contenedor-graficos .card-body {
        padding: 16px 12px;
    }

        #cuadroMandoPage .cuadromando-contenedor-datos .title-16-bold {
            margin: 0;
            font-family: "SeatMedium";
            font-size: 12px;
            line-height: 16px;
            font-weight: 400;
            color: #190f14;
        }

        #cuadroMandoPage .cuadromando-contenedor-datos .title-16-medium {
            margin: 0;
            font-size: 14px;
            line-height: 16px;
            font-weight: 400;
            color: #190f14;
        }

    #cuadroMandoPage .cuadromando-leads {
        padding: 0;
    }

    #cuadroMandoPage .cuadromando-contenedor-datos .cuadromando-section-leads-datos.numclientes {
        margin-bottom: 0px;
        padding-top: 4px;
    }

    #cuadroMandoPage .cuadromando-contenedor-datos .card-body {
        padding: 0px 11px 11px 11px;
    }

    #cuadroMandoPage .cuadromando-contenedor-datos .cuadromando-filtro .dark-grey-text,
    #cuadroMandoPage .cuadromando-contenedor-datos .cuadromando-filtro .dxeButtonEditSys tr td.dxic {
        font-size: 12px;
        line-height: 16px;
    }

    #cuadroMandoPage .cuadromando-section-leads-datos p.label {
        margin-bottom: 8px;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: #747468;
    }



    #cuadroMandoPage .cuadromando-section-leads-datos .numbers {
        font-family: "SeatBold";
        font-size: 20px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 24px;
        letter-spacing: normal;
        color: #190f14;
    }


    #cuadroMandoPage .cuadromando-contenedor-datos .cuadromando-section-leads .numberContent {
        margin-top: 16px;
    }
}

/**--- Fin cuadro mando ---**/

#video-desktop .bloc { /*cambio_css - VW*/
    padding: 0;
}


/*nuevo_css*/

/** Front contenido página ppal Envios*/
#Envios #divPunto2 {
    margin-bottom: -4px;
}

@media (min-width:768px) {
    #Envios #divPunto3, #Envios #divPunto4 {
        margin-bottom: -14px;
    }
}

#Envios .no-padding-left {
    padding-left: 0px;
}

#Envios .black-24-dark {
    font-family: 'SeatBlack';
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: #190f14;
}

#Envios .medium-16-dark-normal {
    font-family: 'SeatMedium';
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #190f14;
}


#Envios .btn-envios-nuevocliente {
    height: 54px;
}

#Envios #MainContent_cmbClientes_DDD_PW-1 {
    left: 15px !important;
}

#Envios #MainContent_cmbClientes_DDD_L_H .dxeListBoxItem_MetropolisBlue {
    border-left: none;
    border-right: none;
}

#Envios .dxeListBox_MetropolisBlue .dxeHD {
    border-bottom: 2px solid #190f14;
}

#Envios #MainContent_cmbClientes_DDD_L_LBT tr:nth-child(even) {
    background-color: #f9f8f6;
}

#Envios #MainContent_cmbClientes_DDD_L_LBT .dxeListBoxItemRow_MetropolisBlue td {
    border-left: none !important;
}

#Envios .al-envios-grey-text,
#Envios .al-envios-grey-text {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468;
    display: contents;
}

#Envios .btn-envios-nuevocliente i {
    margin-top: -4px;
    margin-right: 4px;
}

#Envios .al-grey-background {
    padding: 24px;
}

#Envios .al-checkboxes-container {
    margin-left: 0px !important;
}

    #Envios .al-checkboxes-container input:checked ~ .checkmark {
        background-color: #190f14;
    }

#Envios .contenedorCheckBox .checkmark {
    margin-top: -8px;
}

#Envios .al-checkboxes-container.first {
    margin-top: 20px !important;
}

#Envios #divPlantillas {
    height: 350px;
    max-height: 350px !important;
    overflow-y: auto;
    background: white;
    border-radius: 2px;
    border: solid 1px #190f14;
}

    #Envios #divPlantillas a:hover {
        opacity: 1;
    }

        #Envios #divPlantillas a:hover h5 {
            font-family: SeatMedium;
        }

#Envios #textAsuntoEmail, #Envios #textAreaBody {
    padding: 12px 10px;
    height: auto;
}

#Envios #divGuardarVPrevia {
    text-align: center;
}

    #Envios #divGuardarVPrevia .btn {
        border-width: 1px !important;
        font-size: 14px;
    }

@media (max-width:768px) {
    #Envios #divPlantillas {
        margin-bottom: 1rem;
    }

    #Envios #divArchivos #headingFive h5 {
        font-size: 14px;
    }

    #Envios #divGuardarVPrevia .al-envios-grey-text {
        font-size: 12px;
    }
}

#Envios label.envios-titulos-apartadosplantillas {
    margin-bottom: 6px;
}

#Envios #textAreaBody {
    min-width: 100% !important;
    height: 260px !important;
    font-size: 12px;
}

#Envios #textAreaFormGroup {
    margin-bottom: 0px;
}

#Envios #divPlantillas .card.hoverable {
    height: 44px !important;
    width: 100% !important;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #e1d7cd;
}

@media (max-width:847px) {
    #Envios #divPlantillas .card.hoverable {
        min-height: 44px;
        height: auto !important;
    }
}

#Envios .card-body {
    padding: 0px;
}

#Envios .card.hoverable .card-body .material-icons {
    padding-bottom: 7px;
}

#Envios #divPlantillas .envio-oval {
    background-color: #ea5d1a;
    margin-bottom: 6px;
    padding-top: 6px;
}

#Envios .card-body {
    padding: 0px;
}

    #Envios .card-body span {
        margin-right: 0px !important;
    }

    #Envios .card-body .media-body .envios-plantilla-titulo {
        margin-left: 0px;
        margin-bottom: 6px;
    }

#Envios .al-row-no-margin {
    margin-left: 0px;
    margin-right: 0px;
}

#Envios #divArchivos .uploadContainer .al-col-but {
    padding-left: 0px;
    padding-right: 0px;
}


@media (max-width:360px) {
    #Envios #divArchivos .uploadContainer button {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media (max-width:320px) {
    #Envios #divArchivos .uploadContainer button {
        font-size: 12px !important;
    }
}

#Envios .dropZoneExternal, .dragZoneText {
    margin-top: 10px;
}

#Envios #divArchivos .list-inline ul {
    padding-left: 0px;
}

@media (min-width:1529px) {
    #Envios #divArchivos .al-archivos-sec-col {
        margin-top: 50px;
        margin-bottom: -20px;
    }
}

@media (min-width:1387px) and (max-width:1528px) {
    #Envios #divArchivos .al-archivos-sec-col {
        margin-top: 70px;
        margin-bottom: -20px;
    }
}

@media (min-width:992px) and (max-width:1386px) {
    #Envios #divArchivos .al-archivos-sec-col {
        margin-top: 50px;
        margin-bottom: -20px;
    }
}

@media (min-width:992px) {
    #Envios #divArchivos .al-archivos-sec-col {
        padding-right: 103px;
    }
}

@media (max-width:991px) {
    #Envios #divArchivos .al-archivos-sec-col {
        margin-top: 20px;
    }
}

#Envios #divArchivos .uploadContainer button {
    font-size: 14px;
    color: #190f14 !important;
    border-color: #190f14 !important;
}

@media (max-width:600px) {
    #Envios #divArchivos .uploadContainer button {
        height: 40px;
        border-width: 1px !important;
    }
}


/**Radio buttons Punto 4*/
#Envios .first-li-radio {
    margin-right: 50px;
}

#Envios .light-radios {
    --other: hsl(0, 0%, 14%);
}

    #Envios .light-radios .dark-grey-text {
        color: #4f4f4f !important;
        margin-top: 6px;
    }

#Envios .label-radios {
    display: flex;
}

#Envios .al-radio-button {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

#Envios .design {
    width: 24px;
    height: 24px;
    border: 1px solid #747468;
    border-radius: 100%;
    margin-right: 16px;
    position: relative;
}

    #Envios .design::before,
    #Envios .design::after {
        content: "";
        display: block;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        position: absolute;
        transform: scale(0);
        transform-origin: center center;
    }

    #Envios .design:before {
        background: #190f14;
        opacity: 0;
        transition: .1s;
    }

#Envios .al-radio-button:checked + .design::before {
    opacity: 1;
    transform: scale(.6);
    margin-top: -1px;
    margin-left: -1px;
}
/**fin radio buttons punto 4*/

#Envios #contenedorArchivosCompartidos .tab-pane.row {
    margin-left: 0px;
    margin-right: 0px;
}

/** botones de abajo de guardar --> ok? distinto texto, ancho?*/
/*@media(min-width:820px){
	#Envios #divGuardarVPrevia{
		
	}
}*/

#Envios .downladIcon {
    display: block;
    text-align: center;
}

#Envios .dropZoneExternal {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none !important;
}

#Envios #dragZone {
    cursor: pointer;
}

#Envios .dragZoneText {
    font-family: 'SeatMedium';
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #190f14;
}

#Envios #contenedorArchivosCompartidos {
    margin-left: -6px;
}

@media(max-width:991px) {
    #Envios #divGuardarVPrevia {
        margin-bottom: 20px
    }
}

/**Front modales*/
#Envios .modal .modal-header,
#Envios #modalVerifySubida .modal-header {
    padding: 32px 0px 12px 0px;
}

#Envios .modal .modal-header {
    border-bottom: 1px solid #e1d7cd;
}

#Envios .modal .close {
    margin-top: -8px !important;
}

#Envios .modal .modal-footer,
#Envios #modalVerifySubida .modal-footer {
    padding: 12px 0px 32px 0px;
}
/*regla general modales: salvo contradicción en diseño, footers en desktop sin borde y en movil con*/
#Envios .modal .modal-footer {
    border-top: none;
}

@media(max-width:768px) {
    #Envios .modal .modal-footer {
        border-top: 1px solid #e1d7cd;
    }
}
/*fin regla general*/

/*excepciones de lo anterior por diseño zplin aquí debajo*/
/*modal nuevo cliente --> justo al reves*/
#Envios #nuevocliente .modal-footer {
    border-top: 1px solid #e1d7cd;
}

@media(max-width:768px) {
    #Envios #nuevocliente .modal-footer {
        border-top: none;
    }
}
/*fin excepciones*/

#Envios .modal .modal-footer .btn {
    margin-left: 0px;
    margin-right: 0px;
}

#Envios .modal .close .material-icons {
    margin-top: 0px !important;
}

#Envios .modal-dialog,
#Envios #modalVerifySubida .modal-dialog,
#Envios #modalEnvioGuardado .modal-dialog {
    border-radius: 3px;
}

#Envios .modal .modal-body {
    padding: 24px 0;
}

/*modales nuevo cliente*/
#Envios #nuevocliente .modal-dialog {
    margin-top: 0;
    top: calc(50% - 251px);
}

#Envios #nuevocliente #divRecordatorio {
    padding: 0px !important;
}

    #Envios #nuevocliente #divRecordatorio .al-explain-text {
        margin-top: 0px !important;
    }

#Envios #nuevocliente .modal-footer {
    padding: 0px !important;
}

    #Envios #nuevocliente .modal-footer .al-explain-text,
    #Envios #nuevocliente .modal-footer .BotonesModal {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #Envios #nuevocliente .modal-footer .BotonesModal {
        margin-bottom: 16px !important;
    }

    #Envios #nuevocliente .modal-footer .btn-envios-cancelarnuevocliente {
        margin-left: 0px !important;
    }

#Envios #nuevocliente .modal-dialog input,
#Envios #nuevocliente .modal-dialog select {
    color: #747468;
    border: 1px solid #190f14 !important;
    border-radius: 2px;
}

#Envios #nuevocliente .al-explain-text {
    font-family: "SeatRegular";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468 !important;
    margin-top: 10px;
    margin-left: 10px;
}

#Envios #nuevocliente #formAddCliente .al-fields-container {
    padding-right: 0px;
    margin-bottom: 0px;
}

#Envios #nuevocliente .al-col-right {
    padding-right: 0px;
    padding-left: 22px;
}

#Envios #nuevocliente .al-col-left {
    padding-right: 8px;
}

#Envios #nuevocliente .al-col-prefix {
    padding-right: 0px !important;
}

#Envios .btn-envios-modal-aceptar {
    max-width: 460px;
}

/*responsive modal nuevo cliente*/
@media (max-width:800px) {
    #Envios #nuevocliente .btn-envios-cancelarnuevocliente {
        margin-bottom: 0px;
    }
}

@media(min-width:768px) {
    #Envios #nuevocliente .modal-dialog input,
    #Envios #nuevocliente .modal-dialog select {
        height: 56px !important;
    }
}

@media(max-width:767px) {
    #Envios #nuevocliente .modal-dialog input,
    #Envios #nuevocliente .modal-dialog select {
        height: 48px !important;
    }

    #Envios .BotonesModal {
        flex-direction: column;
    }

    #Envios #nuevocliente .al-col-right,
    #Envios #nuevocliente .al-col-left {
        padding: 0px !important;
        padding-left: 15px !important;
    }

    #Envios #nuevocliente #divRecordatorio .al-explain-text {
        margin-top: 10px !important;
    }

    #Envios #nuevocliente .modal-header {
        padding: 24px 0px 12px 0px !important;
        margin: 0 16px !important;
    }

    #Envios #nuevocliente .modal-title {
        font-size: 18px;
        line-height: 1.33;
    }

    #Envios #nuevocliente .modal-body {
        padding: 16px 0 40px 0;
        margin: 0 16px !important;
    }

    #Envios #nuevocliente .modal-footer {
        margin: 0 16px !important;
    }

    #Envios #nuevocliente .modal-dialog {
        margin: auto;
        height: 100%;
        bottom: 0;
        left: 0;
        top: 0;
        transform: none;
    }

    #Envios #nuevocliente label {
        display: none;
    }

    #Envios #nuevocliente .modal-dialog .modal-content {
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
        bottom: 0;
        left: 0;
        position: fixed;
    }

    #Envios #nuevocliente .modal-dialog,
    #Envios #nuevocliente .modal-dialog .modal-content {
        max-width: 100%;
    }

    #Envios .btn-envios-modal-aceptar {
        max-width: 100%;
    }
}

@media(max-width:576px) {
    #Envios #nuevocliente {
        padding: 0px;
    }
}


#Envios .title-16-medium {
    margin: 16px 0px;
}

#Envios .modal-body,
#Envios #modalVerifySubida .modal-body,
#Envios #modalEnvioGuardado .modal-body {
    padding-left: 0px;
    padding-right: 0px;
}

#Envios .al-modal-section-title.first {
    margin-top: 0px;
    border-top: none;
    padding-top: 0px !important;
}

#Envios .al-modal-section-title {
    font-family: "SeatBlack";
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: #190f14;
    text-align: left;
    margin-bottom: 2px !important;
    border-top: 1px solid #dee2e6;
    margin-top: 32px;
}

#Envios .al-modal-section-quote {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal !important;
    font-stretch: normal;
    font-style: normal !important;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468;
    text-align: left;
    margin-bottom: 0px !important;
}

#Envios #al-modal-call-history-body {
    margin-top: 20px;
    overflow: auto hidden;
}

#Envios #contenedorArchivosCompartidos ul {
    overflow-y: hidden;
}

#Envios .modal .material-icons,
#Envios #modalEnvioGuardado .material-icons,
#Envios #modalVerifySubida .material-icons {
    font-size: 30px;
    color: black;
    margin-top: 10px;
}

#Envios .modal .close,
#Envios #modalEnvioGuardado .close,
#Envios #modalVerifySubida .close {
    opacity: 1;
}

#Envios #modalRepoConce .modal-footer,
#Envios #modalRepoCliente .modal-footer {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/** Front modal historial llamada*/
#Envios #modalHistorialLlamada #al-modal-call-history-body {
    overflow-x: hidden !important;
}

#Envios #modalHistorialLlamada #myTabContentHistorialLlamada {
    background-color: #f2f2f2;
    padding: 20px;
}

#Envios #modalHistorialLlamada .modal-header {
    padding-top: 25px;
    border-bottom: 1px solid #e1d7cd !important;
    padding-bottom: 8px !important;
}

#Envios #modalHistorialLlamada .al-modal-history-section-title {
    font-family: "SeatBold";
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    color: #190f14;
    margin-bottom: 0px;
}

#Envios #modalHistorialLlamada #cabeceraVideos,
#Envios #modalHistorialLlamada #cabeceraConversacion {
    padding-left: 0px;
    padding-bottom: 0px;
    border-bottom: none;
    background-color: transparent;
    margin-bottom: 10px;
}

#Envios #modalHistorialLlamada #divMaterial {
    margin-top: 20px;
}

#Envios #modalHistorialLlamada #contenedorConversacion,
#Envios #modalHistorialLlamada #contenedorGaleria {
    margin-left: 0px;
    margin-right: 0px;
    max-height: 300px !important;
    overflow: auto;
}

#Envios #modalHistorialLlamada #contenedorConversacion {
    max-height: 274px !important;
}

#Envios #modalHistorialLlamada #contenedorConversacion {
    padding: 10px 15px;
}

#Envios #modalHistorialLlamada #contenedorGaleria ul {
    padding-left: 0px;
    width: 100%;
}

#Envios #modalHistorialLlamada #divHistoryTable {
    overflow-x: auto;
}

#Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXHeadersRow0 td {
    font-family: "SeatMedium";
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
}

#Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXMainTable .dxgvDataRow_MaterialCompact td {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #747468;
    text-align: left;
}

    #Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXMainTable .dxgvDataRow_MaterialCompact td:first-child {
        color: #190f14 !important;
    }

#Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXMainTable tr td {
    border-right: none !important;
}

#Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXMainTable tr:nth-child(even) {
    background: #f2f2f2;
}

#Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXMainTable {
    border-radius: 2px;
    border: solid 1px #190f14; /*#747468*/
    box-shadow: none;
}

#Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXHeadersRow0 .dxgvHeader_MaterialCompact {
    border-bottom: 1px solid #747468;
}

#Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXHeadersRow0,
#Envios #modalHistorialLlamada .dxgvHeader_MaterialCompact {
    padding: 17px 10px 18px 20px;
}

#Envios #modalHistorialLlamada .dxgvDataRow_MaterialCompact .dx-ellipsis {
    padding-left: 20px !important;
}

#Envios #modalHistorialLlamada .dxgvPagerBottomPanel_MaterialCompact {
    border: none;
    background-color: #f2f2f2;
}

#Envios #modalHistorialLlamada .containerChat p {
    font-family: "SeatRegular";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--copy);
    margin-bottom: 0;
}

#Envios #modalHistorialLlamada .containerChat {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    width: 60%;
    margin-left: 40%;
    border: none;
}

#Envios #modalHistorialLlamada #contenedorGaleria {
    display: flex;
    flex-flow: wrap;
}

#Envios #modalHistorialLlamada .containerChat {
    background-color: var(--jumbotron);
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    width: 60%;
    margin-left: 40%;
}

    #Envios #modalHistorialLlamada .containerChat p {
        font-family: "SeatRegular";
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: var(--copy);
        margin-bottom: 0;
    }

    #Envios #modalHistorialLlamada .containerChat.darker {
        background-color: var(--purplish-brown);
        margin-left: 0;
    }

        #Envios #modalHistorialLlamada .containerChat.darker p {
            color: #ece9e1
        }

#Envios #modalHistorialLlamada #cuerpoVideos,
#Envios #modalHistorialLlamada #cuerpoConversacion {
    background: white;
    border-radius: 2px;
}

#Envios #modalHistorialLlamada .chat-user {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468;
}

    #Envios #modalHistorialLlamada .chat-user.float-left {
        padding: 10px 0px 0px 15px;
    }

    #Envios #modalHistorialLlamada .chat-user.float-right {
        padding: 10px 15px 0px 0px;
    }

/** Front modal Enviado OK (nuevo modal) y modal envío guardado*/
#Envios #modalEnviadoOK {
    margin-top: 0px;
    top: calc(50% - 129px);
}

#Envios #modalEnvioGuardado {
    margin-top: 0px;
    top: calc(50% - 180px);
}

#Envios #modalEnviadoOK .modal-dialog .modal-content,
#Envios #modalEnvioGuardado {
    border-radius: 3px;
}

    #Envios #modalEnviadoOK .modal-header,
    #Envios #modalEnvioGuardado .modal-header {
        padding: 32px 0px 12px 0px !important;
        border-bottom: 1px solid #e1d7cd !important;
        padding-bottom: 8px !important;
    }

        #Envios #modalEnviadoOK .modal-header .close,
        #Envios #modalEnvioGuardado .modal-header .close {
            color: #212529;
            opacity: 1;
            margin-top: -14px;
        }

#Envios #modalEnviadoOK .modal-body,
#Envios #modalEnvioGuardado {
    padding-top: 30px;
}

    #Envios #modalEnviadoOK .modal-body p {
        font-family: "SeatMedium";
        font-size: 16px;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: #190f14;
    }

    #Envios #modalEnviadoOK .modal-footer,
    #Envios #modalEnviadoOK .modal-body,
    #Envios #modalEnviadoOK .modal-header,
    #Envios #modalEnvioGuardado .modal-footer,
    #Envios #modalEnvioGuardado .modal-body,
    #Envios #modalEnvioGuardado .modal-header {
        padding-left: 0px;
        padding-right: 0px;
    }

    #Envios #modalEnviadoOK .modal-footer,
    #Envios #modalEnvioGuardado .modal-footer {
        padding: 12px 0px 32px 0px !important;
    }

        #Envios #modalEnviadoOK .modal-footer button,
        #Envios #modalEnvioGuardado .modal-footer button {
            margin-left: 0px;
            margin-right: 0px;
            font-family: "SeatBold";
            font-size: 14px;
            font-stretch: normal;
            font-style: normal;
            line-height: 16px;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
        }


@media(max-width:767px) {

    #Envios #modalHistorialLlamada .modal-header {
        margin: 0 16px !important;
    }

    #Envios #modalHistorialLlamada .al-modal-history-section-title {
        font-size: 16px !important;
    }

    #Envios #modalHistorialLlamada .dxgvTable_MaterialCompact {
        min-width: 570px;
    }

    #Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXHeadersRow0 td {
        font-family: "SeatBold";
        font-size: 10px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: #190f14;
    }

    #Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXMainTable .dxgvDataRow_MaterialCompact td,
    #Envios #modalHistorialLlamada #MainContent_gridLlamadas_DXMainTable .dxgvDataRow_MaterialCompact td:first-child {
        font-family: "SeatRegular";
        font-size: 10px;
        color: #747468 !important;
        text-decoration: none;
    }

    #Envios #modalHistorialLlamada .containerChat p {
        font-size: 10px;
        line-height: 14px;
    }

    #Envios #modalHistorialLlamada .chat-user {
        font-size: 12px;
    }

    #Envios #modalHistorialLlamada .modal-title {
        font-size: 18px;
        line-height: 1.33;
    }

    #Envios #modalHistorialLlamada .modal-body {
        padding: 16px 0 40px 0;
        margin: 0 16px !important;
    }

    #Envios #modalHistorialLlamada .modal-footer {
        margin: 0 16px !important;
    }

    #Envios #modalHistorialLlamada .modal-dialog {
        margin: auto;
        height: 100%;
        bottom: 0;
        left: 0;
        top: 0;
        transform: none;
        overflow-y: auto;
    }

        #Envios #modalHistorialLlamada .modal-dialog .modal-content {
            border-top-left-radius: 19px;
            border-top-right-radius: 19px;
            bottom: 0;
            left: 0;
            position: fixed;
            max-height: 100%;
            overflow-y: auto;
        }

        #Envios #modalHistorialLlamada .modal-dialog,
        #Envios #modalHistorialLlamada .modal-dialog .modal-content {
            max-width: 100%;
        }

    #Envios .modal-content,
    #Envios #modalVerifySubida .modal-content,
    #Envios #modalEnvioGuardado .modal-content {
        border-radius: 19px 14px 0px 0px !important;
    }

    #Envios .modal-dialog,
    #Envios #modalVerifySubida .modal-dialog,
    #Envios #modalEnvioGuardado .modal-dialog {
        margin: 0px !important;
        max-width: 100%;
    }

    #Envios .BotonesModal button {
        margin-bottom: 0px;
    }

    #Envios .modal .modal-header,
    #Envios #modalVerifySubida .modal-header,
    #Envios #modalEnvioGuardado .modal-header {
        padding: 24px 0px 12px 0px !important;
    }

        #Envios .modal .modal-header .modal-title,
        #Envios #modalVerifySubida .modal-header .modal-title {
            font-size: 18px;
        }

    #Envios .modal .modal-footer,
    #Envios #modalVerifySubida .modal-footer,
    #Envios #modalEnvioGuardado .modal-footer {
        padding: 12px 0px 16px 0px !important;
    }

        #Envios #modalEnviadoOK .modal-footer button, #Envios #modalEnvioGuardado .modal-footer button {
            width: 100%;
            max-width: 100%;
        }

    #Envios .modal-content div[class^="modal-"],
    #Envios #modalVerifySubida .modal-content div[class^="modal-"],
    #Envios #modalEnvioGuardado .modal-content div[class^="modal-"] {
        margin: 0 16px !important;
    }

    #Envios #modalEnviadoOK .modal-dialog,
    #Envios #modalEnvioGuardado .modal-dialog {
        margin: auto;
        height: 100%;
        bottom: 0;
        left: 0;
        top: 0;
        transform: none;
        overflow-y: auto;
    }

        #Envios #modalEnviadoOK .modal-dialog .modal-content,
        #Envios #modalEnvioGuardado .modal-dialog .modal-content {
            border-top-left-radius: 19px;
            border-top-right-radius: 19px;
            bottom: 0;
            left: 0;
            position: fixed;
            max-height: 100%;
            overflow-y: auto;
        }

        #Envios #modalEnviadoOK .modal-dialog,
        #Envios #modalEnviadoOK .modal-dialog .modal-content,
        #Envios #modalEnvioGuardado .modal-dialog,
        #Envios #modalEnvioGuardado .modal-dialog .modal-content {
            max-width: 100%;
        }

    #Envios #modalEnviadoOK .modal-header,
    #Envios #modalEnvioGuardado .modal-header {
        padding-top: 40px;
    }

        #Envios #modalEnviadoOK .modal-header .modal-title,
        #Envios #modalEnvioGuardado .modal-header .modal-title {
            font-size: 18px;
        }

    #Envios #modalEnviadoOK .modal-body p,
    #Envios #modalEnvioGuardado .modal-body p {
        font-size: 14px;
    }
}

@media(max-width: 500px) {
    #Envios #modalHistorialLlamada .containerChat {
        width: 85% !important;
        margin-left: 15%;
    }
}





/** Front tablas*/
#Envios .dxgvTable_MaterialCompact {
    min-width: 1000px;
}

#Envios .dxgvDataRow_MaterialCompact img {
    max-height: 180px !important;
    width: auto !important;
}

/** Ocultar input de opción de subir fichero*/
#Envios #MainContent_UploadControl_FI0,
#Envios #al-uploadTitle {
    display: none !important;
}

/** Front paginación y sliders */
#Envios .dxpLite_MaterialCompact .dxp-button.dxp-bi,
#Envios #modalVerifySubida .dxpLite_MaterialCompact .dxp-button.dxp-bi {
    padding: 10px 0px;
}

#Envios .dxpLite_MaterialCompact .dxp-current,
#Envios #modalVerifySubida .dxpLite_MaterialCompact .dxp-current {
    font-weight: bold;
    background: none;
}

#Envios .dxpLite_MaterialCompact .dxp-num,
#Envios .dxpLite_MaterialCompact .dxp-ellip,
#Envios #modalVerifySubida .dxpLite_MaterialCompact .dxp-num,
#Envios #modalVerifySubida .dxpLite_MaterialCompact .dxp-ellip {
    font-size: 14px;
    font-family: "SeatMedium";
    padding: 10px 3px 8px 3px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--dark) !important;
}

#Envios .dxpLite_MaterialCompact .dxp-button.dxp-bi img,
#Envios #modalVerifySubida .dxpLite_MaterialCompact .dxp-button.dxp-bi img {
    margin: 0;
}

#Envios .dxp-lead.dxp-summary,
#Envios #modalVerifySubida .dxp-lead.dxp-summary {
    display: none;
}

#Envios .dxgvPagerBottomPanel_MaterialCompact,
#Envios #modalVerifySubida .dxgvPagerBottomPanel_MaterialCompact {
    text-align: left;
}

#Envios .dxigItem_MaterialCompact a > img,
#Envios #modalVerifySubida .dxigItem_MaterialCompact a > img {
    max-height: 100px !important;
    width: auto !important;
    margin-top: 0px !important;
}

#Envios #modalVerifySubida .dxigControl_MaterialCompact td.dxigCtrl {
    padding: 12px 0px;
}

#Envios #ArchivosCompartidosVideos {
    padding-bottom: 24px;
    padding-top: 24px;
}

    #Envios #ArchivosCompartidosVideos .carousel-item.active {
        display: flex;
        width: 100%;
        padding: 0 14px 14px 14px;
        /*flex-wrap: wrap;*/
    }

#Envios #controlesCarrousel a,
#Envios #controlesCarrouselModal a {
    color: #212529 !important;
}

#Envios #ArchivosCompartidosVideos .carousel-item-left,
#Envios #ArchivosCompartidosVideos .carousel-item-right,
#Envios #rowCarrouselModal .carousel-item-left,
#Envios #rowCarrouselModal .carousel-item-right {
    display: flex;
}

#Envios #carrouselVideos {
    margin-left: 4px;
}

#Envios #carrouselVideosModal {
    margin-left: 15px;
}

    #Envios #carrouselVideos .carousel-item.row img,
    #Envios #carrouselVideosModal .carousel-item.row img {
        max-height: 150px;
        width: auto;
    }

#Envios #rowCarrouselModal {
    padding: 0px;
}

#Envios #controlesCarrousel {
    text-align: right;
    padding: 0px;
    margin-bottom: 20px;
}

#Envios #ArchivosCompartidosVideos #multi-item-example {
    width: 100%;
}


/*nuevo_css - Cambiado VW*/

.modal .modal-content .modal-img {
    width: 46px;
    margin: 24px auto 8px !important;
}



.modal .mb-24 {
    margin-bottom: 24px !important;
}

#video-mobile #nuevocliente .modal-content, #video-desktop #nuevocliente .modal-content {
    max-height: 100vh;
    overflow-y: auto;
}

#modalAccederLlamada .modal-header,
#modalAviso .modal-header,
#modalSinIniciarCliente .modal-header,
#modalNoAsesor .modal-header {
    padding: 32px 0 16px 0;
    border-bottom: 1px solid var(--light-5);
}

    #modalAccederLlamada .modal-header .title-20,
    #modalAviso .modal-header .title-20,
    #modalSinIniciarCliente .modal-header .title-20,
    #modalNoAsesor .modal-header .title-20 {
        font-family: 'SeatBold';
        font-size: 20px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        color: var(--dark);
    }

#modalAccederLlamada .modal-body,
#modalAviso .modal-body,
#modalSinIniciarCliente .modal-body,
#modalNoAsesor .modal-body {
    padding: 24px 0 32px 0;
}

    #modalAccederLlamada .modal-body span,
    #modalAviso .modal-body span,
    #modalSinIniciarCliente .modal-body span,
    #modalNoAsesor .modal-body span {
        font-family: SeatMedium;
        padding-bottom: 32px;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: var(--dark);
        margin: 0 15px;
    }

    #modalAccederLlamada .modal-body button,
    #modalAviso .modal-body button,
    #modalSinIniciarCliente .modal-body button,
    #modalNoAsesor .modal-body button {
        max-width: 296px !important;
    }

@media(max-width: 767px) {
    .modal .modal-content .modal-img {
        margin: 32px auto 27px !important;
    }

    .modal .mb-24 {
        margin-bottom: 0 !important;
    }

    #modalAccederLlamada .modal-header,
    #modalAviso .modal-header,
    #modalSinIniciarCliente .modal-header,
    #modalNoAsesor .modal-header {
        padding-top: 24px !important;
    }

        #modalAccederLlamada .modal-header .title-20,
        #modalAviso .modal-header .title-20,
        #modalSinIniciarCliente .modal-header .title-20,
        #modalNoAsesor .modal-header .title-20 {
            font-size: 18px;
            line-height: 1.33;
        }

    #modalAccederLlamada .modal-body,
    #modalAviso .modal-body,
    #modalSinIniciarCliente .modal-body,
    #modalNoAsesor .modal-body {
        padding: 16px 0;
    }

    #modalAccederLlamada .modal-content div[class^="modal-"],
    #modalAviso .modal-content div[class^="modal-"],
    #modalSinIniciarCliente .modal-content div[class^="modal-"],
    #modalNoAsesor .modal-content div[class^="modal-"] {
        margin: 0 16px !important;
    }

    #modalAccederLlamada .modal-body span,
    #modalAviso .modal-body span,
    #modalSinIniciarCliente .modal-body span,
    #modalNoAsesor .modal-body span {
        padding: 0 0 73px 0;
        width: 100%;
        font-size: 14px;
        border-bottom: 1px solid var(--light-5);
    }

    #modalAccederLlamada .modal-body button,
    #modalAviso .modal-body button,
    #modalSinIniciarCliente .modal-body button,
    #modalNoAsesor .modal-body button {
        max-width: 100% !important;
        width: 100%;
        margin: 16px 15px 0 !important;
    }

    #modalAccederLlamada .modal-dialog,
    #modalAviso .modal-dialog,
    #modalSinIniciarCliente .modal-dialog,
    #modalNoAsesor .modal-dialog {
        bottom: 0;
        left: 0;
        transform: none;
        min-width: 100%;
        position: absolute;
        margin: 0;
    }

    #modalAccederLlamada .modal-content,
    #modalAviso .modal-content,
    #modalSinIniciarCliente .modal-content,
    #modalNoAsesor .modal-content {
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
    }
}



/*nuevo_css*/
#clasificador .dateStyle {
    font-family: "SeatMedium";
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark) !important;
    text-decoration: none;
    margin-top: 12px;
}

#clasificador .dxgvCSD {
    min-width: 100% !important;
}

#clasificador #MainContent_ASPxGridView1 {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 12px 12px 24px 12px;
}

#clasificador .card-body {
    padding: 0 12px 24px 12px;
}

#clasificador .gestioncliente-desplegable .card .card-header {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    text-align: left !important;
    padding: 22px 0 0 24px;
}

#clasificador .gestioncliente-desplegable .card .card-body {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
}

#clasificador .dxmLite_MaterialCompact.dxm-ltr {
    width: 70%;
    float: left;
}

#clasificador .dxgvSearchPanel_MaterialCompact {
    width: 28%;
    float: left;
    padding: 0px;
    margin-top: 16px;
}

/*correccion buscador filtro tabla clientes*/
#clasificador #MainContent_ASPxGridView1_DXSearchPanel .dxHideContent *,
#clasificador #MainContent_gwImagenes_DXSearchPanel .dxHideContent *,
#carpetaCompartida #MainContent_ASPxGridView1_DXSearchPanel .dxHideContent *,
#carpetaPersonal #MainContent_ASPxGridView1_DXSearchPanel .dxHideContent *,
#carpetaCompartida #MainContent_gridArchivos_DXSearchPanel .dxHideContent *,
#carpetaPersonal #MainContent_gridArchivos_DXSearchPanel .dxHideContent * {
    display: none;
}

@media(max-width: 767px) {
    #carpetaCompartida #MainContent_ASPxGridView1 .dxmLite_MaterialCompact.dxm-ltr,
    #carpetaPersonal #MainContent_ASPxGridView1 .dxmLite_MaterialCompact.dxm-ltr,
    #carpetaCompartida #MainContent_gridArchivos .dxmLite_MaterialCompact.dxm-ltr,
    #carpetaPersonal #MainContent_gridArchivos .dxmLite_MaterialCompact.dxm-ltr {
        width: 100%;
    }

    #carpetaCompartida #MainContent_ASPxGridView1_DXSearchPanel,
    #carpetaPersonal #MainContent_ASPxGridView1_DXSearchPanel,
    #carpetaCompartida #MainContent_gridArchivos_DXSearchPanel,
    #carpetaPersonal #MainContent_gridArchivos_DXSearchPanel {
        width: 100%;
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media(min-width: 768px) {
    #clasificador #MainContent_ASPxGridView1_DXSearchPanel,
    #clasificador #MainContent_gwImagenes_DXSearchPanel,
    #carpetaCompartida #MainContent_ASPxGridView1_DXSearchPanel,
    #carpetaPersonal #MainContent_ASPxGridView1_DXSearchPanel,
    #carpetaCompartida #MainContent_gridArchivos_DXSearchPanel,
    #carpetaPersonal #MainContent_gridArchivos_DXSearchPanel {
        width: 235px;
        float: right;
        margin-right: 25px;
    }

    #clasificador #MainContent_ASPxGridView1 .dxmLite_MaterialCompact.dxm-ltr,
    #clasificador #MainContent_gwImagenes .dxmLite_MaterialCompact.dxm-ltr,
    #carpetaCompartida #MainContent_ASPxGridView1 .dxmLite_MaterialCompact.dxm-ltr,
    #carpetaPersonal #MainContent_ASPxGridView1 .dxmLite_MaterialCompact.dxm-ltr,
    #carpetaCompartida #MainContent_gridArchivos .dxmLite_MaterialCompact.dxm-ltr,
    #carpetaPersonal #MainContent_gridArchivos .dxmLite_MaterialCompact.dxm-ltr {
        width: 50%;
    }
}

#clasificador #MainContent_gwImagenes #MainContent_gwImagenes_DXSE_B-100Img,
#clasificador #MainContent_ASPxGridView1 #MainContent_ASPxGridView1_DXSE_B-100Img,
#carpetaCompartida #MainContent_ASPxGridView1 #MainContent_ASPxGridView1_DXSE_B-100Img,
#carpetaPersonal #MainContent_ASPxGridView1 #MainContent_ASPxGridView1_DXSE_B-100Img,
#carpetaCompartida #MainContent_gridArchivos #MainContent_ASPxGridView1_DXSE_B-100Img,
#carpetaPersonal #MainContent_gridArchivos #MainContent_ASPxGridView1_DXSE_B-100Img {
    margin-right: 0px;
}

#carpetaCompartida #MainContent_gridArchivos_DXSearchPanel .dxeButtonEditSys.dxeButtonEdit_MaterialCompact,
#carpetaCompartida #MainContent_ASPxGridView1_DXSearchPanel .dxeButtonEditSys.dxeButtonEdit_MaterialCompact,
#carpetaPersonal #MainContent_gridArchivos_DXSearchPanel .dxeButtonEditSys.dxeButtonEdit_MaterialCompact,
#carpetaPersonal #MainContent_ASPxGridView1_DXSearchPanel .dxeButtonEditSys.dxeButtonEdit_MaterialCompact {
    box-shadow: none;
    padding: 7px;
}

/*fin correccion buscador filtro*/

/*CONTENEDORES*/


#clasificador .gestioncliente-desplegable .card {
    box-shadow: none;
    border-color: #f2f2f2;
}

#clasificador .buttonContent,
#clasificador .firstContent {
    margin-top: 32px;
}


/*CONTENEDORES DINAMICOS*/



#clasificador .tamañoMulti {
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%;
    flex-flow: column;
}

#clasificador #contenedorGaleria {
    display: flex;
    flex-flow: wrap;
}

#clasificador .text-call,
#clasificador .text-call p {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--copy);
}


#clasificador .containerChat.darker p {
    color: #ece9e1;
}


#clasificador .containerChat p {
    font-family: "SeatRegular";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--copy);
    margin-bottom: 0;
}

#clasificador .block-historial {
    margin-top: 24px !important;
}

#clasificador .estiloCabeceraVideos {
    font-family: "SeatBold";
    font-size: 20px;
    font-weight: 400 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
}



#clasificador #divMaterial .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

#clasificador .block-title {
    border-radius: 0;
    padding: 24px 24px 12px 24px;
    border: none;
}




#clasificador #divMaterial .bg-jumbotron {
    background-color: var(--jumbotron) !important;
}


#clasificador .block-title h5,
#clasificador .block-subtitle h4 {
    font-family: "SeatBold";
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
    margin-bottom: 0px;
}


#clasificador #cuerpoVideos,
#clasificador #cuerpoConversacion {
    background: white;
    padding: 16px;
    margin: 0 24px 0 24px;
}

#clasificador .chat-user {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: var(--copy);
}

#clasificador .containerChat {
    background-color: var(--jumbotron);
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    width: 60%;
    margin-left: 40%;
}

    #clasificador .containerChat.darker {
        background-color: var(--purplish-brown);
        margin-left: 0;
    }







/*BOTON AGREGAR NUEVO CLIENTE*/

#clasificador .btn-gestioncliente-nuevo {
    height: 54px;
}

    #clasificador .btn-gestioncliente-nuevo i {
        margin-top: -4px;
        margin-right: 4px;
    }

/*BOTON EXPORTAR*/

#clasificador ul.dx.dxm-image-l {
    margin-left: 24px;
}

    #clasificador ul.dx.dxm-image-l .dxm-content.dxm-hasText img {
        order: 2;
        margin: 0 0 0 8px;
        color: #190f14;
        filter: brightness(0%);
        content: url(../Imagenes/default/iconos/download_icon_white.png);
        background: none;
        margin-top: 1px;
    }

    #clasificador ul.dx.dxm-image-l .dxm-content.dxm-hasText {
        display: flex;
        flex-wrap: nowrap;
    }

#clasificador #MainContent_gwImagenes_DXCTMenu0_DXI1_ {
    display: none;
}

#clasificador ul.dx.dxm-image-l .dx-vam {
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
}


#clasificador .dxgvControl_MaterialCompact tbody tr td {
    background-color: white;
}

#clasificador .dxgvTitlePanel_MaterialCompact,
#clasificador .dxgvTable_MaterialCompact caption {
    padding: 0;
}


#clasificador .dxm-item.dxm-noSubMenu.dxct-if.dxct-il {
    background-color: var(--main);
    border: 2px solid var(--main);
}

#clasificador .dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact,
#clasificador .dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact input {
    background-color: white;
    box-shadow: none;
    border-radius: 2px;
}

/*tablas pestañas*/
#clasificador .al-table td,
#clasificador .dxgvDataRow_MaterialCompact td.dxgv {
    padding: 10px 10px 10px;
}

    #clasificador .al-table td i {
        font-size: 24px;
    }

/*TABLA- BOTON BUSCAR*/

#clasificador .dxgvSearchPanel_MaterialCompact input {
    font-family: 'SeatMedium' !important;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468;
}

/*TABLA- BOTON CREAR FILTRO*/

#clasificador #MainContent_gridLlamadas_DXFilterBar tr td {
    display: none;
}

    #clasificador #MainContent_gridLlamadas_DXFilterBar tr td:last-child {
        display: table-cell;
    }

#clasificador .dxgvFilterBar_MaterialCompact {
    padding-top: 24px;
    padding-right: 4px;
    display: flex;
    justify-content: flex-end;
    background: #F2F2F2;
}

#clasificador .dxgvFilterBar_MaterialCompact {
    box-shadow: none;
    border-radius: 0;
    border: solid 1px #F2F2F2;
    padding-bottom: 0px;
    margin-top: 0px;
}

    #clasificador .dxgvFilterBar_MaterialCompact > tbody {
        background-color: #F2F2F2 !important;
        color: var(--main) !important;
        border: 2px solid var(--main) !important;
        border-radius: 2px;
        width: 20%;
        display: flex;
        justify-content: center;
    }



    #clasificador .dxgvFilterBar_MaterialCompact tr.dxgv {
        padding: 6px 16px 6px;
    }

    #clasificador .dxgvFilterBar_MaterialCompact td {
        display: none;
    }

#clasificador .dxgvControl_MaterialCompact tbody tr .dxgvFilterBarClearButtonCell_MaterialCompact,
#clasificador .dxgvControl_MaterialCompact tbody tr .dxgvFilterBarExpressionCell_MaterialCompact {
    display: block;
}

#clasificador .dxgvFilterBar_MaterialCompact > tbody > tr > td {
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: 'SeatBold';
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: #ea5d1a;
}

#clasificador .dxgvFilterBar_MaterialCompact tr.dxgv td {
    background-color: #F2F2F2 !important;
}


#clasificador .dxgvFilterBar_MaterialCompact tr.dxgv > td > a {
    font-family: "SeatBold";
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: #ea5d1a;
}

/*TABLA- BOTON VER DETALLE/ELIMINAR*/

#clasificador .dxgvCommandColumn_MaterialCompact .dxbButton_MaterialCompact.dxbTSys {
    background: #009196;
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
    padding: 5px;
}

#clasificador .dxgvPHEC.dxgvCommandColumn_MaterialCompact .dxbButton_MaterialCompact.dxbTSys {
    background: #bb1a20;
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
    padding: 5px;
}

/*TABLA- PADDING*/
/*tablas pestañas*/
#clasificador .al-table th,
#clasificador .dxgvHeader_MaterialCompact {
    padding: 17px 10px 14px;
}


/*TABLA- BORDES*/


/*tablas pestañas*/
#clasificador .al-table,
#clasificador .dxgvTable_MaterialCompact.dxgvRBB {
    border-radius: 2px;
    border: 1px solid rgba(25, 15, 20, .4);
    box-shadow: none;
}


    /*tablas pestañas*/
    #clasificador .al-table tr:first-child,
    #clasificador .dxgvHeader_MaterialCompact,
    #clasificador .dxgvHEC {
        border: none;
        border-bottom: 1px solid #747468;
    }

#clasificador .dxgvDataRow_MaterialCompact td.dxgv {
    border-right: none;
}


/*TABLA- SOMBREADO*/
#clasificador #MainContent_ASPxGridView1_DXMainTable tbody tr#MainContent_ASPxGridView1_DXHeadersRow0 td,
#clasificador #accordionNotas tbody tr#MainContent_ASPxGridViewNotas_DXHeadersRow0 td,
#clasificador #MainContent_gwImagenes_DXMainTable tbody tr#MainContent_gwImagenes_DXHeadersRow0 td,
#clasificador #MainContent_gridLlamadas_DXMainTable tbody tr#MainContent_gridLlamadas_DXHeadersRow0 td,
#clasificador #MainContent_gridChat_DXMainTable tbody tr#MainContent_gridChat_DXHeadersRow0 td {
    background-color: #fff;
}


/*tablas pestañas*/
#clasificador .al-table tr:nth-child(odd) td,
#clasificador .dxgvTable_MaterialCompact tbody tr:nth-child(even) td {
    background-color: #f9f8f6;
}


#clasificador .dxgvControl_MaterialCompact .dxgvCSD {
    box-shadow: none;
    /*margin-bottom: 10px;*/
}


/*tablas pestañas*/
#clasificador .al-table-container {
    width: 100%;
    margin: 20px 20px;
    overflow-x: auto;
}

#clasificador .al-table {
    /*width: 80%;*/
    min-width: 620px;
    overflow-x: auto;
}

    #clasificador .al-table tr td {
        border-bottom: 1px solid #DFDFDF !important;
    }

    #clasificador .al-table tr:last-child td {
        border-bottom: 1px solid rgba(25, 15, 20, .4) !important;
    }

    #clasificador .al-table.al-table-links td a {
        color: #190f14 !important;
        text-decoration: underline;
    }


/*TABLA- ESTILOS LETRA*/
#clasificador .alert-secondary.gestioncliente-alert-clientes {
    padding-left: 12px;
    padding-bottom: 16px;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    text-align: left;
    margin: 0px;
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #747468;
}

/*tablas pestañas*/
#clasificador .al-table th,
#clasificador .dxgvHeader_MaterialCompact td {
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
}

/*tablas pestañas*/
#clasificador .al-table td,
#clasificador #MainContent_ASPxGridView1_DXMainTable .dxgv,
#clasificador #MainContent_gwImagenes_DXMainTable .dxgv {
    font-family: 'SeatRegular';
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468 !important;
    text-decoration: none;
}

#clasificador #accordionNotas #MainContent_ASPxGridViewNotas_DXMainTable .dxgvDataRow_MaterialCompact td,
#clasificador #accordionHistorial #MainContent_gridLlamadas_DXMainTable .dxgvDataRow_MaterialCompact td {
    font-family: "SeatRegular";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #747468 !important;
    text-align: left;
}

    #clasificador #accordionNotas #MainContent_ASPxGridViewNotas_DXMainTable .dxgvDataRow_MaterialCompact td:first-child,
    #clasificador #accordionHistorial #MainContent_gridLlamadas_DXMainTable .dxgvDataRow_MaterialCompact td:first-child {
        color: #190f14 !important;
    }

/*TABLA-PAGINACION*/
#clasificador .dxgvPagerBottomPanel_MaterialCompact {
    background: #F2F2F2;
    border: none;
    box-shadow: none;
}

#clasificador .dxpLite_MaterialCompact .dxp-button.dxp-bi {
    padding: 10px 0px;
}

    #clasificador .dxpLite_MaterialCompact .dxp-button.dxp-bi img {
        margin: 0;
    }

#clasificador .dxpLite_MaterialCompact .dxp-current {
    font-weight: bold;
    background: none;
}

#clasificador .dxpLite_MaterialCompact .dxp-num, #clasificador .dxpLite_MaterialCompact .dxp-ellip {
    font-size: 14px;
    font-family: "SeatMedium";
    padding: 10px 3px 8px 3px;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14 !important;
}

/*TABLA LEYENDA*/
#clasificador .gestioncliente-leyenda-envios .legenTable {
    padding: 5px 0;
    font-family: "SeatRegular";
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 14px;
    letter-spacing: normal;
    color: #747468;
}

#clasificador .gestioncliente-leyenda-envios h6 {
    margin-bottom: 18px;
    font-family: "SeatMedium";
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #190f14;
}

#clasificador .gestioncliente-leyenda-envios {
    margin-top: -20px;
}


/*CONTENEDOR DETALLE (boton Crear/Enviar)*/

#clasificador .contenedor-gestioncliente-detallescliente {
    display: none;
}


#clasificador .detailsContent {
    margin-top: 24px;
}

#clasificador .contenedor-gestioncliente-detallecliente {
    height: 94px;
    padding: 30px 24px 24px 24px;
    margin: 0;
    background-color: #f2f2f2;
}

#clasificador .contenedor-gestioncliente-detallescliente img {
    margin-right: 10px;
}

#clasificador .gestioncliente-nombreDetalleCliente {
    font-size: 16px;
    color: #190f14;
    font-weight: 400;
}



/*GALERIA CLIENTE*/

#clasificador #contenedorArchivosCompartidos {
    background: white;
}


    #clasificador #contenedorArchivosCompartidos > * > * > .active {
        color: #2837a2 !important;
    }

    #clasificador #contenedorArchivosCompartidos > * > * > a {
        color: black !important;
    }



/*MODAL FILTRO*/

#clasificador .dxpc-headerContent,
#Envios .dxpc-headerContent,
#carpetaPersonal .dxpc-headerContent,
#carpetaCompartida .dxpc-headerContent {
    padding: 12px 0px 12px 0px !important;
    text-align: left;
}

#clasificador .dxpc-headerText,
#Envios .dxpc-headerText,
#carpetaPersonal .dxpc-headerText,
#carpetaCompartida .dxpc-headerText {
    font-family: SeatBold;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
}

#clasificador .dxgvFilterBuilderButtonArea_MaterialCompact td .dxbButton_MaterialCompact,
#Envios .dxgvFilterBuilderButtonArea_MaterialCompact td .dxbButton_MaterialCompact,
#carpetaPersonal .dxgvFilterBuilderButtonArea_MaterialCompact td .dxbButton_MaterialCompact,
#carpetaCompartida .dxgvFilterBuilderButtonArea_MaterialCompact td .dxbButton_MaterialCompact {
    background-color: var(--main) !important;
    color: var(--white) !important;
    box-shadow: none;
    height: 35px;
}

    #clasificador .dxgvFilterBuilderButtonArea_MaterialCompact td .dxbButton_MaterialCompact .dx-vam,
    #Envios .dxgvFilterBuilderButtonArea_MaterialCompact td .dxbButton_MaterialCompact .dx-vam,
    #carpetaPersonal .dxgvFilterBuilderButtonArea_MaterialCompact td .dxbButton_MaterialCompact .dx-vam,
    #carpetaCompartida .dxgvFilterBuilderButtonArea_MaterialCompact td .dxbButton_MaterialCompact .dx-vam {
        color: var(--white) !important;
    }

#clasificador .dxgvFilterBuilderButtonArea_MaterialCompact td:last-child .dxbButton_MaterialCompact,
#Envios .dxgvFilterBuilderButtonArea_MaterialCompact td:last-child .dxbButton_MaterialCompact,
#carpetaPersonal .dxgvFilterBuilderButtonArea_MaterialCompact td:last-child .dxbButton_MaterialCompact,
#carpetaCompartida .dxgvFilterBuilderButtonArea_MaterialCompact td:last-child .dxbButton_MaterialCompact {
    color: var(--main) !important;
    border: 2px solid var(--main) !important;
    background-color: transparent !important;
    box-shadow: none;
    height: 35px;
}

    #clasificador .dxgvFilterBuilderButtonArea_MaterialCompact td:last-child .dxbButton_MaterialCompact .dx-vam,
    #Envios .dxgvFilterBuilderButtonArea_MaterialCompact td:last-child .dxbButton_MaterialCompact .dx-vam,
    #carpetaPersonal .dxgvFilterBuilderButtonArea_MaterialCompact td:last-child .dxbButton_MaterialCompact .dx-vam,
    #carpetaCompartida .dxgvFilterBuilderButtonArea_MaterialCompact td:last-child .dxbButton_MaterialCompact .dx-vam {
        color: var(--main) !important;
    }



/*MODAL-AGREGAR CLIENTE*/

#clasificador .fade .modal-dialog {
    margin-top: 0;
    top: calc(50% - 251px);
}

#clasificador .modal-dialog {
    border-radius: 3px;
}

#clasificador .fade .modal-header {
    border-bottom: 1px solid #e1d7cd !important;
    padding: 32px 0px 12px 0px !important;
}

#clasificador .fade .close {
    margin-top: -8px !important;
}

#clasificador .modal .close {
    opacity: 1;
}

#clasificador .fade .close .material-icons {
    margin-top: 0px !important;
}

#clasificador .modal .material-icons {
    font-size: 30px;
    color: black;
}

#clasificador .fade .modal-body {
    padding: 24px 0;
}


#clasificador .fade #formAddCliente .al-fields-container {
    padding-right: 0px;
    margin-bottom: 0px;
}

#clasificador .fade .al-col-left {
    padding-right: 8px;
}

#clasificador .fade .al-col-right {
    padding-right: 0px;
    padding-left: 22px;
}

#clasificador .fade .modal-dialog input,
#clasificador .fade .modal-dialog select {
    color: #747468;
    border: 1px solid #190f14 !important;
}

#clasificador .fade .al-explain-text {
    font-family: "SeatRegular";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468 !important;
    margin-top: 10px;
    margin-left: 10px;
}

#clasificador .fade #divRecordatorio {
    padding: 0px !important;
}

#clasificador .fade .modal-footer {
    padding: 0px !important;
}

    #clasificador .fade .modal-footer .al-explain-text,
    #clasificador .fade .modal-footer .BotonesModal {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #clasificador .fade .modal-footer .btn-envios-cancelarnuevocliente {
        margin-left: 0px !important;
    }

#clasificador .fade .al-explain-text {
    font-family: "SeatRegular";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468 !important;
    margin-top: 10px;
}

#clasificador .fade .modal-footer .BotonesModal {
    margin-bottom: 16px !important;
}

#clasificador .fade .modal-footer .btn-envios-cancelarnuevocliente {
    margin-left: 0px !important;
}

#clasificador .fade .al-col-prefix {
    padding-right: 0px !important;
}

#clasificador .fade #divRecordatorio .al-explain-text {
    margin-top: 0px !important;
}

#clasificador .fade .modal-dialog input,
#clasificador .fade .modal-dialog select {
    color: #747468;
    border: 1px solid #190f14 !important;
    border-radius: 2px;
}


#clasificador #modalResultado .btn.btn-envios-modal-aceptar {
    max-width: 296px;
    width: 100%;
    margin: 0px;
}

#clasificador #modalResultado .modal-footer {
    padding: 8px 0 32px 0 !important;
}
/*//MEDIAS QUERIES*/

@media (min-width: 768px) {

    /*modal agregar cliente*/
    #clasificador .fade .modal-dialog input,
    #clasificador .fade .modal-dialog select {
        height: 56px !important;
    }
}

@media (max-width: 800px) {

    /*modal agregar cliente*/
    #clasificador .fade .btn-envios-cancelarnuevocliente {
        margin-bottom: 0px;
    }
}

@media (max-width: 767px) {

    #clasificador .containerChat p {
        font-size: 10px;
    }

    #clasificador ul.dx.dxm-image-l .dx-vam {
        font-size: 10px;
    }

    #clasificador .dxgvCommandColumn_MaterialCompact .dxbButton_MaterialCompact.dxbTSys {
        font-size: 10px;
    }

    #clasificador .dxgvPHEC.dxgvCommandColumn_MaterialCompact .dxbButton_MaterialCompact.dxbTSys {
        font-size: 10px;
    }

    #clasificador .al-table th,
    #clasificador .dxgvHeader_MaterialCompact td {
        font-size: 10px;
    }

    /*tablas pestañas*/
    #clasificador .al-table td,
    #clasificador #MainContent_ASPxGridView1_DXMainTable .dxgv,
    #clasificador #MainContent_gwImagenes_DXMainTable .dxgv {
        font-size: 10px;
    }

    #clasificador #accordionNotas #MainContent_ASPxGridViewNotas_DXMainTable .dxgvDataRow_MaterialCompact td,
    #clasificador #accordionHistorial #MainContent_gridLlamadas_DXMainTable .dxgvDataRow_MaterialCompact td {
        font-size: 12px;
    }

    #clasificador .fade .al-explain-text {
        font-size: 10px;
    }
    /*modal agregar cliente*/
    #clasificador .fade .modal-dialog,
    #clasificador .fade .modal-dialog .modal-content {
        max-width: 100%;
    }

    #clasificador .fade .modal-dialog {
        margin: auto;
        height: 100%;
        bottom: 0;
        left: 0;
        top: 0;
        transform: none;
    }

        #clasificador .fade .modal-dialog .modal-content {
            border-top-left-radius: 19px;
            border-top-right-radius: 19px;
            bottom: 0;
            left: 0;
            position: fixed;
        }

    #clasificador .fade .modal-header {
        padding: 24px 0px 12px 0px !important;
        margin: 0 16px !important;
    }

    #clasificador .fade .modal-title {
        font-size: 18px;
        line-height: 1.33;
    }

    #clasificador .fade .modal-body {
        padding: 16px 0 40px 0;
        margin: 0 16px !important;
    }

    #clasificador .fade .al-col-right,
    #clasificador .fade .al-col-left {
        padding: 0px !important;
        padding-left: 15px !important;
    }

    #clasificador .fade label {
        display: none;
    }

    #clasificador .fade .modal-dialog input,
    #clasificador .fade .modal-dialog select {
        height: 48px !important;
    }

    #clasificador .fade #divRecordatorio .al-explain-text {
        margin-top: 10px !important;
    }

    #clasificador .fade .modal-footer {
        border: none;
        margin: 0 16px !important;
    }

    #clasificador .BotonesModal {
        flex-direction: column;
    }

    /*TABLAS*/

    #clasificador #MainContent_ASPxGridView1 {
        padding: 12px 6px 24px 6px;
    }

    #clasificador .dxgvControl_MaterialCompact {
        width: 100% !important;
    }


    /*tabla-BOTON BUSCADOR*/

    #clasificador .dxgvSearchPanel_MaterialCompact {
        padding: 10px;
    }

    #clasificador .dxgvSearchPanel_MaterialCompact {
        width: 100%;
        float: left; /*mirar si esto cambia algo*/
    }


    /*ESTILO LETRAS*/
    #clasificador .alert-secondary.gestioncliente-alert-clientes {
        padding-top: 16PX !important;
        padding-bottom: 12px;
        font-size: 12px;
        line-height: 16px;
    }
    /*TABLA-ESTILOS LETRAS*/

    #clasificador dxgvTable_MaterialCompact .dxgvHeader_MaterialCompact {
        font-size: 10px;
    }

    #clasificador dxgvTable_MaterialCompact td.dxgv {
        font-family: "SeatBold";
        font-size: 10px;
    }

    /*TABLA-BOTON FILTRO*/

    #clasificador .dxgvFilterBar_MaterialCompact {
        padding-left: 15px;
        padding-right: 20px;
        margin-top: 0;
        padding-bottom: 16px;
    }

        #clasificador .dxgvFilterBar_MaterialCompact > tbody {
            width: 100%;
            display: flex;
            justify-content: center;
        }

    /*TABLA-BOTON EXPORTAR*/

    #clasificador ul.dx.dxm-image-l .dx-vam {
        display: inline-block !important;
    }

    #clasificador .dxmLite_MaterialCompact .dxctToolbar_MaterialCompact.dxm-main.dxmtb {
        padding-bottom: 0px;
    }

    #MainContent_gwImagenes_DXSearchPanel {
        margin-top: 5px;
    }


    #clasificador ul.dx.dxm-image-l {
        margin-left: 8px;
    }

    /*CONTENEDOR*/
    #clasificador .buttonContent {
        margin-top: 16px;
        padding: 0px;
    }

    #clasificador .firstContent {
        margin-top: 24px;
    }

    /*CONTENEDOR DETALLE */

    #clasificador .detailsContent {
        margin-top: 12px;
    }


    #clasificador .detailsSubContent {
        margin-bottom: 12px;
    }

    /*LEYENDA*/
    #clasificador .gestioncliente-leyenda-envios {
        margin-top: 20px !important;
    }

        #clasificador .gestioncliente-leyenda-envios h6 {
            margin-bottom: 12px;
        }

    #clasificador .legenButtonTable {
        max-width: 38%;
        height: 24px;
        white-space: nowrap;
    }

    #clasificador .legenTable {
        max-width: 55%;
        padding-left: 10px !important;
    }

    .dxgvControl_MaterialCompact .dxgvCSD {
        width: 450px;
    }

    #clasificador #MainContent_ASPxGridView1_DXMainTable {
        min-width: 1000px;
    }

    #clasificador #MainContent_ASPxGridViewNotas_DXMainTable {
        min-width: 400px;
    }

    #clasificador #MainContent_gwImagenes_DXMainTable {
        min-width: 800px;
    }

    #clasificador #MainContent_gridLlamadas_DXMainTable {
        min-width: 600px;
    }
}

@media (max-width: 576px) {

    /*modal agregar cliente*/
    #clasificador .fade {
        padding: 0px;
    }

    #clasificador .modal-dialog, #modalVerifySubida .modal-dialog {
        margin: 0px !important;
    }

    #clasificador .modal-content, #modalVerifySubida .modal-content {
        border-radius: 19px 14px 0px 0px !important;
    }
}

#modalSemaforo .modal-footer button {
    font-size: 14px !important;
}

#InvitationsPage .btn.btn-envios-nuevocliente.btn-block {
    height: 55px !important;
}

#gestionEnvioClientesPage .contenedor-envios-datos .contenedor_datos .lead,
#Envios .contenedor-envios-datos .contenedor_datos .lead {
    margin-left: 10px;
}

#subNavPrincipal .btn.disabled {
    background-color: #ece9e1 !important;
    opacity: 1;
}


#MainContent_gwImagenes_DXMainTable .pendiente,
#MainContent_gwImagenes_DXMainTable .logado,
#MainContent_gwImagenes_DXMainTable .enviado {
    font-family: 'SeatRegular';
    margin-bottom: 10px;
    background-color: transparent !important;
    position: relative;
    padding-left: 36px !important;
    color: var(--dark) !important;
}

    #MainContent_gwImagenes_DXMainTable .pendiente:before,
    #MainContent_gwImagenes_DXMainTable .logado:before,
    #MainContent_gwImagenes_DXMainTable .enviado:before {
        content: '';
        background: #000;
        width: 16px;
        height: 16px;
        position: absolute;
        border-radius: 8px;
        left: 10px;
    }

    #MainContent_gwImagenes_DXMainTable .pendiente:before,
    .pendiente {
        background-color: #f09623 !important;
    }

    #MainContent_gwImagenes_DXMainTable .logado:before,
    .logado {
        background-color: #009196 !important;
    }

    #MainContent_gwImagenes_DXMainTable .enviado:before,
    .enviado {
        background-color: #6baee0 !important;
    }

#MainContent_gwImagenes_DXMainTable.dxgvTable_MaterialCompact tbody tr:nth-child(even) td {
    background-color: #f9f8f6 !important;
}

.pendiente.legenButtonTable,
.logado.legenButtonTable,
.enviado.legenButtonTable,
.pendiente.badge,
.logado.badge,
.enviado.badge {
    font-size: 12px !important;
    width: 109px !important;
    text-align: center;
    border-radius: 10px;
    height: 20px;
    margin-bottom: 10px;
    font-family: SeatRegular;
    color: var(--dark) !important;
}

#txtLeyenda {
    font-size: 16px;
    margin: 20px 0 10px 0;
    font-family: 'SeatMedium';
    line-height: 1.25;
}

#MainContent_gwImagenes_DXMainTable .dxbButton_MaterialCompact.dxbButtonSys {
    border-radius: 2px;
    background-color: #ea5d1a;
    padding: 4px 8px;
}

    #MainContent_gwImagenes_DXMainTable .dxbButton_MaterialCompact.dxbButtonSys .dx-vam {
        text-transform: capitalize;
        font-family: 'SeatMedium';
        color: #190f14;
        font-size: 12px;
    }

#MainContent_divHistoriales .nav-tabs .nav-item {
    margin-top: 0px;
}

.amp-default-skin .vjs-big-play-button {
    left: calc(50% - 64.5px);
    top: calc(50% - 64.5px);
}

#carpetaCompartida .amp-default-skin .vjs-big-play-button,
#carpetaPersonal .amp-default-skin .vjs-big-play-button {
    height: 50px;
    width: 50px;
    left: calc(50% - 25px) !important;
    top: calc(50% - 25px) !important;
}

    #carpetaPersonal .amp-default-skin .vjs-big-play-button::before,
    #carpetaCompartida .amp-default-skin .vjs-big-play-button::before {
        font-size: 24px !important;
    }

#masterAsesor #navPrincipal #menuItemsLeftSide {
    margin-right: 0px !important;
    margin-left: auto;
}

#masterAsesor #navPrincipal #menuItemsRightSide {
    margin-left: 0 !important;
}

body#masterCliente {
    padding-top: 64px;
    padding-bottom: 56px;
    min-height: 100vh;
    position: relative;
}

#footerMaster {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.salaespera-banner .header-title-container {
    margin: auto;
    margin-left: 110px;
    margin-top: 83px;
    display: block !important;
}

.salaespera-banner .header-title {
    font-family: SeatBook;
    font-size: 34px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #ffffff;
}

.salaespera-banner .header-live-chat {
    font-family: SeatBlack;
    font-size: 34px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #ffffff;
    display: grid;
    margin-top: -12px !important;
}

.salaespera-banner .header-title img {
    margin-top: -20px;
}

.salaespera-banner .header-img-small {
    display: none;
}

.selectorControladores {
    width: 100%;
    background-color: #fff;
    padding: 10px 25px 10px 10px;
    border-radius: 4px;
    font-size: 12px;
}

#modalAudioVideo .selectorControladores {
    margin: 20px 0 0 0;
}

#modalAudioVideo #divCombos {
    width: 296px;
    margin: 0 auto;
}

@media (max-width: 767px) {

    body#masterCliente {
        padding-top: 48px;
        padding-bottom: 180px;
    }

    .salaespera-banner {
        height: 160px !important;
        margin-bottom: 42px;
    }

        .salaespera-banner .header-title-container {
            margin: auto;
            margin-left: 22px;
            margin-top: 78px;
        }

        .salaespera-banner .header-title,
        .salaespera-banner .header-live-chat {
            font-size: 27px !important;
            line-height: 1.4 !important;
        }

        .salaespera-banner .header-live-chat {
            margin-top: -12px !important;
        }

        .salaespera-banner .header-img-big {
            display: none;
        }

        .salaespera-banner .header-img-small {
            display: inline;
            max-height: 20px;
            margin-top: -5px !important;
        }

    #modalAudioVideo #divCombos {
        width: 100%;
        margin: 0 auto;
    }

    #MainContent_gwImagenes .dxgvSearchPanel_MaterialCompact {
        width: 70% !important;
    }

    #MainContent_gwImagenes .dxgvFilterBar_MaterialCompact {
        width: 70% !important;
    }

    #MainContent_gwImagenes .dxpLite_MaterialCompact {
        font-size: 12px;
    }

    #MainContent_gwImagenes_DXPagerBottom .dxp-num dxp-current, #MainContent_gwImagenes_DXPagerBottom .dxp-num {
        font-size: 12px !important;
    }
}

@media (max-width: 411px) {
    #salaespera .selectorControladores {
        width: calc(100% - 20px);
        float: right;
    }

    #MainContent_gwImagenes .dxgvSearchPanel_MaterialCompact {
        width: 83% !important;
    }

    #MainContent_gwImagenes .dxgvFilterBar_MaterialCompact {
        width: 85% !important;
    }
}

@media (max-width: 360px) {
    #salaespera .selectorControladores {
        width: calc(100% - 20px);
        float: right;
    }

    #MainContent_gwImagenes .dxgvSearchPanel_MaterialCompact {
        width: 70% !important;
    }

    #MainContent_gwImagenes .dxgvFilterBar_MaterialCompact {
        width: 70% !important;
    }
}

@media (min-width: 768px) and (max-width: 819px) {
    #masterCliente #footerMaster {
        height: 56px;
        padding-top: 16px;
    }

        #masterCliente #footerMaster .footleft a, #masterCliente #footerMaster .footright a {
            padding: 0.3rem !important;
            font-size: 11px;
        }

        #masterCliente #footerMaster .footright span {
            font-size: 11px;
        }


        #masterCliente #footerMaster #footright {
            padding: 0 !important
        }
}


/* ajustar elementos de menu*/
@media (max-width:1450px) and (min-width:1200px) {
    #navPrincipal .nav-item {
        margin-right: 5px;
    }

    #navPrincipal .nav-link {
        padding-right: .25rem;
        padding-left: .25rem;
    }
}

@media (max-width:1320px) and (min-width:1200px) {
    #navPrincipal .nav-item {
        margin-right: 3px;
    }

    #masterAsesor .switch-field label {
        margin-bottom: 0px;
        padding: 5px 5px;
    }

    #navPrincipal .poweredby {
        margin-right: 10px;
    }
}

@media (max-width:1250px) and (min-width:1200px) {
    #navPrincipal .nav-item {
        font-size: 13px;
        line-height: 14px;
    }
}


/*icono adjuntar*/
#video-mobile .material-icons.paperclip,
#video-cliente-mobile .material-icons.paperclip,
#video-desktop .material-icons.paperclip,
#video-cliente-desktop .material-icons.paperclip {
    font-size: 20px;
    vertical-align: middle;
}

div#controlesCarrousel {
    padding-right: 2rem !important;
    padding-bottom: 1rem;
    padding-top: 20px;
}

#clasificador #MainContent_gwImagenes {
    width: 100% !important;
}

#clasificador #MainContent_gridLlamadas {
    width: 100% !important;
}

#clasificador #ArchivosCompartidosDocumentos .al-table.al-table-docs {
    width: 100%;
}

#gestionEnvioClientesPage pre#plantillaCuerpo {
    overflow: visible;
}

.amp-default-skin .vjs-big-play-button {
    left: calc(50% - 64.5px) !important;
    top: calc(50% - 64.5px) !important;
}

#gestionEnvioClientesPage div#controlesCarrousel.carousel-controllers {
    padding-right: 0 !important;
}

/*Front de página "Contacto con Clientes"*/
#ContactoCliente .al-grid-container {
    overflow-x: auto;
}

#ContactoCliente #MainContent_gridEntregas .dxgv.dx-ellipsis.dxgRRB.dx-ac {
    padding: 0px 10px !important;
}

#ContactoCliente #MainContent_gridEntregas .btn.btn-light {
    background-color: var(--main) !important;
    color: white !important;
    width: 100%;
    max-width: 132px;
    margin-left: auto;
    margin-right: auto;
    min-width: 60px;
    height: 40px;
}

    #ContactoCliente #MainContent_gridEntregas .btn.btn-light i {
        display: none;
    }

    #ContactoCliente #MainContent_gridEntregas .btn.btn-light #al-btn-video-call {
        display: inline-block !important;
    }

#ContactoCliente .enter-to-call-btn-text {
    display: block !important;
    margin-left: 4px;
    font-size: 14px;
    margin-top: 3px;
}

@media(max-width:1199px) {
    #ContactoCliente #MainContent_gridEntregas .btn.btn-light {
        height: 32px;
    }

    #ContactoCliente #MainContent_gridEntregas .btn.btn-light {
        max-width: 108px !important;
    }

    #ContactoCliente .enter-to-call-btn-text {
        font-size: 12px !important;
        margin-left: 7px !important;
        margin-top: 2px !important;
    }
}


/*fin de "Contacto con Clientes"*/


/*MODALES Actualización NOTIFICACIONES*/
.tipoA .modal-dialog, .tipoB .modal-dialog {
    position: absolute;
    top: unset !important;
    left: unset !important;
    transform: none !important;
    bottom: 0;
    right: 0;
    margin: 0 !important;
}

.tipoA .modal-content, .tipoB .modal-content {
    border-top: 5px solid var(--main);
}

.modal.tipoA .modal-footer, .modal.tipoA .modal-header, .modal.tipoB .modal-header {
    display: none;
}

.modal-open .modal.tipoA, .modal-open .modal.tipoB {
    right: 0 !important;
    width: 270px;
    left: unset !important;
    top: unset !important;
    bottom: 5px !important;
    height: min-content !important;
    overflow: visible !important;
}

@media(max-width:767px) {
    .modal-open .modal.tipoA, .modal-open .modal.tipoB {
        width: 100%;
        bottom: 0 !important;
    }

    .tipoA .modal-dialog, .tipoB .modal-dialog {
        right: 50% !important;
        transform: translateX(50%) !important;
        width: 100%;
        max-width: 100% !important;
    }

    #video-mobile .modal.tipoA .modal-body,
    #video-mobile .modal.tipoB .modal-body,
    #video-cliente-mobile .modal.tipoA .modal-body,
    #video-cliente-mobile .modal.tipoB .modal-body {
        padding: 16px 8px 16px 8px !important;
    }

    #video-mobile .modal.tipoB .modal-footer.border-0,
    #video-cliente-mobile .modal.tipoB .modal-footer.border-0 {
        border: none !important;
        padding: 0px 8px 16px 8px !important;
    }

    #video-mobile .modal.tipoB button,
    #video-cliente-mobile .modal.tipoB button {
        height: 40px !important;
    }
}

.modal.tipoA .modal-content,
.modal.tipoB .modal-content {
    border-radius: 0px !important;
    border-top: 5px solid var(--main);
}

/*P*/
.modal.tipoA .modal-body,
.modal.tipoB .modal-body {
    padding: 16px 8px 16px 8px !important;
    margin: 0 16px !important;
}

.modal.tipoB .modal-footer.border-0 {
    border: none !important;
    padding: 0px 8px 16px 8px !important;
    margin: 0 16px !important;
}

.modal.tipoB button {
    height: 40px !important;
}
/*-*/

/*P: Notificación sala espera*/
.modal.tipoB#modalAccederLlamada .modal-body {
    padding: 16px 8px 16px 8px !important;
    margin: 0 16px 0 16px !important;
}

    .modal.tipoB#modalAccederLlamada .modal-body * {
        margin: 0px !important;
        padding: 0px !important;
        border: none !important;
        font-size: 14px !important;
    }

    .modal.tipoB#modalAccederLlamada .modal-body button {
        flex: 100% !important;
        max-width: 100% !important;
        margin-top: 16px !important;
        height: 40px !important;
    }

@media(max-width:767px) {
    .modal.tipoB#modalAccederLlamada .modal-dialog {
        border-top: none !important;
    }

    .modal.tipoB#modalAccederLlamada .modal-content {
        border-radius: 0px !important;
    }

    .modal.tipoB#modalAccederLlamada .modal-body button {
        font-size: 14px !important;
    }
}
/*-*/

#Envios .modal-open .modal.tipoA, #Envios .modal-open .modal.tipoB {
    right: 0 !important;
    width: 270px;
    left: unset !important;
    top: unset !important;
    bottom: 5px !important;
    height: 100%;
    overflow: visible !important;
}

    #Envios .modal-open .modal.tipoA .modal-content, #Envios .modal-open .modal.tipoB .modal-content {
        border-radius: 0 !important;
    }

    #Envios .modal-open .modal.tipoA .modal-body, #Envios .modal-open .modal.tipoB .modal-body {
        padding: 0;
    }

#Envios #modalEnviadoOK .modal-footer, #Envios #modalEnvioGuardado .modal-footer {
    padding: 0 0 1rem;
}

#clasificador .modal.tipoA, #clasificador .modal.tipoB {
    position: fixed;
    top: unset;
    left: unset;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1050;
    display: none;
    width: 300px;
    height: min-content;
    overflow: visible;
    outline: 0;
}

    #clasificador .modal.tipoA .modal-body, #clasificador .modal.tipoB .modal-body {
        padding-bottom: 0 !important;
    }

#clasificador #modalResultado.tipoA .modal-content, #clasificador #modalResultado.tipoB .modal-content, #Envios #modalEnviadoOK.tipoA .modal-content, #Envios #modalEnviadoOK.tipoB .modal-content {
    border-radius: 0 !important;
}

#clasificador #modalInfoMensaje .modal-body p {
    margin-bottom: 0 !important;
}

@media(max-width:767px) {
    #clasificador .modal.tipoA, #clasificador .modal.tipoB {
        width: 100%;
    }

    #Envios .tipoB#modalEnviadoOK {
        height: 100% !important;
        max-height: 160px;
        bottom: 0 !important;
        top: unset !important;
    }
}

.modal.tipoB .modal-footer {
    border-top: none !important;
}



.tipoA p, .tipoB p {
    font-size: 14px !important;
}

.tipoB .modal-footer button {
    height: 40px;
}


#Envios #modalEnviadoOK.modal.tipoB .modal-body, #clasificador #modalResultado.modal.tipoB .modal-body, #modalInfoMensaje.modal.tipoB .modal-body {
    padding: 16px 8px 16px 8px !important;
    margin: 0 16px !important;
}

#Envios #modalEnviadoOK.modal.tipoB .modal-footer, #clasificador #modalResultado.modal.tipoB .modal-footer, #modalInfoMensaje.modal.tipoB .modal-footer {
    border: none !important;
    padding: 0px 8px 16px 8px !important;
    margin: 0 16px !important;
}


#Envios .tipoB#modalEnviadoOK .modal-body {
    padding-bottom: 0 !important;
    margin: 0 1rem !important;
}

    #Envios .tipoB#modalEnviadoOK .modal-body p {
        margin-bottom: 0 !important;
    }

#Envios .tipoB#modalEnviadoOK .modal-footer {
    padding: 0.5rem 0 !important;
    margin: 0 !important;
}

#Envios #modalEnviadoOK .modal-footer button {
    height: 40px;
    flex: 100%;
    margin: 0 !important;
    max-width: 100% !important;
}

#Envios #modalEnviadoOK .modal-body {
    padding-top: 1rem;
}

#clasificador .tipoB#modalResultado .modal-body {
    padding-bottom: 0 !important;
    margin: 0 1rem !important;
}

.tipoB#modalInfoMensaje .modal-body {
    padding-bottom: 0 !important;
    margin: 0rem !important;
}

    #clasificador .tipoB#modalResultado .modal-body p, .tipoB#modalInfoMensaje .modal-body p {
        margin-bottom: 0 !important;
    }

#clasificador .tipoB#modalResultado .modal-footer, .tipoB#modalInfoMensaje .modal-footer {
    padding: 0.5rem 1rem !important;
    margin: 0 !important;
}

    #clasificador #modalResultado .modal-footer button, .tipoB#modalInfoMensaje .modal-footer button {
        height: 40px;
        flex: 100%;
        margin: 0 !important;
        max-width: 100% !important;
    }

#clasificador #modalResultado .modal-body, .tipoB#modalInfoMensaje .modal-body {
    padding-top: 1rem;
}

.tipoB#modalInfoMensaje .modal-content {
    min-width: 290px;
}

div#modalVerifySubida {
    background: rgba(0,0,0,0.5) !important;
}

.tipoB#modalResultado, .tipoB#modalEnviadoOK, .tipoB#modalInfoMensaje {
    height: min-content !important;
    bottom: 0 !important;
    top: unset;
}

#Envios #modalEnviadoOK.modal.tipoB .modal-body, #clasificador #modalResultado.modal.tipoB .modal-body, #modalInfoMensaje.modal.tipoB .modal-body {
    border: none !important;
}

/*Fin Actualización NOTIFICACIONES*/


#video-desktop .tipoA .modal-body p,
#video-desktop .tipoB .modal-body p,
#video-cliente-desktop .tipoA .modal-body p,
#video-cliente-desktop .tipoB .modal-body p {
    font-size: 14px;
}

#video-desktop .tipoA .modal-body,
#video-desktop .tipoB .modal-body,
#video-cliente-desktop .tipoA .modal-body,
#video-cliente-desktop .tipoB .modal-body {
    padding: 16px 8px;
    margin: 0 16px !important;
}

#video-desktop .tipoB .modal-footer,
#video-cliente-desktop .tipoB .modal-footer {
    margin: 0 24px !important;
    padding: 0 0 16px 0;
}

#video-desktop .tipoA .modal-dialog,
#video-desktop .tipoB .modal-dialog,
#video-cliente-desktop .tipoA .modal-dialog,
#video-cliente-desktop .tipoB .modal-dialog {
    max-width: 344px;
}

@media (max-width:767px) {
    #video-desktop .modal.tipoA .modal-content,
    #video-desktop .modal.tipoB .modal-content,
    #video-cliente-desktop .modal.tipoA .modal-content,
    #video-cliente-desktop .modal.tipoB .modal-content {
        max-width: 100% !important;
        width: 100% !important;
    }

    #video-desktop .modal.tipoA .modal-body,
    #video-desktop .modal.tipoB .modal-body,
    #video-cliente-desktop .modal.tipoA .modal-body,
    #video-cliente-desktop .modal.tipoB .modal-body {
        padding: 16px 8px 16px 8px !important;
    }

    #video-desktop .modal.tipoB button,
    #video-cliente-desktop .modal.tipoB button {
        width: 100% !important;
    }
}

/*seat notifications: last update*/
#video-desktop .modal.tipoB .modal-footer,
#video-cliente-desktop .modal.tipoB .modal-footer {
    padding: 0 0 16px 0 !important;
}

#clasificador .tipoB#modalResultado .modal-body p,
.tipoB#modalInfoMensaje .modal-body p {
    margin-bottom: 0 !important;
    font-family: SeatMedium;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark);
}
/*seat notifications:last update end*/

/*new notification MasterPage tipoB*/
#masterAsesor .tipoB#modalLlamadaFinalizada .modal-footer > span {
    width: 100%;
    margin: 0px;
}

#masterAsesor .tipoB#modalLlamadaFinalizada .modal-footer .btn {
    margin: 0px !important;
    padding: 0px !important;
    height: 40px;
    background-color: var(--main);
    border-radius: 4px;
    font-family: SeatBold !important;
    font-weight: 400 !important;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

#masterAsesor .tipoB#modalLlamadaFinalizada .modal-body p {
    font-family: "SeatMedium";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--dark);
    margin-bottom: 0;
}

#masterAsesor .tipoB#modalLlamadaFinalizada .modal-dialog {
    min-width: 310px;
}
/*end of new notification MasterPage tipoB*/

/*pre notif. 05052021*/
#video-desktop #modalClienteDesconectado .modal-footer .waves-input-wrapper,
#video-mobile #modalClienteDesconectado .modal-footer .waves-input-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-width: 100%;
}

@media(max-width:767px) {
    #video-desktop #modalClienteDesconectado .modal-footer .btn,
    #video-mobile #modalClienteDesconectado .modal-footer .btn {
        width: 100% !important;
    }
}
/*end pre notif. 05052021*/

/*MasterPage PopUp*/
#masterAsesor #modalAvisoLead .modal-header {
    margin: 0 32px 0 32px !important;
    padding: 24px 0 0 0 !important;
}

    #masterAsesor #modalAvisoLead .modal-header .title-20 {
        margin-bottom: 10px !important;
    }

    #masterAsesor #modalAvisoLead .modal-header button {
        opacity: 1;
    }

    #masterAsesor #modalAvisoLead .modal-header .material-icons {
        margin-top: 7px;
        opacity: 1 !important;
    }

#masterAsesor #modalAvisoLead .modal-body {
    padding: 24px 0 10px 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

    #masterAsesor #modalAvisoLead .modal-body .title-16-medium {
        margin-bottom: 0 !important;
    }

#masterAsesor #modalAvisoLead .modal-footer {
    display: flex;
    justify-content: space-around !important;
    padding: 24px 0 24px 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

    #masterAsesor #modalAvisoLead .modal-footer .btn {
        height: 40px;
        padding-top: 10px;
        margin: 0px;
        width: 45%;
    }

#modalColgarLead > div > div > div > div.modal-footer.border-0 > button.btn.btn-envios-cancelarnuevocliente.btn-block.waves-effect.waves-light {
    width: 45%;
    margin: 0px;
}

#modalColgarLead > div > div > div > div.modal-footer.border-0 > button.btn.btn-entrar.btn-block.col-6.waves-effect.waves-light {
    margin: 0px 0px 0px 10px;
}



@media(max-width: 767px) {
    #masterAsesor #modalAvisoLead .modal-dialog,
    #video-cliente-desktop #modalTerminada .modal-dialog,
    #masterAsesor #modalAlertaWhatsApp .modal-dialog,
    #masterAsesor #modalColgarLead .modal-dialog,
    #masterAsesor #modalRechazarChat .modal-dialog,
    #masterAsesor #modalAvisoChat .modal-dialog,
    #masterAsesor #modalLlamadaFinalizada .modal-dialog {
        margin: 0px !important;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 100% !important;
    }

    #masterAsesor #modalAvisoLead .modal-header,
    #video-cliente-desktop #modalTerminada .modal-header,
    #masterAsesor #modalAlertaWhatsApp .modal-header,
    #masterAsesor #modalColgarLead .modal-header,
    #masterAsesor #modalRechazarChat .modal-header,
    #masterAsesor #modalAvisoChat .modal-header,
    #masterAsesor #modalLlamadaFinalizada .modal-header {
        margin: 0 16px 0 16px !important;
        padding: 24px 0 0 0 !important;
    }

        #masterAsesor #modalAvisoLead .modal-header .title-20,
        #video-cliente-desktop #modalTerminada .modal-header .modal-title,
        #masterAsesor #modalAlertaWhatsApp .modal-header .modal-title {
            font-size: 18px !important;
        }

    #masterAsesor #modalAvisoLead .modal-body,
    #video-cliente-desktop #modalTerminada .modal-body,
    #masterAsesor #modalAlertaWhatsApp .modal-body,
    #masterAsesor #modalColgarLead .modal-body,
    #masterAsesor #modalRechazarChat .modal-body,
    #masterAsesor #modalAvisoChat .modal-body,
    #masterAsesor #modalLlamadaFinalizada .modal-body {
        padding: 16px 0 16px 0 !important;
        margin: 0 16px 0 16px !important;
    }

        #masterAsesor #modalAvisoLead .modal-body .title-16-medium,
        #video-cliente-desktop #modalTerminada .modal-body p,
        #masterAsesor #modalAlertaWhatsApp .modal-body .title-16-medium {
            font-size: 14px !important;
        }

    #masterAsesor #modalAvisoLead .modal-footer,
    #video-cliente-desktop #modalTerminada .modal-footer,
    #masterAsesor #modalAlertaWhatsApp .modal-footer,
    #masterAsesor #modalColgarLead .modal-footer,
    #masterAsesor #modalRechazarChat .modal-footer,
    #masterAsesor #modalAvisoChat .modal-footer,
    #masterAsesor #modalLlamadaFinalizada .modal-footer {
        padding: 16px 0 16px 0 !important;
        margin: 0 16px 0 16px !important;
    }

    #masterAsesor #modalAvisoLead .modal-content,
    #video-cliente-desktop #modalTerminada .modal-content,
    #masterAsesor #modalAlertaWhatsApp .modal-content,
    #masterAsesor #modalColgarLead .modal-content,
    #masterAsesor #modalRechazarChat .modal-content,
    #masterAsesor #modalAvisoChat .modal-content,
    #masterAsesor #modalLlamadaFinalizada .modal-content {
        border-radius: 19px 19px 0px 0px !important;
    }

    #masterAsesor #modalAvisoLead .modal-footer .btn,
    #video-cliente-desktop #modalTerminada .modal-footer .btn,
    #masterAsesor #modalAlertaWhatsApp .modal-footer .btn,
    #masterAsesor #modalColgarLead .modal-footer .btn,
    #masterAsesor #modalRechazarChat .modal-footer .btn,
    #masterAsesor #modalAvisoChat .modal-footer .btn,
    #masterAsesor #modalLlamadaFinalizada .modal-footer .btn {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin:3px;
    }

    #video-cliente-desktop #modalTerminada .modal-content {
        max-width: 100% !important;
    }

    #video-cliente-desktop #modalTerminada .modal-header .modal-title {
        margin-bottom: 4px;
    }

    #video-cliente-desktop #modalTerminada .modal-dialog {
        top: unset;
        left: 0;
        transform: none;
    }
}
/*End MasterPage PopUp*/

/*Corrección PopUp videoCliente*/
#video-cliente-desktop #modalTerminada .modal-header > button {
    margin-right: -6px;
}

    #video-cliente-desktop #modalTerminada .modal-header > button .material-icons {
        font-size: 30px;
    }

#video-cliente-mobile #modalTerminada .modal-header > button {
    padding: 0 8px !important;
    margin-top: -10px;
}

@media(max-width: 767px) {
    #video-cliente-desktop #modalTerminada .modal-footer {
        border-top: 1px solid #dee2e6 !important;
    }

    #video-cliente-desktop #modalTerminada .modal-body {
        padding-bottom: 40px !important;
        padding-top: 20px !important;
    }
}
/*Fin Corrección PopUp videoCliente*/

/*Corrección modal envío guardado*/
#Envios #modalEnvioGuardado .modal-body p {
    font-family: SeatMedium;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--dark);
}

@media(max-width: 767px) {
    #Envios #modalEnvioGuardado .modal-body p {
        font-size: 14px;
    }
}
/*Fin Corrección modal envío guardado*/

/*Correcciones bolas títulos*/
#InvitationsPage #divPunto1 .title-16-medium,
#InvitationsPage #divPunto2 .title-16-medium {
    margin-top: 1px;
}

#InvitationsPage #divPunto1 .checkout-step-number,
#InvitationsPage #divPunto2 .checkout-step-number {
    min-width: 18px;
}

#Envios #divPunto1 h5,
#Envios #divPunto2 h5,
#Envios #divPunto3 h5,
#Envios #divPunto4 h5 {
    margin-top: 1px;
}

#Envios #divPunto1 .checkout-step-number,
#Envios #divPunto2 .checkout-step-number,
#Envios #divPunto3 .checkout-step-number,
#Envios #divPunto4 .checkout-step-number {
    min-width: 18px;
}

.plantillas-vista #columna_plantillas .card .envio-oval .numplantilla {
    margin-top: 4px;
    margin-left: -1px;
}

#salaespera .checkout-step-number {
    min-width: 18px;
}

@-moz-document url-prefix() {
    #salaespera .checkout-step-number .checkout-step-number-no {
        display: inline-block;
    }
}

#legalPage .checkout-step-number {
    min-width: 18px;
}

#carpetaPersonal .checkout-step-number,
#carpetaCompartida .checkout-step-number {
    min-width: 18px;
}

@media (max-width: 767px) {
    #carpetaPersonal .medium-16-dark-normal,
    #carpetaCompartida .medium-16-dark-normal {
        font-size: 14px !important;
        line-height: 16px !important;
        padding-top: 3px;
    }
}

#carpetaPersonal #headingTwo .checkout-step-number-no,
#carpetaPersonal #headingthree .checkout-step-number-no {
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
}

#carpetaPersonal #headingthree .checkout-step-number-no {
    margin-top: 3px;
}
/*Fin correcciones bolas títulos*/


/*Corrección modal datos cliente en VideoLlamada móvil*/
#video-mobile #nuevocliente .modal-body {
    padding: 16px 0 0px 0 !important;
}

    #video-mobile #nuevocliente .modal-body.pb-2 b {
        width: 100%;
    }

#video-mobile #nuevocliente .modal-footer {
    margin: 0 5px 10px 8px !important;
    padding-top: 0 !important;
    border: none !important;
}

    #video-mobile #nuevocliente .modal-footer .text-muted {
        margin: 0 5px 10px 8px !important;
    }

#video-mobile #nuevocliente div#divRecordatorio small.form-text.text-muted {
    margin-left: 0;
}

#video-mobile #nuevocliente div#divRecordatorio {
    padding-right: 15px;
}

#video-mobile #nuevocliente #formAddCliente > div:nth-child(2) label {
    font-weight: bold;
}

#video-mobile #nuevocliente .modal-footer > div {
    padding-right: 11px;
    padding-left: 8px;
}

#video-mobile #nuevocliente .modal-footer > small {
    padding-right: 5px;
}
/*Fin Corrección modal datos cliente en VideoLlamada móvil*/

/*Timer de la llamada*/
#video-mobile .eyebrow.contador#time {
    font-size: 10px;
    font-family: SeatRegular;
    color: var(--brown-grey);
}

@media (min-width: 768px) and (min-height: 576px) {
    #video-mobile .header-chat, #video-cliente-mobile .header-chat {
        text-align: left;
        color: #ffffff;
        background-color: #2e2a2b !important;
        padding: .75rem 1.25rem !important;
    }
}

@media (min-width: 768px) {
    #video-mobile .btn-danger .scopy, #video-mobile .btn-success .scopy, #video-cliente-mobile .btn-llamada .scopy {
        font-family: SeatBold !important;
    }

    #video-mobile .d-flex.justify-content-between {
        margin-top: -8px;
    }

    #video-mobile .more-info {
        padding-top: 20px !important;
    }

    #video-mobile .lblNombreCliente {
        font-size: 14px !important;
    }

    #video-mobile .lblNombreCliente {
        font-size: 14px !important;
    }

    #video-mobile .nav-tabs .nav-link, #video-mobile .block-subtitle h5 {
        font-size: 14px !important;
    }

    #video-mobile .table-cell-history,
    #video-mobile .text-call,
    #video-mobile .text-call p {
        font-size: 14px !important;
    }

    #video-mobile .block-title h5, #video-mobile .block-subtitle h4 {
        font-size: 16px !important;
    }

    #video-mobile .dxgvHeader_MaterialCompact td {
        font-size: 14px !important;
    }

    #video-mobile .write_msg_note {
        font-size: 14px !important;
        padding: 16px !important;
    }

    #video-mobile .write_msg, #video-cliente-mobile .write_msg {
        font-size: 14px !important;
    }
}

#video-cliente-mobile .options-client {
    margin-top: 1rem;
}

#video-cliente-mobile button#btnMandarMensaje i.fa.fa-angle-right {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #video-mobile #navMenuLlamada .button-bar .row.mr-2 img {
        max-width: 36px;
    }
}

/* iOS Safari: Title numeric guides */
@supports (-webkit-touch-callout: none) {
    #InvitationsPage .checkout-step-number-no,
    #Envios .chekout-step-number-no,
    #carpetaCompartida .chekout-step-number-no,
    #carpetaPersonal .chekout-step-number-no,
    #legalPage .checkout-step-number-no {
        vertical-align: top !important;
        margin-top: 2px !important;
        display: inline-block !important;
    }

    #Envios #divPlantillas .envios-numplantilla {
        margin-top: -4px !important;
    }

    .plantillas-vista #columna_plantillas .card .envio-oval .numplantilla {
        margin-top: 2px !important;
        margin-left: 0px !important;
    }
}
/* End of iOS Safari: Title numeric guides */

/*Pantallas _d modificaciones*/

#video-cliente-desktop .opciones-cliente {
    padding-top: 1rem;
}

#video-desktop #txtLeyenda {
    margin-top: 32px;
}

@media (max-width: 991.5px) {
    #video-cliente-desktop .Rectangle-Copy-2.d-flex.flex-column.align-items-center.justify-content-between button {
        margin: 0 auto !important;
    }

    #video-cliente-desktop .Rectangle-Copy-1, #video-cliente-desktop .Rectangle-Copy-2, #video-cliente-desktop .Rectangle-Copy-3 {
        height: unset !important;
    }

        #video-cliente-desktop .Rectangle-Copy-2.row.col-12.mx-auto, #video-desktop .Rectangle-Copy-2.row.col-12.mx-auto {
            align-items: center !important;
        }

    #navMenuLlamada .col-lg-3.col-md-5.col-sm-5.col-4, .opciones-cliente.row .col-lg-3.col-md-5.col-sm-5.col-4 {
        padding-right: 0;
    }

    #navMenuLlamada .col-lg-5.col-md-12.col-12.pr-0, .opciones-cliente.row .col-lg-5.col-md-12.col-12.pr-0 {
        margin-top: 1rem;
    }

    .opciones-cliente.row .col-lg-5.col-md-12.col-12.pr-0 {
        padding-left: 0 !important;
    }

    #navMenuLlamada .Rectangle-Copy-3.p-2.d-flex.align-items-center.justify-content-center.button-bar, .opciones-cliente.row .Rectangle-Copy-3.p-2.d-flex.align-items-center.justify-content-center.button-bar {
        height: unset;
        padding: 0.75rem !important;
    }

    #video-cliente-desktop div#cardChat, #video-desktop div#cardChat {
        padding-left: 15px !important;
    }

    #video-cliente-desktop div#cardChat {
        padding-left: 0px !important;
        margin-top: 16px;
    }

    div#MainContent_divChat {
        margin-bottom: 24px;
    }

    #video-cliente-desktop .body-content {
        padding-bottom: 40px !important;
    }

    #video-cliente-desktop #divCamaras {
        padding-top: 16px;
    }

    #video-cliente-desktop img.videoCheckSeatOn, #video-cliente-desktop img.videoCheckSeatOff, #video-cliente-desktop img.audioCheckSeatOn, #video-cliente-desktop img.audioCheckSeatOff, #video-cliente-desktop img.icon-button {
        width: 36px !important;
    }

    #video-cliente-desktop .opciones-cliente > div > div {
        min-height: 64px !important;
        padding: 0.75rem !important;
        justify-content: center;
    }

    #video-cliente-desktop div#MainContent_panel2 {
        height: 36px;
    }

    #video-cliente-desktop .options-menu button {
        height: 36px !important;
    }

    #video-cliente-desktop .btn-danger {
        padding: 10px 20px 10px 20px;
        border-radius: 2px;
        color: white;
        background-color: #bb1a20 !important;
        border-color: #bb1a20 !important;
        font-family: SeatBold !important;
        font-size: 14px !important;
        height: 35px;
        margin: 25px 0;
    }
}

@media (min-width: 768px) {
    #video-desktop .d-flex.justify-content-between {
        margin-top: -8px;
    }

    #video-desktop .more-info {
        padding-top: 20px !important;
    }
}

@media (max-width: 767.5px) {
    #navMenuLlamada span#MainContent_lblNombreCliente1, .opciones-cliente.row span#MainContent_lblNombreUsuario1 {
        font-size: 10px !important;
    }

    #navMenuLlamada span#MainContent_lblNombreCliente, .opciones-cliente.row span#MainContent_lblNombreUsuario {
        font-size: 13px !important;
    }

    #navMenuLlamada .more-info {
        max-width: 12px !important;
    }

    #video-desktop .block-title h5 {
        font-size: 16px !important;
    }

    #video-desktop .block-title {
        padding: 12px 12px 12px 12px !important;
    }

    #video-desktop .block-content {
        padding: 0 12px 12px 12px !important;
    }

    #video-desktop .box {
        padding: 0.75rem !important;
    }

    #video-desktop .table-cell-history, #video-desktop .text-call, #video-desktop .text-call p {
        font-size: 10px !important;
    }

    #video-desktop .dxgvHeader_MaterialCompact td {
        font-size: 10px !important;
    }

    #video-desktop .nav-tabs .nav-link {
        font-size: 12px !important;
    }

    #video-desktop button#chat-video, #video-cliente-desktop button#chat-video {
        float: right;
        height: 28px;
    }

    #video-desktop button#close-chat, #video-cliente-desktop button#close-chat {
        float: left;
        height: 28px;
    }

        #video-desktop button#close-chat img, #video-desktop button#chat-video img, #video-cliente-desktop button#close-chat img, #video-cliente-desktop button#chat-video img {
            width: 28px !important;
        }

    #video-desktop .header-chat, #video-cliente-desktop #cardChat .card-header {
        font-family: 'SeatBold' !important;
        font-size: 16px !important;
        text-align: center !important;
        color: var(--dark) !important;
        border-bottom: 1px solid var(--dark) !important;
        background-color: var(--white-smoke) !important;
    }

    #video-desktop .Rectangle-Copy-1, #video-desktop .Rectangle-Copy-2, #video-desktop .Rectangle-Copy-3 {
        padding: 0.75rem !important;
    }

    #video-desktop .btn-success, #video-desktop .btn-danger, #video-desktop .btn-device {
        padding: 5px !important;
        margin: 15px 0px !important;
    }
}

@media (min-width: 992px) and (max-width: 1035px) {
    #video-desktop .button-bar button {
        margin: 0 2px !important;
    }
}

@media (max-width: 1280px) {

    #navMenuLlamada .Rectangle-Copy-3.p-2.d-flex.align-items-center.justify-content-center.button-bar img, .opciones-cliente.row .Rectangle-Copy-3.p-2.d-flex.align-items-center.justify-content-center.button-bar img {
        max-width: 36px;
    }

    #video-desktop .button-bar .row.mr-2, #video-cliente-desktop .button-bar .row.mr-2 {
        height: 36px;
    }

    #video-desktop .button-bar .text-center, #video-cliente-desktop .button-bar .text-center {
        max-height: 36px;
    }

    #video-desktop .button-bar .btn-icons, #video-cliente-desktop .button-bar .btn-icons {
        max-height: 36px;
        max-width: 36px;
    }
}

@media (min-width: 992px) {
    #navMenuLlamada .Rectangle-Copy-3.p-2.d-flex.align-items-center.justify-content-center.button-bar {
        margin-top: 0 !important;
    }

    div#divCamaras {
        padding-right: 0;
    }

    #video-cliente-desktop div#divChat {
        padding-left: 0 !important;
    }
}

#video-desktop .eyebrow.contador#time {
    font-size: 10px;
    font-family: SeatRegular;
    color: var(--brown-grey);
}

/*Fin Pantallas _d modificaciones*/


/* CALENDAR STYLE */

.dxeCalendarHeader_MaterialCompact {
    background-color: var(--main) !important;
}

    .dxeCalendarHeader_MaterialCompact span {
        padding: 0 16px;
        white-space: nowrap !important;
        color: #ffffff !important;
    }

.dxeCalendarDay_MaterialCompact.dxeCalendarSelected_MaterialCompact {
    background-color: var(--main) !important;
}

.dxeCalendarFastNavItem_MaterialCompact.dxeCalendarFastNavItemSelected_MaterialCompact, .dxeCalendarFastNavMonth_MaterialCompact.dxeCalendarFastNavMonthSelected_MaterialCompact, .dxeCalendarFastNavYear_MaterialCompact.dxeCalendarFastNavYearSelected_MaterialCompact {
    background-color: var(--main) !important;
}


button#MainContent_ASPxDateEditDesde_DDD_C_BT:hover, button#MainContent_ASPxDateHasta_DDD_C_BT:hover {
    color: #ffffff !important;
}

.dxeButtonEditButton_MaterialCompact, .dxeCalendarButton_MaterialCompact, .dxeSpinIncButton_MaterialCompact, .dxeSpinDecButton_MaterialCompact, .dxeSpinLargeIncButton_MaterialCompact, .dxeSpinLargeDecButton_MaterialCompact, .dxeColorEditButton_MaterialCompact {
    background-color: transparent;
}

    .dxeButtonEditButton_MaterialCompact:hover, .dxeCalendarButton_MaterialCompact:hover, .dxeSpinIncButton_MaterialCompact:hover, .dxeSpinDecButton_MaterialCompact:hover, .dxeSpinLargeIncButton_MaterialCompact:hover, .dxeSpinLargeDecButton_MaterialCompact:hover, .dxeColorEditButton_MaterialCompact:hover {
        background-color: var(--btn-color-hover);
    }

/* END CALENDAR STYLE */

#video-desktop .write_msg, #video-cliente-desktop .write_msg {
    padding-top: 14px !important;
}

#video-cliente-desktop #numMensajes,
#video-desktop #numMensajes,
#video-cliente-mobile #numMensajes,
#video-mobile #numMensajes {
    padding-top: 5px !important;
    min-width: 20px !important;
    max-width: 20px !important;
}

#video-cliente-desktop #cardChat .inbox_msg {
    border: none;
}

/*modales _d en resoluciones < 767px*/
@media(max-width:767px) {
    #video-desktop .modal-dialog,
    #video-cliente-desktop .modal-dialog {
        margin: auto;
        bottom: 0;
        left: 0;
        transform: none;
        position: relative !important;
    }

    #video-desktop .modC .modal-content,
    #video-cliente-desktop .modC .modal-content {
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
        bottom: 0;
        left: 0;
        position: fixed;
        max-width: 100% !important;
    }

    #video-desktop .modC .modal-header,
    #video-cliente-desktop .modC .modal-header {
        padding: 24px 0px 12px 0px !important;
    }

    #video-desktop .modC .modal-content > *,
    #video-cliente-desktop .modC .modal-content > * {
        margin: 0 16px !important;
    }

    #video-desktop .modC .modal-header *,
    #video-cliente-desktop .modC .modal-header * {
        font-size: 18px !important;
    }

    #video-desktop .modC .modal-body *,
    #video-cliente-desktop .modC .modal-body * {
        font-size: 14px !important;
    }

    #video-desktop .modC .modal-footer,
    #video-cliente-desktop .modC .modal-footer {
        padding-bottom: 12px !important;
        border-top: 1px solid #dee2e6 !important;
    }

        #video-desktop .modC .modal-footer > div > div,
        #video-cliente-desktop .modC .modal-footer > div > div {
            padding: 0 !important;
        }

        #video-desktop .modC .modal-footer button,
        #video-cliente-desktop .modC .modal-footer button {
            margin-bottom: 10px !important;
            width: 100%;
        }
}
/*Fin modales _d en resoluciones <767px*/

@supports (-webkit-touch-callout: none) {
    @media(max-width:767px) {
        #salaespera .panel > div:first-child {
            display: flex !important;
        }

        #salaespera .panel .title-16-medium {
            padding-top: 4px !important;
        }
    }

    #salaespera .checkout-step-number-no {
        display: inline-block !important;
    }
}

/*Correcciones safari*/
@supports (-webkit-touch-callout: none) {
    #contenedorPassword #icon_eye {
        margin-top: 0 !important;
        position: relative;
        top: 50%;
        transform: translateY(25%);
    }
}
/*Fin correcciones safari*/

/*Correcciones*/
@media (min-width: 767px) and (max-width: 1199.5px) {
    #cuadroMandoPage .numclientes {
        padding-left: 0px !important;
    }
}

.cuadromando-filtro table#MainContent_comboConces {
    max-width: 100%;
}

.cuadromando-filtro table#MainContent_comboUsuarios {
    max-width: 100%;
}

@media (max-width: 1200px) {
    #clasificador #MainContent_ASPxGridView1_DXMainTable {
        min-width: 1000px;
    }
    #masterAsesor #navPrincipal {
        padding: 5px 0 !important;
    }
}
/*Fin correcciones*/

/*BOTON COOKIES*/
.btn.btn-mostrarcookies, .btn.btn-aceptarcookies {
    background-color: transparent !important;
    color: var(--white) !important;
    border: 2px solid var(--white) !important;
    font-size: 12px !important;
    border-radius: 4px;
    font-family: "SeatBold", sans-serif !important;
}

    .btn.btn-mostrarcookies:hover, .btn.btn-aceptarcookies:hover {
        background-color: transparent !important;
        color: var(--white) !important;
        border: 2px solid var(--white) !important;
        opacity: 0.8 !important;
        font-size: 12px !important;
    }

    .btn.btn-mostrarcookies:active, .btn.btn-aceptarcookies:active {
        background-color: rgba(255, 255, 255, 0.6) !important;
        color: var(--white) !important;
        border: 2px solid var(--white) !important;
        font-size: 12px !important;
    }

    .btn.btn-mostrarcookies:disabled, .btn.btn-aceptarcookies:disabled {
        background-color: transparent !important;
        color: var(--white) !important;
        border: 2px solid var(--white) !important;
        opacity: 0.6 !important;
        font-size: 12px !important;
    }

/*VIDEOPERSO - Correcciones*/

#MainContent_gridArchivos::-webkit-scrollbar {
    display: none;
}

#MainContent_ASPxGridView1::-webkit-scrollbar {
    display: none;
}


.añadirFileButton.btn-añadir {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dxgv .dxeHyperlink_MaterialCompact {
    text-decoration: underline;
}

/********************************************************************
    LLAMADAS PERDIDAS

********************************************************************/

#modalEnvio > div > div > div.modal-body > div:nth-child(1) > div:nth-child(1) {
    display: flex;
    justify-content: center;
}

#modalEnvio > div > div > div.modal-body > div:nth-child(2) > div > div.checkout-step-number {
    float: left;
}

/*Tabla*/
#llamadasPerdidas {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 12px 12px 24px 12px;
    border-collapse: separate;
    margin-top: 32px;
}

#MainContent_gridUsuarios_DXTitle {
    background-color: #f2f2f2;
}

#MainContent_gridUsuarios > tbody > tr > td > div:nth-child(2) {
    width: 50%;
    float: left;
}

#MainContent_gridUsuarios_DXCTMenu0 > ul {
    margin-left: 24px;
}

#MainContent_gridUsuarios_DXCTMenu0_DXI0_ {
    background-color: var(--main);
    border: 2px solid var(--main);
    min-width: 156px;
}

#MainContent_gridUsuarios_DXCTMenu0_DXI0_T {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    padding: 5px 13px 5px 14px;
}

    #MainContent_gridUsuarios_DXCTMenu0_DXI0_T > span {
        font-family: 'SeatMedium';
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        color: #190f14;
        padding: 2px 0;
    }

#MainContent_gridUsuarios_DXCTMenu0_DXI0_Img {
    margin: 0 0 0 8px;
    color: #190f14;
    filter: brightness(0%);
    content: url(../Imagenes/default/iconos/download_icon_white.png);
    background: none;
    margin-top: 1px;
}

#MainContent_gridUsuarios_DXSearchPanel {
    width: 235px;
    float: right;
    margin-right: 25px;
    padding: 0px;
    margin-top: 16px;
}

.dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact, .dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact input {
    background-color: white;
    box-shadow: none;
    border-radius: 2px;
}

#MainContent_gridUsuarios_DXSE_B-100Img {
    display: none;
}


#MainContent_gridUsuarios_DXSE_I {
    font-family: 'SeatMedium' !important;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468;
}


#MainContent_gridUsuarios > tbody > tr > td > div.dxgvCSD {
    overflow: auto hidden;
    width: 1102px;
    border: 1px solid #DFDFDF;
    box-shadow: none;
}

#MainContent_gridUsuarios_DXMainTable {
    width: 100%;
    empty-cells: show;
    table-layout: fixed;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 2px;
    border: 1px solid rgba(25, 15, 20, .4);
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    border-collapse: separate !important;
    min-width: 1000px;
}

#MainContent_gridUsuarios_DXHeadersRow0 {
    width: 100%;
    empty-cells: show;
    table-layout: fixed;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 2px;
    border: 1px solid rgba(25, 15, 20, .4);
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    background-color: White;
    border-collapse: separate !important;
}

#MainContent_gridUsuarios_col1, #MainContent_gridUsuarios_col2, #MainContent_gridUsuarios_col3, #MainContent_gridUsuarios_col5, #MainContent_gridUsuarios_col6, #MainContent_gridUsuarios_col7, #MainContent_gridUsuarios_col8, #MainContent_gridUsuarios_col9 {
    background-color: #fff;
    border-top-width: 0px;
    border-left-width: 0px;
    border: none;
    border-bottom: 1px solid #747468;
    padding: 17px 10px 14px;
    cursor: pointer;
    white-space: nowrap;
    color: black;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
    font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 1em;
}

#MainContent_gridUsuarios_DXHeadersRow0 table > tbody > tr > td:nth-child(1) > table > tbody > tr > td {
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
    white-space: nowrap;
}

.dxgvDataRow_MaterialCompact .dxgv.dx-ellipsis {
    font-family: 'SeatRegular';
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #747468 !important;
    text-decoration: none;
    padding: 10px 10px 10px;
    overflow: hidden;
    border-bottom: 1px solid #DFDFDF !important;
    border-top-width: 0;
    border-left-width: 0;
    border-right: none !important;
}


.dxgvDataRow_MaterialCompact:nth-child(odd) {
    background-color: #f9f8f6;
}



#llamadasPerdidas .dxgvCommandColumn_MaterialCompact.dxgv.dx-ac .dxbButton_MaterialCompact {
    padding: 5px;
    color: var(--main) !important;
    border: 2px solid var(--main) !important;
    background-color: white;
}




#llamadasPerdidas tr td .dxbButton_MaterialCompact.dxgvCommandColumnItem_MaterialCompact.dxgv__cci.dxbButtonSys.dxbTSys {
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    box-shadow: none;
    text-transform: lowercase;
}


#llamadasPerdidas tr td:nth-child(even) .dxbButton_MaterialCompact.dxgvCommandColumnItem_MaterialCompact.dxgv__cci.dxbButtonSys.dxbTSys {
    color: white !important;
    border: 2px solid var(--main) !important;
    background-color: var(--main) !important;
    box-shadow: none;
    height: 35px;
}

.dxbButton_MaterialCompact div.dxb {
    padding: 6px 0px 4px;
}

/*Mensaje POP-UP*/
#modalEnvio > div {
    margin-top: 0;
    top: calc(50% - 251px);
}


    #modalEnvio > div > div > div.modal-header {
        border-bottom: 1px solid #e1d7cd !important;
        padding: 32px 0px 12px 0px !important;
    }


        #modalEnvio > div > div > div.modal-header > h2 {
            margin-bottom: 0;
            line-height: 1.5;
        }


        #modalEnvio > div > div > div.modal-header > button {
            opacity: 1;
            margin-top: -8px !important;
            margin: -1rem -1rem -1rem auto;
            font-size: 40px;
            padding: 0 10px !important;
        }

            #modalEnvio > div > div > div.modal-header > button > span {
                font-size: 30px;
                color: black;
                margin-top: 0px !important;
                font-family: 'Material Icons';
                font-weight: normal;
                font-style: normal;
                line-height: 1;
                letter-spacing: normal;
                text-transform: none;
                display: inline-block;
                white-space: nowrap;
                word-wrap: normal;
                direction: ltr;
                -webkit-font-feature-settings: 'liga';
                -webkit-font-smoothing: antialiased;
                font-weight: 400 !important;
                text-shadow: 0 1px 0 #fff;
            }


    #modalEnvio > div > div > div.modal-body > div:nth-child(2) > div > div > div > label > span {
        background-color: var(--dark);
    }


#btnEnviar {
    max-width: 296px;
    width: 100%;
    margin: 0px;
}


#modalResultado > div > div > div > div.modal-header {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
    padding: 32px 0px 0px 0px !important;
    margin: 0 32px !important;
}

#btnCancelVideoComunicacion > span {
    font-size: 30px;
    color: black;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

#modalResultado > div > div > div > div.modal-body {
    padding: 8px 0 8px 0;
}

    #modalResultado > div > div > div > div.modal-body > p {
        margin: 16px 0px;
    }

#modalResultado > div > div > div > div.modal-footer.border-0 {
    padding: 8px 0 32px 0;
}

    #modalResultado > div > div > div > div.modal-footer.border-0 > button {
        max-width: 296px;
        width: 100%;
        margin: 0px;
    }

#btnCancelVideoComunicacion {
    opacity: 1;
}

.modal-header {
    padding: 32px 0px 0px 0px !important;
}

#modalActualizarCliente > div > div > div > div.modal-body {
    padding: 8px 0 8px 0;
}


#modalActualizarClienteContacto > div > div > div > div.modal-body {
    padding: 8px 0 8px 0;
}

.modal-body .title-16-medium {
    margin: 0px;
}

#modalActualizarCliente > div > div > div > div.row.justify-content-center {
    padding: 8px 0 32px 0;
    margin: 0 32px !important;
}

#modalActualizarCliente > div > div > div > div.modal-header > button > span {
    font-size: 30px;
    color: black;
    margin-top: 0px !important;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-weight: 400 !important;
    text-shadow: 0 1px 0 #fff;
}

#modalActualizarCliente > div > div > div > div.modal-header > button {
    opacity: 1;
}


#modalActualizarCliente > div > div > div > div.row.justify-content-center,
#modalActualizarClienteContacto > div > div > div > div.row.justify-content-center {
    padding: 8px 0 32px 0;
    margin: 0 32px !important;
    flex-direction: row-reverse;
}

#modalActualizarClienteContacto > div > div > div > div.modal-header > button > span {
    font-size: 30px;
    color: black;
    margin-top: 0px !important;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-weight: 400 !important;
    text-shadow: 0 1px 0 #fff;
}

#modalActualizarClienteContacto > div > div > div > div.modal-header > button {
    opacity: 1;
}

#MainContent_gridUsuarios_DXPagerBottom a {
    font-size: 14px;
    font-family: "SeatMedium";
    padding: 10px 3px 8px 3px;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14 !important;
}


.dxpLite_MaterialCompact .dxp-current {
    background: none !important;
    color: #190f14 !important;
    font-size: 14px;
    font-family: "SeatMedium";
    padding: 10px 3px 8px 3px;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
}


.dxp-num.dxRippleTargetExternal {
    font-size: 14px;
    font-family: "SeatMedium";
    padding: 10px 3px 8px 3px;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14 !important;
}

#modalEnvio > div > div > div.modal-body > div:nth-child(1) > div:nth-child(1) > h5 {
    margin: 0px;
}

#modalEnvio > div > div > div.modal-body > div:nth-child(2) > div > h5 {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    #MainContent_gridUsuarios_DXSearchPanel {
        margin-top: 5px;
        width: 100%;
        float: left;
        padding: 10px;
    }

    #MainContent_gridUsuarios > tbody > tr > td > div:nth-child(2) {
        width: 70%;
    }

    #MainContent_gridUsuarios_DXCTMenu0 {
        width: 100%;
        text-align: left;
        padding-bottom: 0px;
    }

    #MainContent_ASPxGridView1_DXCTMenu0 > ul {
        margin-left: 8px;
    }

    #MainContent_gridUsuarios_DXCTMenu0_DXI0_ {
        font-size: small;
        min-width: 139px !important;
    }

    #MainContent_gridUsuarios_DXCTMenu0_DXI0_T > span {
        display: inline-block !important;
        font-size: 10px;
    }

    #MainContent_gridUsuarios_DXCTMenu0 > ul {
        margin-left: 8px;
    }

    /*Modal Invitación P1*/

    #modalEnvio > div > div {
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
        bottom: 0;
        left: 0;
        position: fixed;
    }

        #modalEnvio > div > div > div.modal-header {
            padding: 24px 0px 12px 0px !important;
            margin: 0 16px !important;
        }

            #modalEnvio > div > div > div.modal-header > h2 {
                font-size: 18px;
                line-height: 1.33;
            }


        #modalEnvio > div > div > div.modal-body {
            padding: 16px 0 20px 0;
            margin: 0 16px !important;
        }

            #modalEnvio > div > div > div.modal-body > div {
                padding: 0px !important;
                padding-left: 15px !important;
            }

    #MainContent_UpdateBodyModal > div.modal-footer.justify-content-center {
        border: none;
        margin: 0 16px !important;
    }

    #btnEnviar {
        max-width: none;
    }

    /*Modal Invitación P2*/
    #modalResultado > div > div {
        margin: 0px !important;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 100%;
    }

        #modalResultado > div > div > div > div.modal-header {
            padding: 24px 0px 12px 0px !important;
            margin: 0 16px !important;
        }

            #modalResultado > div > div > div > div.modal-header > h5 {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 0;
            }


        #modalResultado > div > div > div > div.modal-body {
            margin: 0 16px !important;
            padding: 16px 0;
        }

            #modalResultado > div > div > div > div.modal-body > p {
                font-size: 14px;
                font-weight: 500;
                line-height: 20px;
                margin-top: 0;
            }

        #modalResultado > div > div > div > div.modal-footer.border-0 {
            border-top: 1px solid #dee2e6 !important;
            margin: 0 16px !important;
            padding: 16px 0 !important;
        }

    #modalActualizarCliente > div > div {
        margin: 0px !important;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 100%;
    }

        #modalActualizarCliente > div > div > div > div.modal-header {
            padding: 24px 0px 12px 0px !important;
            margin: 0 16px !important;
        }

            #modalActualizarCliente > div > div > div > div.modal-header > h5 {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 0;
            }

        #modalActualizarCliente > div > div > div > div.modal-body {
            margin: 0 16px !important;
            padding: 16px 0;
        }

            #modalActualizarCliente > div > div > div > div.modal-body > p {
                font-size: 14px;
                font-weight: 500;
                line-height: 20px;
                margin-top: 0;
            }

        #modalActualizarCliente > div > div > div > div.row.justify-content-center {
            border-top: 1px solid #dee2e6;
            margin: 0 16px !important;
            padding: 16px 0 !important;
        }

            #modalActualizarCliente > div > div > div > div.row.justify-content-center > div {
                padding-left: 0px;
            }



    #modalActualizarClienteContacto > div > div {
        margin: 0px !important;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 100%;
    }

        #modalActualizarClienteContacto > div > div > div > div.modal-header {
            padding: 24px 0px 12px 0px !important;
            margin: 0 16px !important;
        }

            #modalActualizarClienteContacto > div > div > div > div.modal-header > h5 {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 0;
            }

        #modalActualizarClienteContacto > div > div > div > div.modal-body {
            margin: 0 16px !important;
            padding: 16px 0;
        }

            #modalActualizarClienteContacto > div > div > div > div.modal-body > p {
                font-size: 14px;
                font-weight: 500;
                line-height: 20px;
                margin-top: 0;
            }

        #modalActualizarClienteContacto > div > div > div > div.row.justify-content-center {
            border-top: 1px solid #dee2e6;
            margin: 0 16px !important;
            padding: 16px 0 !important;
        }

            #modalActualizarClienteContacto > div > div > div > div.row.justify-content-center > div {
                padding-left: 0px;
            }

    #MainContent_gridUsuarios_DXFilterBar > tbody {
        width: 100% !important;
    }

    /*MODAL CHAT*/
    #modalAvisoChat > div > div, #modalRechazarChat > div > div {
        width: 100% !important;
        bottom: 0;
        left: 0;
        position: fixed;
        max-width: 100%;
        margin: 0px !important;
    }

        #modalAvisoChat > div > div > div, #modalRechazarChat > div > div > div {
            border-top-left-radius: 19px !important;
            border-top-right-radius: 19px !important;
        }
}




#MainContent_gridUsuarios_DXFilterBar {
    display: flex;
    justify-content: flex-end;
    box-shadow: none;
    border: none;
    margin: 0px;
    background-color: #f2f2f2;
}


    #MainContent_gridUsuarios_DXFilterBar > tbody {
        background-color: #F2F2F2 !important;
        color: var(--main) !important;
        border: 2px solid var(--main) !important;
        border-radius: 2px;
        width: 20%;
        display: flex;
        justify-content: center;
    }

        #MainContent_gridUsuarios_DXFilterBar > tbody > tr > td.dxgvFilterBarExpressionCell_MaterialCompact > a {
            padding-top: 6px;
            padding-bottom: 6px;
            font-family: 'SeatBold';
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 16px;
            letter-spacing: normal;
            text-align: center;
            color: #ea5d1a;
            padding: 5px 5px 8px 0;
            white-space: nowrap;
        }

        #MainContent_gridUsuarios_DXFilterBar > tbody > tr > td.dxgvFilterBarImageCell_MaterialCompact {
            display: none;
        }


        #MainContent_gridUsuarios_DXFilterBar > tbody > tr > td.dxgvFilterBarExpressionCell_MaterialCompact {
            padding: 0px;
        }

#llamadasPerdidas .dxgvPagerBottomPanel_MaterialCompact {
    box-shadow: none !important;
    border: 0px;
    background-color: #f2f2f2;
}


#MainContent_gridUsuarios_DXPFCForm_PW-1 tr td .dxbButton_MaterialCompact.dxbButtonSys.dxbTSys {
    background-color: white !important;
    border: 2px solid var(--main) !important;
    color: var(--main) !important;
    box-shadow: none;
    height: 35px;
    width: 96px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

#MainContent_gridUsuarios_DXPFCForm_PW-1 tr td:nth-child(2) .dxbButton_MaterialCompact.dxbButtonSys.dxbTSys {
    background-color: var(--main) !important;
    color: var(--white) !important;
    box-shadow: none;
    height: 35px;
    width: 96px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    border: 0px !important;
}

#MainContent_gridUsuarios_DXPFCForm_PWH-1T {
    padding: 12px 0px 12px 0px !important;
    text-align: left;
    font-family: SeatBold;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
}



.dxgvEditFormDisplayRow_MaterialCompact td.dxgv, .dxgvDetailCell_MaterialCompact td.dxgv, .dxgvDataRow_MaterialCompact td.dxgv, .dxgvDetailRow_MaterialCompact.dxgvADR td.dxgvAIC {
    border-right: 0px;
}

#modalActualizarCliente > div > div > div > div.row.justify-content-center > div:nth-child(1) > button {
    margin: 0px;
}

#modalActualizarClienteContacto > div > div > div > div.row.justify-content-center > div:nth-child(1) > button {
    margin: 0px;
}

#modalEnvio > div > div > div.modal-body > div:nth-child(1) {
    display: flex;
    margin-bottom: 10px;
}

    #modalEnvio > div > div > div.modal-body > div:nth-child(1) > div > span {
        line-height: 1.8;
    }

#modalActualizarCliente > div > div > div > div.modal-body > p {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--copy);
}

#modalActualizarClienteContacto > div > div > div > div.modal-body > p {
    font-family: SeatRegular;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--copy);
}


#MainContent_gridUsuarios_DXCBtn0_CD > span {
    padding: 4px 0;
}


.dxgvControl_MaterialCompact.table-responsive.dxgv {
    overflow-x: hidden;
    overflow-y: hidden;
}

#MainContent_gridUsuarios_DXPFCForm_PWC-1 > div > table {
    display: flex;
    justify-content: flex-end;
}

    #MainContent_gridUsuarios_DXPFCForm_PWC-1 > div > table > tbody > tr {
        display: flex;
        flex-direction: row-reverse;
    }



#MainContent_gridUsuarios_DXPagerBottom {
    min-width: 318.203px !important
}

    #MainContent_gridUsuarios_DXPagerBottom > b.dxp-lead.dxp-summary {
        width: 100% !important;
    }

    #MainContent_gridUsuarios_DXPagerBottom > b.dxp-num.dxp-current {
        font-size: 10px;
    }

    #MainContent_gridUsuarios_DXPagerBottom > a {
        font-size: 10px;
    }

#MainContent_panelError {
    margin-top: 10px;
}

#MainContent_gridArchivos_DXCTMenu0_DXI0_Img, #MainContent_ASPxGridView1_DXCTMenu0_DXI0_Img {
    filter: brightness(0%);
    content: url(../Imagenes/default/iconos/download_icon_white.png);
    background: none;
    margin-top: 1px;
}


/* CARPETA COMPARTIDA - VIDEOSTANDAR */

#vs-title > h2 {
    font-family: 'SeatBlack';
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: #190f14;
}

#vs-title > hr, #vs-subtitle > hr {
    display: none !important;
}

#vs-title > small {
    line-height: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: SeatRegular;
    font-size: 14px;
    line-height: 20px;
    color: var(--brown-grey);
    vertical-align: middle;
    margin-bottom: 0 !important;
}


#vs-subtitle > h4 {
    font-family: 'SeatMedium';
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #190f14;
}

    #vs-subtitle > h4 > span {
        font-family: SeatRegular;
        font-size: 11px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
        color: white !important;
        vertical-align: middle;
    }

.file-filter {
    justify-content: left;
    text-align: left !important;
    padding: 0px !important;
    color: dimgrey;
    text-decoration: none;
    margin: 0;
}

    .file-filter > button > h5 {
        align-items: center;
        font-family: SeatBold;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        color: var(--dark);
        margin: 0px;
        display: flex;
        width: 100%;
    }

    .file-filter > button {
        justify-content: flex-start !important;
        padding: 25px 20px !important;
    }


/*Filter*/
.filter-search {
    display: flex;
}

    .filter-search > small {
        width: 60%;
    }

    .filter-search > div {
        width: 41%;
    }

        .filter-search > div > label {
            font-family: 'SeatMedium' !important;
            font-size: 14px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 16px;
            letter-spacing: normal;
            color: #747468
        }

#MainContent_txtBuscar {
    background-color: transparent;
    min-height: 48px;
}

.filter-titles > span {
    font-family: SeatMedium;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
}

#MainContent_gridArchivos_DXMainTable .dxgvDataRow_MaterialCompact button {
    background: #009196;
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14;
    padding: 5px;
}

.filter-cta {
    justify-content: flex-end;
}

    .filter-cta div {
        align-items: baseline;
    }

        .filter-cta div button:nth-of-type(1) {
            background-color: var(--main) !important;
            color: var(--white) !important;
            border: 0px !important;
            margin: 5px;
        }

            .filter-cta div button:nth-of-type(1):hover {
                background-color: var(--btn-color-hover) !important;
                color: var(--white) !important;
                border: 0px !important;
            }


        .filter-cta div button:nth-of-type(2) {
            background-color: transparent !important;
            color: var(--main) !important;
            border: 2px solid var(--main) !important;
            margin: 5px;
        }


            .filter-cta div button:nth-of-type(2):hover {
                background-color: transparent !important;
                color: var(--main) !important;
                border: 2px solid var(--btn-color-hover) !important;
            }

/*VISIÓN PASARELA DE PAGO CSS */

.container-btn {
    display: grid;
    grid-gap: 2em;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}

    .container-btn div {
        background-color: var(--white-smoke);
    }

@media (max-width:750px) {
    .container-btn {
        grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    }
}


/* MODAL ACEPTAR SEAT CHAT  */
#modalAvisoChat > div > div > div > div.modal-footer.border-0 {
    justify-content: space-around !important;
    flex-direction: row;
}

    #modalAvisoChat > div > div > div > div.modal-footer.border-0 > button.btn.btn-envios-cancelarnuevocliente.btn-block.waves-effect.waves-light {
        width: 45%;
        margin: 0px !important;
    }

    #modalAvisoChat > div > div > div > div.modal-footer.border-0 > button.btn.btn-entrar.btn-block.col-6.waves-effect.waves-light {
        margin: 0px !important;
    }

/* MODAL RECHAZAR SEAT CHAT  */
#modalRechazarChat > div > div > div > div.modal-footer.border-0 {
    justify-content: space-around !important;
    flex-direction: row;
}

    #modalRechazarChat > div > div > div > div.modal-footer.border-0 > button.btn.btn-envios-cancelarnuevocliente.btn-block.waves-effect.waves-light {
        margin: 0px;
        width: 45%;
    }

    #modalRechazarChat > div > div > div > div.modal-footer.border-0 > button.btn.btn-entrar.btn-block.col-6.waves-effect.waves-light {
        margin: 0px;
    }


/*VISIÓN PASARELA DE PAGO CSS */
.container-nav-btn {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    width: 80%;
    display: flex;
    justify-content: flex-end;
}

@media (max-width:750px) {
    #subNavPrincipal > div > div > a {
        font-size: 12px !important;
        grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
        grid-gap: 0px;
        min-width: 70px !important;
    }

    .container-nav-btn {
        width: 100%;
    }

    #subNavPrincipal > div {
        display: flex;
        justify-content: space-between;
    }

        #subNavPrincipal > div > div:nth-child(4), #subNavPrincipal > div > div:nth-child(5) {
            display: none;
        }
}

/*CLASIFICADOR-HISTORIAL CHAT*/

#idConversacionChat .card .card-header {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2;
    text-align: left !important;
    padding: 0px !important;
}

#idConversacionChat .card-header h6 {
    border-bottom: 1px solid #e1e1e1 !important;
    margin-bottom: 15px;
}

#clasificador#divConversacionChat {
    font-family: "SeatBold";
    font-size: 20px;
    font-weight: 400 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--dark);
}

#clasificador .contenedor-chat-clasificador {
    overflow: scroll !important;
    max-height: 250px;
    background-color: #ffffff;
    padding-left: 2%;
    padding-right: 2%;
    border: 1px solid #e1e1e1;
}

#clasificador .chat-body .answer .text {
    font-size: 13px;
    line-height: 1.5;
    padding: 8px 18px;
    position: relative;
    font-family: SeatRegular;
}

#clasificador #MainContent_gridChat {
    width: 100% !important;
}

#clasificador .answer.right .text {
    background-color: #f2f2f2;
    border-radius: 8px 0 8px 8px;
    color: var(--answerRight-txt);
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.2;
    padding: 8px 18px;
    text-align: left;
}

#clasificador .loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #474647;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#clasificador .answer.left div div a .card-body.d-flex.align-items-center {
    background-color: var(--answerLeft-bg) !important;
    padding: 0px !important;
    color: white !important;
}

#clasificador .answer.left .icon img {
    filter: grayscale(1) invert(1);
}

#clasificador .answer.left p {
    color: var(--answerLeft-txt);
}

#clasificador .answer.right div div a .card-body.d-flex.align-items-center {
    background-color: var(--answerRight-bg);
    padding: 0px !important;
    color: white !important;
}

#clasificador .answer.right p {
    color: var(--answerRight-txt);
}


/*PAGINA ACCIONES - RESPUESTA ENVIOS*/

#masterCliente .body-content #envioacciones {
    font-family: SeatRegular !important;
}

#envioacciones .header-logo {
    height: 74px;
}



#envioacciones #response-container, #adviser-data p {
    font-family: SeatRegular !important;
}


#envioacciones #btn-sendResponse {
    border-radius: 4px;
    background-color: var(--main) !important;
    color: var(--white) !important;
    display: block;
    font-family: SeatBold !important;
    font-size: 14px;
    height: 40px;
    line-height: 31px;
    margin: 17px auto 0 auto;
    width: 250px;
}
    #envioacciones #btn-sendResponse:hover {
        background-color: var(--btn-color-hover) !important;
        color: var(--white) !important;
    }
    #envioacciones #btn-sendResponse:active {
        background-color: var(--btn-color-active) !important;
        color: var(--white) !important;
    }
    #envioacciones #btn-sendResponse:disabled {
        background-color: #ec743b !important;
        color: var(--white) !important;
        opacity: 0.2 !important;
    }

/*arreglo Gestion Llamadas - Centralita*/
#gestionLlamadas .dxgvControl_MaterialCompact, .dxgvDisabled_MaterialCompact {
    background-color: transparent;
    color: #484848;
    cursor: default;
}

#gestionLlamadas .dxmLite_MaterialCompact .dxctToolbar_MaterialCompact.dxm-main.dxmtb {
    background-color: transparent;
    padding-top: 7px;
    padding-bottom: 18px;
    border-width: 0;
}

#gestionLlamadas #MainContent_gvPendientes_DXCTMenu0_DXI0_ div, #MainContent_gvHistorico_DXCTMenu0_DXI0_ div {
    padding: 9px !important;
}

@media (max-width:800px) {
    #gestionLlamadas #MainContent_gvPendientes_DXCTMenu0_DXI0_ div, #MainContent_gvHistorico_DXCTMenu0_DXI0_ div {
        padding: 7px !important;
    }
}

/*boton y modal contacto cliente*/
#modalActualizarCliente > div > div > div > div.row.justify-content-center > div,
#modalActualizarClienteContacto > div > div > div > div.row.justify-content-center > div {
    padding-left: 0px;
    padding-right: 0px;
}

    #modalActualizarCliente > div > div > div > div.row.justify-content-center > div:first-child,
    #modalActualizarClienteContacto > div > div > div > div.row.justify-content-center > div:first-child {
        padding-left: 5px;
    }

    #modalActualizarCliente > div > div > div > div.row.justify-content-center > div:last-child,
    #modalActualizarClienteContacto > div > div > div > div.row.justify-content-center > div:last-child {
        padding-right: 5px;
    }
@media(max-width:767px) {
    #modalActualizarCliente .modal-header,
    #modalActualizarClienteContacto .modal-header {
        padding: 24px 0px 12px 0px !important;
        margin: 0 16px !important;
    }

    #modalActualizarCliente .modal-dialog,
    #modalActualizarClienteContacto .modal-dialog {
        margin: auto;
        height: 100%;
        bottom: 0;
        left: 0;
        top: 0;
        transform: none;
    }

    #modalActualizarCliente .modal-title,
    #modalActualizarClienteContacto .modal-title {
        font-size: 18px;
        line-height: 1.33;
    }

    #modalActualizarCliente .modal-dialog .modal-content,
    #modalActualizarClienteContacto .modal-dialog .modal-content {
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
        bottom: 0;
        left: 0;
        position: fixed;
    }

    #modalActualizarCliente .modal-dialog,
    #modalActualizarCliente .modal-dialog .modal-content,
    #modalActualizarClienteContacto .modal-dialog,
    #modalActualizarClienteContacto .modal-dialog .modal-content {
        max-width: 100%;
    }
    #modalActualizarCliente > div > div > div > div.row.justify-content-center > div,
    #modalActualizarClienteContacto > div > div > div > div.row.justify-content-center > div {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 5px;
    }
        #modalActualizarCliente > div > div > div > div.row.justify-content-center > div:first-child,
        #modalActualizarClienteContacto > div > div > div > div.row.justify-content-center > div:first-child {
            padding-left: 0px;
        }

        #modalActualizarCliente > div > div > div > div.row.justify-content-center > div:last-child,
        #modalActualizarClienteContacto > div > div > div > div.row.justify-content-center > div:last-child {
            padding-right: 0px;
        }
    #modalActualizarCliente > div > div > div > div.row.justify-content-center,
    #modalActualizarClienteContacto > div > div > div > div.row.justify-content-center {
        flex-direction: column-reverse;
    }
}

/*BGESTION MENSAJES AUTOMATICOS*/

/*#gestionMensajesAutomaticos .btn-gestioncliente-nuevo,
#gestionMensajesAutomaticos .btn-gestioncliente-conectar {
    height: 40px;
    font-size: 14px !important;
    font-family: SeatBold;
    letter-spacing: normal;
}*/

    #gestionMensajesAutomaticos .btn-gestioncliente-nuevo i {
        margin-top: -4px;
        margin-right: 4px;
    }

#gestionMensajesAutomaticos .gestioncliente-alert-clientes {
    font-size: 13px;
    color: black;
    margin-top: 15px;
    text-align: left;
    margin-left: 7px;
}

#gestionMensajesAutomaticos .dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact {
    padding-left: inherit;
    margin-left: inherit;
    width: auto !important;

}

#gestionMensajesAutomaticos .dxgvCSD {

    width: auto;
    display: flex;
    flex-flow: column;
    box-shadow: none;
    width: auto !important;
}

#gestionMensajesAutomaticos .dxgvFilterBar_MaterialCompact {
    box-shadow: none;
    border-radius: 0;
    border: solid 1px #F2F2F2;
    padding-bottom: 0px;
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
    background: #F2F2F2;
}

    #gestionMensajesAutomaticos .dxgvFilterBar_MaterialCompact > tbody {
        background-color: #F2F2F2 !important;
        color: var(--main) !important;
        border: 2px solid var(--main) !important;
        border-radius: 4px;
        width: 20%;
        display: flex;
        justify-content: center;
    }

    #gestionMensajesAutomaticos .dxgvFilterBar_MaterialCompact tr.dxgv {
        padding: 6px 16px 6px;
    }

    #gestionMensajesAutomaticos .dxgvFilterBar_MaterialCompact tr.dxgv td {
        background-color: #F2F2F2 !important;
    }

    #gestionMensajesAutomaticos .dxgvFilterBar_MaterialCompact > tbody > tr > td {
        padding-top: 6px;
        padding-bottom: 0px;
        font-family: SeatRegular;
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        text-align: center;
        color: var(--main);
    }

    #gestionMensajesAutomaticos .dxgvFilterBar_MaterialCompact tr.dxgv > td > a {
        font-family: SeatBold;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
        text-align: center;
        color: var(--main);
    }

#gestionMensajesAutomaticos .dxgvFilterBarImageCell_MaterialCompact {
    display: none;
}

#gestionMensajesAutomaticos #MainContent_ASPxGridView1 {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 12px 12px 24px 12px;
    width: auto !important;
}

#gestionMensajesAutomaticos #divFormularioMensaje .al-fields-container {
    border-radius: 5px;
    padding: 12px 12px 24px 12px;
    background-color: #f2f2f2;
    margin-top: 15px;
}

#gestionMensajesAutomaticos .envios-titulos-apartadosplantillas {
    font-family: SeatBook;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    color: var(--dark);
    margin-bottom: auto;
    margin-top: auto;
}

    #gestionMensajesAutomaticos .envios-titulos-apartadosplantillas.date-end {
        margin-top: 1rem;
    }

#gestionMensajesAutomaticos .form-control,
#gestionMensajesAutomaticos #MainContent_UploadControl_UploadInputs {
    height: 50px;
}

#gestionMensajesAutomaticos #textAreaBody {
    height: auto;
    padding-bottom: 1rem;
}

#gestionMensajesAutomaticos #btnConfirmarCrear,
#gestionMensajesAutomaticos #btnCancelar,
#gestionMensajesAutomaticos #btnConfirmarEditar {
    margin-top: 2rem;
}

/*boton editar*/
#gestionMensajesAutomaticos .dxgvCommandColumn_MaterialCompact .dxbButton_MaterialCompact.dxbTSys {
    background: #009196 !important;
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14 !important;
    padding: 5px;
}

/*boton eliminar*/
#gestionMensajesAutomaticos .dxgvPHEC.dxgvCommandColumn_MaterialCompact .dxbButton_MaterialCompact.dxbTSys {
    background: #bb1a20 !important;
    font-family: 'SeatMedium';
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #190f14 !important;
    padding: 5px;
}

/*Modales: Gestion Mensajes Automaticos*/

/*Estilo copiado de:
#masterAsesor .tipoB#modalLlamadaFinalizada .modal-body p
#masterAsesor .tipoB#modalLlamadaFinalizada .modal-body
#masterAsesor .tipoB#modalLlamadaFinalizada .modal-dialog
*/

#gestionMensajesAutomaticos .tipoB#modalResultadoEliminarArchivo .modal-body p,
#gestionMensajesAutomaticos .tipoB#modalResultadoSubida .modal-body p,
#gestionMensajesAutomaticos .tipoB#modalResultado .modal-body p,
#gestionMensajesAutomaticos .tipoB#modalResultadoEditar .modal-body p,
#gestionMensajesAutomaticos .tipoB#modalResultadoError .modal-body p,
#gestionMensajesAutomaticos .tipoB#modalResultadoEliminar .modal-body p {
    font-family: "SeatMedium";
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: var(--dark);
    margin-bottom: 0;
}

#gestionMensajesAutomaticos .tipoB#modalResultadoEliminarArchivo .modal-body,
#gestionMensajesAutomaticos .tipoB#modalResultadoSubida .modal-body,
#gestionMensajesAutomaticos .tipoB#modalResultado .modal-body,
#gestionMensajesAutomaticos .tipoB#modalResultadoEditar .modal-body,
#gestionMensajesAutomaticos .tipoB#modalResultadoError .modal-body,
#gestionMensajesAutomaticos .tipoB#modalResultadoEliminar .modal-body {
    margin: 0px !important;
    padding: 16px 24px 16px 24px !important;
}

#gestionMensajesAutomaticos .tipoB#modalResultadoEliminarArchivo .modal-dialog,
#gestionMensajesAutomaticos .tipoB#modalResultadoSubida .modal-dialog,
#gestionMensajesAutomaticos .tipoB#modalResultado .modal-dialog,
#gestionMensajesAutomaticos .tipoB#modalResultadoEditar .modal-dialog,
#gestionMensajesAutomaticos .tipoB#modalResultadoError .modal-dialog,
#gestionMensajesAutomaticos .tipoB#modalResultadoEliminar .modal-dialog {
    min-width: 310px;
    display: contents;
}

/*Historico Conversaciones WABA*/
#HistoricoWABA .gestioncliente-contenedor-titulo {
    margin-top: 32px;
}

@media (min-width: 768px) {
    #HistoricoWABA article {
        margin: 10px 0px;
    }
}

/*Novedades*/
/*Modal novedades*/
#panelNovedades.modal {
    margin-right: 0;
    margin-left: 0;    
}

    #panelNovedades.modal .modal-dialog {
        margin: 1.3rem !important;
        margin-top: 5.3rem !important;
        width: auto;
    }

        #panelNovedades.modal .modal-dialog .modal-content {
            border-radius: 0.3rem;
            border-top-left-radius: 0.3rem !important;
            border-top-right-radius: 0.3rem !important;
        }

        #panelNovedades.modal .modal-dialog .modal-header {
            margin: 8px 16px !important;
            padding: 0 !important;
            border-bottom: none;
        }

            #panelNovedades.modal .modal-dialog .modal-header button {
                margin: 0 -1rem 0 auto;
                color: #CECDCD;
                font-size: 32px;
                padding: 0 10px !important;
                font-weight: 400;
            }

                #panelNovedades.modal .modal-dialog .modal-header button span {
                    height: 30px;
                    display: block;
                }

        #panelNovedades.modal .modal-dialog .modal-body {
            padding-bottom: 65px;
            margin: 0 15px !important;
            overflow-y: auto;
        }

            #panelNovedades.modal .modal-dialog .modal-body .demo-container {
                text-align: center;
            }

                #panelNovedades.modal .modal-dialog .modal-body .demo-container img {
                    height: 40px;
                    width: 100%;
                    margin: auto;
                }

                #panelNovedades.modal .modal-dialog .modal-body .demo-container h6 {
                    padding: 15px 20px 25px 20px;
                    font-size: 20px;
                    color: #302F2F;
                    border-bottom: 1px solid #C1C1C1;
                }

                #panelNovedades.modal .modal-dialog .modal-body .demo-container #datosNovedades {
                    display: block;
                    text-align: left;
                    font-family: 'SeatRegular';
                }

                #panelNovedades.modal .modal-dialog .modal-body .demo-container #contenidoNovedades .listado {
                    border-top: 0.2px solid #c1c1c136;
                    padding: 20px 15px;
                }

                #panelNovedades.modal .modal-dialog .modal-body .demo-container #contenidoNovedades span {
                    display: inline-flex;
                    padding-right: 0;
                    padding-left: 0;
                }

                    #panelNovedades.modal .modal-dialog .modal-body .demo-container #contenidoNovedades span .enlace_info {
                        float: right;
                        padding-right: 10px;
                    }

                        #panelNovedades.modal .modal-dialog .modal-body .demo-container #contenidoNovedades span .enlace_info:hover {
                            opacity: 1;
                        }


@media (min-width: 768px) {
    #panelNovedades.modal .modal-dialog .modal-body {
        margin: 0 32px !important;
    }
}


@media (min-width: 576px) {
    #panelNovedades.modal .modal-dialog {
        margin: 9rem auto!important;
        max-width: 800px;
    }
}

/*Página novedades*/
.estilosModulo {
    border: 1px solid #707070;
    padding: 20px;
    margin-bottom: 2.6rem;
}

    .estilosModulo .datosusuario-contenedor-titulo {
        margin-top: 1rem;
    }

    .estilosModulo .changeButton span, .estilosModulo .savebutton span {
        border-radius: 0;
    }

    .estilosModulo .changeButton input, .estilosModulo .savebutton input {
        max-width: 185px !important;
        float: right;
    }

#viewUserData .estilosModulo .medium-16-dark {
    margin-top: 1rem;
    display: inline-flex;
    padding-bottom: 0px !important;
}

#MainContent_divNotificaciones {
    margin-top: 10px;
}

/*Mostrar ayudas elementos*/
.mensajeAyuda {
    display: inline-flex;
}

    .mensajeAyuda button.mostrarAyuda {
        border: none;
        position: relative;
        width: 16px;
        height: 16px;
        top: 3px;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: cover;
        background-image: url('../Imagenes/PYME/iconos/ayuda-desactivado.png');
    }

    .mensajeAyuda.abierto button.mostrarAyuda {
        background-image: url('../Imagenes/PYME/iconos/ayuda-activado.png');
    }

    .mensajeAyuda .masInfo {
        display: none;
    }

    .mensajeAyuda.abierto .masInfo {
        display: block;
        padding-left: 2px;
        line-height: normal;
        color: #114577;
    }


/*Sistema de alertas*/
.contenedor-alertas .estilosModulo h5 {
    font-size: 17px;
    font-family: 'DefaultSemiBold';
}

.contenedor-alertas.datosusuario-contedor-datos .estilosModulo label {
    display: block;
    color: var(--secondary) !important;
    font-family: 'DefaultRegular' !important;
}

    .contenedor-alertas.datosusuario-contedor-datos .estilosModulo label.subtitulo {
        padding-left: 26px;
        padding-bottom: 10px;
    }

.contenedor-alertas.datosusuario-contedor-datos .estilosModulo .contenedorCheckBox {
    padding-left: 25px;
}

    .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .contenedorCheckBox label {
        color: var(--dark) !important;
    }

.contenedor-alertas.datosusuario-contedor-datos .estilosModulo .titularTiempos {
    padding-left: 33px;
}

.contenedor-alertas.datosusuario-contedor-datos .estilosModulo input[type="submit"], .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .btn-cambiar, .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .btn-datosusuario-cambiar {
    font-size: 14px !important;
    line-height: 15px !important;
    text-transform: initial !important;
    max-width: 165px !important;
    margin: 0;
    margin-left: 26px;
}

    .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .btn-datosusuario-cambiar.btn-guardar {
        background-color: var(--gray) !important;
        color: var(--white) !important;
        height: 2.8rem;
        text-transform: uppercase !important;
        font-family: 'DefaultLight' !important;
    }

.contenedor-alertas.datosusuario-contedor-datos .estilosModulo span.waves-input-wrapper {
    width: 100%;
    border-radius: 0;
}

.contenedor-alertas.datosusuario-contedor-datos .estilosModulo .btn-datosusuario-cambiar {
    background-color: var(--white) !important;
    color: var(--secondary) !important;
    border: 1px solid var(--secondary);
    padding: 0.275rem 1.2rem;
    height: 2rem;
}

.contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja {
    padding: 22px;
    border: 1px solid #707070;
    margin-bottom: 2.6rem;
    margin-top: 0.8rem;
    max-width: 455px;
}

    .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja label {
        color: var(--dark) !important;
    }

        .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja label.contenedorCheckBox {
            width: 45%;
            display: inline-block;
            min-width: 150px;
            max-width: 165px;
            padding: 5px 0 0 0;
        }

            .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja label.contenedorCheckBox select {
                border-radius: 0;
            }

            .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja label.contenedorCheckBox .tipoTiempo {
                text-align: right;
                display: block;
                padding-top: 5px;
            }

    .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja .separadorTiempo {
        position: relative;
        top: -30px;
        font-size: 24px;
        margin: 0 15px;
    }

.contenedor-alertas.datosusuario-contedor-datos .estilosModulo .infoImportante {
    margin-top: 15px;
}

    .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .infoImportante img {
        padding-right: 5px;
        vertical-align: bottom;
    }

@media (max-width: 1130px) { 
    .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja {
        padding: 15px;
    }
        .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja label.contenedorCheckBox {
            width: 40%;
            min-width: auto;
        }
}

@media (max-width: 991px) {  
    .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja {
        max-width: 100%;
        padding: 22px;
    }
        .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .estilosCaja label.contenedorCheckBox {
            max-width: 100%;
        }
}

@media (min-width: 1400px) {
    .contenedor-alertas.datosusuario-contedor-datos .estilosModulo .cajas {
        max-width: 38.666667% !important;
    }
}