/*
 * Tecnasys Voice
 * Historial corporativo
 * Solo presentacion visual.
 */

/* Fondo plano del centro de llamadas */
#rightContent {
    background: #ffffff !important;
}

/* Historial: eliminar apariencia de chat */
#rightContent .ourChatMessage {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 24px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e5eaf0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Eliminar el globo celeste */
#rightContent .ourChatMessageText {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #23364a !important;
    text-align: left !important;
}

/* Fechas y horas */
#rightContent .messageDate {
    color: #718096 !important;
    font-size: 11px !important;
}

/* Mantener la fotografia real del usuario */
#UserProfilePic {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-size: cover !important;
    background-position: center !important;
}


/* TECNASYS CORPORATE REFINEMENT START */

/* Aplicacion plana, sin apariencia flotante */
html,
body,
#Phone {
    border-radius: 0 !important;
}

#Phone {
    box-shadow: none !important;
}

/* Fondo corporativo uniforme */
#rightContent,
#rightContent .streamSelected,
#rightContent .streamSection,
#rightContent .streamSectionBackground,
#rightContent .chatHistory,
#rightContent .cleanScroller {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Registros mas compactos */
#rightContent .ourChatMessage {
    padding: 10px 24px !important;
    margin: 0 !important;
    border-bottom: 1px solid #e8edf2 !important;
    background: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Mensajes planos, sin burbujas */
#rightContent .ourChatMessageText {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #23364a !important;
}

/* Mantener visible la fotografia real */
#UserProfilePic {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-size: cover !important;
    background-position: center !important;
}

/* TECNASYS CORPORATE REFINEMENT END */

/* TECNASYS EXECUTIVE CENTRAL DIALER */

#tvExecutiveDialer {
    display: none;
    background: #ffffff;
    padding: 28px 36px 48px;
    min-height: 580px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5eaf0;
}

#tvExecutiveDialer .tv-dialer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

#tvExecutiveDialer .tv-dialer-header h2 {
    margin: 0;
    color: #20364b;
    font-size: 20px;
    font-weight: 600;
}

#tvCloseDialer {
    background: transparent;
    border: 1px solid #d9e2e8;
    border-radius: 5px;
    padding: 8px 16px;
    color: #34495e;
    cursor: pointer;
}

#tvDialerContent {
    max-width: 380px;
    margin: 0 auto;
    text-align: center;
}

#tvDialerContent #dialText {
    width: 260px !important;
    max-width: 100%;
    height: 44px !important;
    font-size: 21px;
    text-align: center;
    border: 1px solid #d7e3e8;
    border-bottom: 2px solid #009e9e;
    background: #ffffff;
    color: #20364b;
}

#tvDialerContent .dialButtons {
    background: #f0f3f5;
    color: #20364b;
}

#tvDialerContent .dialButtonsDial {
    background: #159b50;
    color: #ffffff;
}

/* END TECNASYS EXECUTIVE CENTRAL DIALER */