/* TECNASYS VOICE EXECUTIVE V3 */

:root {
    --tv-navy: #172d40;
    --tv-teal: #00888d;
    --tv-bg: #f3f5f7;
    --tv-border: #dce3e9;
    --tv-text: #172b3c;
}

body {
    background: var(--tv-bg) !important;
}

#Phone {
    position: relative;
    width: 100%;
    min-height: 650px;
}

/* Directorio izquierdo */

#leftContent {
    box-sizing: border-box !important;
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    background: #fff !important;
    border-right: 1px solid var(--tv-border);
}

#leftContentTable {
    background: #fff;
}

#myContacts {
    background: #fff;
}

/* Centro de llamadas */

#rightContent {
    box-sizing: border-box !important;
    margin-left: 330px !important;
    width: calc(100% - 330px) !important;
    min-height: 650px;
    background: var(--tv-bg) !important;
}

#rightContent .stream {
    background: #fff;
    border: 1px solid var(--tv-border);
    border-radius: 10px;
    overflow: hidden;
}

#tv-executive-heading {
    padding: 22px 26px;
    border-bottom: 1px solid var(--tv-border);
    background: #fff;
}

#tv-executive-heading h2 {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    color: var(--tv-text);
}

#tv-executive-heading p {
    margin: 5px 0 0;
    font-size: 12px;
    color: #687c8e;
}

/* Ocultar avatares */

img[class*="avatar" i],
img[id*="avatar" i],
[class*="avatar" i] img,
[class*="buddy-picture" i] img {
    display: none !important;
}

/* Responsive */

@media (max-width: 800px) {
    #leftContent {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    #rightContent {
        margin-left: 0 !important;
        width: 100% !important;
    }
}