/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    /* padding-bottom: 20px; */
}

.logincliente {
    background-image:url(/Imagenes/bg.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

.navbar-nav {
    font-size: 13px;
    font-weight: 500
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
 
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.btn-seat,
.btn-seat:hover,
.btn-seat:active,
.btn-seat:visited,
.btn-seat:focus {
    background-color: #ea5d1a;
    border-color: #8064A2;
}

/*  LOGIN  */

/*CUADRO DE MANDO*/

.cuadromando-contenedor-botones {
    margin-top: 4%;
}

.cuadromando-contenedor-botones .cuadromando-contenedor-boton {
    margin: 0 auto;
    padding: 20px;
    border-radius: 3px;
}

.btn-cta-conectar, 
.btn-cta-mail,
.btn-cta-gestionar {
    padding: 10px;
    background-color: #788e9f !important;
    color: #ffffff !important;
}

.cuadromando-contenedor-datos {
    margin-top: 2%;
    padding: 20px;
}

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

.cuadromando-btn-link:hover {
    box-shadow: none;
}

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

.cuadromando-tiemposestado {
    visibility: hidden;
}

.cuadromando-leads {
    background-color: #f2f2f2;
    color: #33302e;
    margin-top: 0px;
    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 {
    margin-top: 2%;
}

.cuadromando-contenedor-graficos .card {
    background-color: #f2f2f2;
    border: none;
    border-radius: 3px;
    box-shadow: none !important;
}

/*CUADRO DE MANDO*/

/* Evitar autozoom de IOS */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) {
    select,
    textarea,
    input {
        font-size: 16px !important;
    }
}


/* Carpetas Personales - icono borrar */
#tituloDocBorrar {
    color: transparent;
}


#dvDetallesDoc > div.modal-body > div:nth-child(3) > ul > li:nth-child(2) > h4 {
    font-size: 1rem;
}

#dvDetallesDoc > div.modal-body > div:nth-child(3) > div {
    flex-wrap: nowrap!important;
}

.modalLabels .form-control {
    flex: 100% !important;
    max-width: 100% !important;
}

#dvDetallesDoc > div.modal-body > div:nth-child(2) > div {
    flex-wrap: nowrap !important;
}


/*CHAT*/
/***************** CONVERSATION *******************/
.card-body.d-flex.align-items-center {
    background-color: var(--cardBody-bg);
}

.answer.left div div a .card-body.d-flex.align-items-center {
    background-color: var(--answer-cardBody-bg);
    border-radius: 0;
    padding: 0;
}

.card-body.d-flex.align-items-center .icon embed {
    height: 22px;
    width: 22px;
}

.answer.left div {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
}

    .answer.left div .card a div .pl-3.data {
        color: var(--answer-card-txt);
        font-size: 13px;
        font-stretch: normal;
        font-style: normal;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 1.2;
        text-align: left;
    }

    .answer.left div .card a div .icon embed {
        filter: invert(100%);
        -webkit-filter: invert(100%); /* Safari/Chrome */
    }

.card a div .pl-3.data {
    color: var(--cardData-txt);
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.answer.right .text .card {
    border: none;
}

.answer.right div {
    background: none;
    border-radius: 0;
    padding: 0;
}

.answer.right .text {
    background-color: var(--answerRight-bg);
    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;
}

.answer.left .text {
    background-color: var(--answerLeft-bg);
    border-radius: 0 8px 8px 8px;
    color: var(--answerLeft-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;
}

.centerImage {
    border: 1px solid var(--centerImage-border);
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

/*****************CHAT BODY *******************/
.chat-body h6 {
    font-size: 20px;
    margin: 0 0 20px;
}

.chat-body .answer.left {
    float: left;
    padding: 11px 0;
    text-align: left;
}

.chat-body .answer {
    clear: both;
    max-width: 75%;
    overflow: hidden;
    position: relative;
}

    .chat-body .answer .name {
        color: var(--answer-txt);
        font-size: 12px;
        height: 20px;
    }

    .chat-body .answer .right.name {
        text-align: right;
    }

    .chat-body .answer .left.name {
        text-align: left;
    }

    .chat-body .answer.left .avatar .status {
        right: 4px;
    }

    .chat-body .answer .avatar .status {
        bottom: 0;
    }

    .chat-body .answer .text {
        font-size: 16px;
        line-height: 1.5;
        padding: 8px 18px;
        position: relative;
    }

    .chat-body .answer .time {
        font-size: 10px;
        height: 15px;
        padding-bottom: 1px;
        position: relative;
        text-align: right;
    }

    .chat-body .answer.left .time {
        color: var(--answer-txt);
        text-align: left;
    }

    .chat-body .answer.right .time {
        color: var(--answer-txt);
        text-align: right;
    }

    /*RIGHT*/
    .chat-body .answer.right {
        float: right;
        max-width: 75%;
        padding: 11px 0px;
        text-align: right;
    }

        .chat-body .answer.right .avatar .status {
            left: 4px;
        }

.chat-header-button {
    margin-left: 15px;
}

    .chat-header-button:hover {
        cursor: pointer;
        opacity: 0.7;
    }

.ctaIcon {
    cursor: pointer;
}

#divChat > div > div.col-12.col-lg-5.row > div > div.title {
    display: flex;
    justify-content: space-between;
    line-height: 1.2;
}

#titleText {
    display: block;
    font-family: 'DefaultBold';
    font-size: 20px;
}

#spanUser,
#ComercialName {
    font-family: DefaultRegular;
    font-size: 15px;
}

/*arreglo Gestion Llamadas - Centralita*/

#gestionLlamadas .dxmLite_MaterialCompact .dxctToolbar_MaterialCompact.dxm-main.dxmtb {
    background-color: transparent;
    padding-top: 8px;
    padding-bottom: 18px;
    border-width: 0;
}

#gestionLlamadas #MainContent_gvPendientes_DXCTMenu0_DXI0_ div, #MainContent_gvHistorico_DXCTMenu0_DXI0_ div {
    padding: 10px !important;
}

@media (max-width:800px) {
    #gestionLlamadas .codigo-asesor {
        font-size: 12px;
    }

    #gestionLlamadas #MainContent_gvPendientes_DXSearchPanel, #gestionLlamadas #MainContent_gvHistorico_DXSearchPanel {
        width: 40% !important;
    }

    #gestionLlamadas #MainContent_gvPendientes_DXSE_I, #gestionLlamadas #MainContent_gvHistorico_DXSE_I {
        height: 23px;
        font-size: 12px !important;
    }

    #gestionLlamadas .dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact td.dxic {
        padding: 5px 5px;
    }

    #gestionLlamadas #MainContent_gvPendientes_DXCTMenu0_DXI0_ div, #MainContent_gvHistorico_DXCTMenu0_DXI0_ div {
        padding: 7px !important;
    }
    #gestionLlamadas .nav-item {
        font-size: 10px;
    }
}

/*Modal Clasificador respuestas envios*/
#clasificador #divRespuestas p:first-child {
    margin: 5px 0px !important;
    font-size: 12px !important;
    font-weight:bold;
}
#clasificador #divRespuestas p:last-child {
    margin:0px !important;
    font-size:14px !important;
}
#clasificador #modalRespuestaCliente .contenedor-envios-plantilla {
    padding-top: 10px !important;
}

#clasificador #modalRespuestaCliente h5, #clasificador #modalRespuestaCliente h5 span {
    font-size:16px;
}

#clasificador div#modalVerifySubida, #clasificador div#modalRespuestaCliente {
    background: rgba(0,0,0,0.5) !important;
}

@media (max-width: 767px) {
    #clasificador #MainContent_gwImagenes_DXMainTable {
        min-width: 800px;
        width: max-content !important;
    }
}