*, .btn {font-family: Arial, Helvetica, sans-serif;font-size:12px;}
html, body{width:100%;height:100%;line-height: normal;}
.RCACColor {background-color: #0F367C;}
.RCACColor2 {background-color: #008DAe;}
.RCACColor3 {color:#7FC5D6;font-family: Helvetica,Arial,sans-serif;}
.control-label {font-weight: normal;}
.LoginBox {height:40px; }
.CapturaLogin {padding:10px 0px;}
.CapturaLogin input {font-size: 11px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 6px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.CapturaLogin label {font-size: 11px;color: white;width: 60px;}
.CapturaLogin span {font-size: 11px;padding: 0px 5px;}
.AboutButton {background-color: #008dae;min-width: 150px;}
.HeadLogo {background: transparent url(/imagenes/LogoRCAC.png) no-repeat scroll 0px 0px;min-height: 115px;}
.centered {float: none;margin-left: auto;margin-right: auto;}
.divInformacion {background-color: #fff;border-radius: 15px;padding:10px 3px; vertical-align:top; margin:5px 0px;}
.divInformacion2 {margin-top: 15px;background-color: #fff;width: 100%;}
.mtop10 {margin-top: 10px;}
.mbottom10 {margin-bottom: 10px;}
.espacio75 {height: 100px;}
.transparente{background-color:transparent;}
.file button {font-size:10px;}
.rcac_fila { left: 0; right: 0;overflow: hidden; position: relative;  }
.scroll-y { overflow-y: auto; }
.txtDirectorio{color:#008DAe;}
.logoEmpresaPerfil{width:60px;height:60px; margin: 0px 3px; float:left;}
.imgLogoEmpresa{width:107px; padding:1px; overflow:hidden;}
.textArea150{min-height:150px}
.textArea100{min-height:100px}
.Logeado {background-color: #e4e5e7;}
div.Opciones{float:right; width:50px;}
#app_left{float:left;}
#app_center{float:none;  width:100%; }
#app_right{float:right;background-color: #D2D3D5; }
div.Opciones img{margin:5px 0px;}
#Core {position: relative;height:100%;}
#TablaInicio tr{vertical-align:top;text-align:left;}
#divAyuda {width: 180px;height: 100px;border: 2px solid #ffe200;border-radius: 10px;margin: 10px auto 10px auto;}
#divAbout * {margin-top: 2px;margin-bottom: 5px;}
#TablaContenido {width: 100%;min-height: 696px;vertical-align: text-top;}
#TablaContenido td {vertical-align: top;}
#TablaContenido * {font-family: 'Helvetica Neue';font-weight: lighter;}
#LineaHead {margin: 3px 0px 0px 0px;height: 3px;}
#Pie01 
{
    height: 2px;
 margin-bottom: 1px;
 width: 100%;

}
#Pie02 
{height: 30px;
 width: 100%;

}
#CopyRight 
.datos
{padding:2px;

}
#CopyRight span, #CopyRight span a{color: #6D6E70; font-size:10px;}
#logoEmpresaPerfil{border:1px solid silver;border-radius:3px;}
#EnvInformacion{padding:12px 7px}
div.MainContent{padding:5px;}
form.MainForm{width:100%; height:100%; }
div.RCAC_header{height:75px; vertical-align:bottom;}
#RCAC_header {width:100%; position:relative; vertical-align:bottom;}
#RCAC_main { width:100%; position:relative; /*overflow:hidden;*/}
#RCAC_footer 
{
    width:100%;position:relative; 
    margin-top:10px;
    border-top: 1px solid #E8E8E9

}
#RCAC_Captura {float:left;width:210px; }
#RCAC_Noticias {float:right;width:205px;}
#RCAC_Opciones{float:right; width:50px;  }
.contenido{overflow:hidden; }
div.NoticiasHeader{color:#9D9EA0;min-height:20px; background-color:#E4E5E7;text-align:center}
.fleft{float:left}
div.imgLogoRCAC{padding-top:12px; width:900px; margin:auto;}
.PosRelative{position:relative;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.padW{padding:30px;}
div.titulo{background-color:#8EC65D; height:22px; margin-top:20px; color:white; font-weight:bold }
div.imgDetalleEmpresa{border:2px solid #8EC65D; width:150px; height:300px; border-radius:15px; }
div#MisImagenes{border:2px solid #8EC65D; border-radius:15px; min-height:200px; }
.MarginTop15{margin-top:15px;}
.color-verde{background-color:#8EC65d;}
.boxFlip{width:150px; height:150px;}
#TituloMiEmpresa label {color:#a2a3a5;font-family: 'Helvetica Neue';}
.bold{font-weight:bold;}
.bold-ligth{font-weight:200}
.size14{font-size:14px;}
.completo{width:100%; height:100%}
.mini-img{width:37px; height:37px}
.mini-div{width:41px; height:41px; padding:2px; margin:2px; border:1px solid #a2a3a5; display:inline-block;}
*::-webkit-input-placeholder {color: #bebebe;}
*:-moz-placeholder {color: #bebebe;}
*::-moz-placeholder {color: #bebebe;}
*:-ms-input-placeholder {color: #bebebe;}
#productos {height:250px; margin-top:15px; margin-bottom:10px; }
div.divProd {color: #fff;font-size: 10px;background-color: #818286;width: 150px;padding: 3px 10px;border-radius: 10px;margin: 4px 0px;float:left;display:block}
div.divProd:hover{background-color:#8EC65d;}
#productos a{text-decoration:none;}
#informacion-up{min-height:300px;height:auto;}
.parent {position: relative;float: left;width: 100%;overflow: hidden; }
.child {position: relative;float: left;height: 100%;width: calc(100% + 20px);overflow-y: auto;text-align:center;}
#principal{min-height:768px; min-width:1024px}
div.principal{min-height:768px; width: 100%;}
ul.listadoLogin{list-style-type: square; list-style-position:inside; margin:0px; padding:0px;}
ul.listadoLogin *{color:#a2a3a5; font-size:9px; }
ul.listadoLogin a:hover{text-decoration:none;}
table.divListado{text-align:left; width:100%;}
table.asignacion a{display:none; font-size:10px;  margin:0px 15px; color:#004890;}
table.asignacion td:hover a{display:block;}
table.infoPerfil td{line-height:normal;font-size:10px;margin: 1px 0px;}
table.infoPerfil{width:100%;}
table.infoPerfil label{font-size:10px; display:inline-block; margin:0px; padding:0px;color:#7FC5D6;font-weight:100;}
table.infoPerfil label.gris{ color:#9D9EA0;}
#divChats{margin:5px 0px;}
/*.nav > li > a:focus, .nav > li > a:hover{background-color:#007B9F;color:white;}*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background-color:#004890; color:white;}
span.gris{ color:#9D9EA0;}
.color-naranja{background-color:#F7941D}
.btopNaranja{border-bottom:1px solid #F7941D;margin-left:15px;}
/*.navbar-nav>li>a{padding:1px 15px;}*/
.navbar {min-height:30px; margin:0px;}
.toolTip {position: absolute;border: 1px solid #ddd;border-radius: 5px;width: 75px;height: 45px;z-index: 100;background-color: #fff;}
.btBuscar:hover{background-color:#8EC65d; color:#fff;}
.btBuscar{ font-size:11px; color:#818286;}
#btLogin{margin-right:30px;}
.color-help{background-color:rgb(52,198,196);}
.color-portal{background-color:rgb(0,158,188);}
.color-rueda{background-color:rgb(255,193,14);}
.color-feria{background-color:rgb(188,189,193);}
.tarjeta {width: 147px;height: 147px;margin: 2px;display: inline-block;}
.btn-info{background-color:#008DAe;}
.oculto{display:none;}
a:hover, a:active, a:focus {outline:none;}
.iconv{width:58px; height:58px; margin:5px;}
textarea.form-control{min-height:115px;}
.tabla{display:table; width:100%; margin:10px 0px;}.tabla-columna{display:table-cell; vertical-align:top;}

.CapturaLogin2{border-left:1px solid gray; margin: 1rem 0; }
.CapturaLogin2 input {padding: .5rem; font-size: 11px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 6px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.CapturaLogin2 label {font-size: 11px;width: 60px; text-align:right;}
.CapturaLogin2 span {font-size: 11px;padding: 0px 5px;}
span.titulo, span.titulo b{font-size:21pt;}
textarea {resize: none;}

.perfil{background-color:#1E8ECE; color:white; padding:2px 10px; margin-right:5px; font-size:8px; border-radius:3px;}
.perfil.ORO{color:#977348; background-color:#FFC20E;}
.perfil.PLATINO{background-color:#9D9FA2;}

.bs-callout {padding: 20px;margin: 20px 0;border: 1px solid #eee;border-left-width: 5px;border-radius: 3px;}
.bs-callout h4 {margin-top: 0;margin-bottom: 5px;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code {border-radius: 3px;}
.bs-callout + .bs-callout {margin-top: -5px;}
.bs-callout-default {border-left-color: #777;}
.bs-callout-default h4 {color: #777;}
.bs-callout-primary {border-left-color: #428bca;}
.bs-callout-primary h4 {color: #428bca;}
.bs-callout-success {border-left-color: #5cb85c;}
.bs-callout-success h4 {color: #5cb85c;}
.bs-callout-danger {border-left-color: #d9534f;}
.bs-callout-danger h4 {color: #d9534f;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout-info {border-left-color: #5bc0de;}
.bs-callout-info h4 {color: #5bc0de;}
[v-cloak] > * {display: none;}
[v-cloak]::before {content: "cargando…"}
.botones > .btn {color: white;border-radius: 15px; font-size: 14px; }

div#divNotificar { top: 125px;min-height: 40px;min-width: 250px;position: fixed;overflow: visible;z-index: 1000;right: 50px;}

.bar-buscar {
    width: 900px;
    margin: auto;
}

.linkverde {
    color: #8CC63F;
}

.linknaranja {
    color: #F7BD21;
}

.linkazul {
    color: #1788A8;
}

.linkgris {
    color: #BFBABA;
}

.bar-b-cont {
    background-color: #05367C;
    height: 50px;
    border-bottom: 5px solid #CCCDCF;
}

div#institucion {
    background-image: url(../img/org.png);
    width: 69px;
    height: 70px;
    float: left;
}

    div#institucion:hover {
        background-image: url(../img/org.png);
    }

/**-------------------------------------------------------------------------
----------------------------------------------------------------------------
Archivo: rcac.css
Author: Luis Enrique Garcia Orellana
Fecha: 10/Oct/2021
Descripción: Son todos los estilos de la aplicación para Sieca.
----------------------------------------------------------------------------
-------------------------------------------------------------------------**/
/**
----------------------------------------------------------------------------
-------------------     Ajustes en el carousel        ----------------------
----------------------------------------------------------------------------
**/
.glyphicon-chevron-right:before {
    content: "\e250" !important;
}

.glyphicon-chevron-left:before {
    content: "\e251" !important;
}
.carousel-indicators {
    bottom: 40px;
}

.carousel-indicators .active 
{
        background: #cdcdcd;
}

.carousel-control.left {
    left: 5px;
}
.carousel-control.right {
    right: 15px;
}
/**
----------------------------------------------------------------------------
-------------------         Utilidades         ----------------------
----------------------------------------------------------------------------
**/
.card-carousel {
    margin-bottom: 10px;
    min-height: 200px;
    padding: .5rem;
}
.clear {
    clear: both;
    min-height: 1px;
    width: 100%;
}
.d-flex {
    align-items: center;
    display: flex;
    justify-content: center;
}

.d-flex.d-justify-content-left {
    justify-content: end;
}

.ml-auto {
    margin-left: auto;
}
.mr-auto {
    margin-right: auto;
}
.mb-2 {
    margin-bottom: .5rem;
}
.ml-2 {
    margin-left: .5rem;
}
.mt-2 {
    margin-top: .5rem;
}
.mb-3 {
    margin-bottom: 1rem;
}
.ml-3 {
    margin-left: 1rem;
}
.mr-3 {
    margin-right: 1rem;
}
.mt-3 {
    margin-top: 1rem;
}
.mb-4 {
    margin-bottom: 1.5rem;
}
.ml-4 {
    margin-left: 1.5rem;
}
.mt-4 {
    margin-top: 1.5rem;
}
.h-100 {
    height: 100%;
}
.w-80 {
    width: 80%;
}
.w-100 {
    width: 100%;
}
/**
----------------------------------------------------------------------------
-------------------         Botones de la app         ----------------------
----------------------------------------------------------------------------
**/
.btn-primary-theme {
    background: #0F367C;
}

.btn-theme-groups {
    margin-bottom: .5rem;
    margin-top: .5rem;
}
.btn-theme {
    border-radius: 0 !important;
    padding: .5rem 1rem;
    transform: skewX(-30deg);
}
    .btn-theme > span.text {
        display: block;
        color: #fff;
        font-weight: 600;
        transform: skewX(30deg);
    }
.btn-theme-01 {
    background: #EFC953;
    color: #002169;
}
    .btn-theme.btn-theme-01 > span.text {
        color: #002169;
    }
.btn-theme-02 {
    background: #43AEE2;
    color: #fff;
}
.btn-theme-03 {
    background: #fff;
    border: none;
    border-bottom: 2px solid #002169;
    color: #002169;
}
    .btn-theme.btn-theme-03 > span.text {
        color: #002169;
    }
.btn-theme-04 {
    background: #002169;
    border: none;
}
.btn-theme-05 {
    background: #fff;
    border-bottom: 2px solid #EFC953;
    border-right: 2px solid #EFC953;
    color: #002169;
    transform: skew(-8deg);
}
.btn-theme-06 {
    background: #fff;
    border-bottom: 2px solid #EFC953;
    border-right: 2px solid #EFC953;
    color: #002169;
    transform: skew(0deg);
    
}
.btn-theme-07 {
    background: #fff;
    border-bottom: 2px solid #EFC953;
    border-right: 2px solid #EFC953;
    color: #002169;
    transform: skew(0deg);
}
.btn-theme.btn-theme-05 > span.text {
        color: #002169;
        transform: skew(8deg);
    }
/**
----------------------------------------------------------------------------
-------------------        Header and menu app        ----------------------
----------------------------------------------------------------------------
**/
.body-virtual-business-fair {
    overflow-y: hidden;
}
.body-app {
    overflow-y: auto;
    height: calc(100% - 10em);
}
.body-app1 {
    overflow-y: auto;
    height: 100%;
}

.rcac_app {
    height: 100%;
}
.header_rcac {
    box-shadow: 0 -5px 30px #aaa inset;
    min-height: 200px;
    width: 100%;
    background-color: white;
}
.header_rcac_title_section {
    color: #13216a;
    font-weight: 400;
    margin: .5rem 0 0 145px;
}
.rcac_header_bar {
    background: #0F367C;
    padding: .5rem;
    width: 100%;
}
.rcac_container {
    display: block;
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}
.rcac_container_2 {
    display: block;
    margin: 0 auto;
    width: 96%;
}
.rcac_container_3 {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
.rcac_container_reunion {
    display: block;
    margin: 0 auto;
    padding-left:2%;
    padding-right:2%;
    width: 100%;
}
.rcac_main_content {
    display: block;
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}
.rcac_navbar_menu {
    background: #E7E7E8;
    padding: 0;
    width: 100%;
}
.rcac_navbar_menu .navbar-default {
    background: none;
}
.rcac_navbar_menu .nav > li > a:focus,
.rcac_navbar_menu .nav > li > a:hover {
    background-color: #004890;
    color: #fff;
}

.input-group-search {
    margin-bottom: .4rem;
    margin-top: .8rem;
}
.logo-virtual-business-fair {
    display: block;
    left: 0;
    margin: 0 0;
    max-width: 232px;
    position: absolute;
}
    .logo-virtual-business-fair > .logo-virtual-business-fair-name {
        bottom: 8%;
        color: #fff;
        font-size: 1.25em;
        font-weight: 600;
        left: 10%;
        position: absolute;
        width: 55%;
    }
.banner-virtual-business-fair {
    align-items: center;
    border-radius: 0;
    display: flex;
    justify-content: center;
    margin-left: 215px;
    min-height: 115px;
    max-width: 900px;
    max-height:135px;
    overflow-y: hidden;
    width: 100%;
}
    .banner-virtual-business-fair > .title-banner {
        color: #fff;
        font-size: 3em;
    }
.logo-participating-brand {
    display: block;
    margin-right: .5rem;
    max-width: 80px;
    padding: 0;
    width: 100%;
}
.logo-participating-brand-width {
    display: block;
    margin-right: .5rem;
    max-width: 135px;
    padding: 0;
    width: 100%;
}
.navbar.navbar-default.navbar-theme {
    background: none;
    border: none;
    margin-left: 135px;
    margin-top: -14px;
}
.navbar-nav.navbar-nav-theme {
    clear: both;
}
.navbar-default .navbar-nav.navbar-nav-theme {
    margin-top: 1rem;
}
.navbar-default .navbar-nav.navbar-nav-theme > li {
    margin-right: .5rem;
}
.navbar-default .navbar-nav.navbar-nav-theme > li > a {
    color: #002169;
    font-weight: 600;
    border-bottom: 2px solid #EFC953;
    border-right: 2px solid #EFC953;
    padding: .5rem 1rem;
    transform: skew(-15deg);
}
.navbar-default .navbar-nav.navbar-nav-theme > li > a > span.text {
    display: block;
    transform: skew(15deg);
}
.navbar-default .navbar-nav.navbar-nav-theme > .active > a,
.navbar-default .navbar-nav.navbar-nav-theme > .active > a:focus,
.navbar-default .navbar-nav.navbar-nav-theme > .active > a:hover,
.navbar-default .navbar-nav.navbar-nav-theme > li > a:hover {
    background: #EFC953;
}
.rcac-title-virtual-business-fair {
    color: #002169;
    font-weight: bold;
}
.nav.nav-tabs.nav-tabs-registration {
    border-bottom: none;
    display: flex;
}
.nav.nav-tabs.nav-tabs-registration > li {
    background: none;
    border: none;
    flex: 0 0 25%;
    width: 25%;
}
    .nav.nav-tabs.nav-tabs-registration > li > a,
    .nav.nav-tabs.nav-tabs-registration > li > a:hover,
    .nav.nav-tabs.nav-tabs-registration > li > a:focus {
        background: none;
        border: none;
        position: relative;
    }
    .nav.nav-tabs.nav-tabs-registration > li::after {
        background: #B2B1B1;
        content: ' ';
        display: block;
        height: 10px;
        position: absolute;
        top: 30%;
        width: 100%;
        z-index: -1;
    }
    .nav.nav-tabs.nav-tabs-registration > li:first-child::after {
        left: 50%;
        width: 50%;
    }
    .nav.nav-tabs.nav-tabs-registration > li:last-child::after {
        left: 0%;
        width: 50%;
    }
    .nav.nav-tabs.nav-tabs-registration > li.active::after {
        background: #EFC953;
    }
        .nav.nav-tabs.nav-tabs-registration > li > a > .step {
            align-items: center;
            background: #B2B1B1;
            border: 1px solid #B2B1B1;
            border-radius: 50% 50%;
            color: #fff;
            display: flex;
            font-size: 1.5em;
            justify-content: center;
            height: 45px;
            margin: 0 auto;
            width: 45px;
        }
        .nav.nav-tabs.nav-tabs-registration > li.active > a > .step {
            background: #EFC953;
            border: 1px solid #EFC953;
        }
    .nav.nav-tabs.nav-tabs-registration > li > a > .step-text {
        color: #002169;
        margin-bottom: .5rem;
        margin-top: .5rem;
        text-align: center;
        font-size:1.2em;
    }
/**
----------------------------------------------------------------------------
--------------------       Tablas Modulo Admin        ----------------------
----------------------------------------------------------------------------
**/
.v-data-table > div > table > tbody > tr > td {
    padding: .5rem;
}

/**
----------------------------------------------------------------------------
--------------------         Modulo de Lobby          ----------------------
----------------------------------------------------------------------------
**/
.virtual-business-fair-lobby {
    background: url(../img/feria-virtual-neg/back-lobby.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90%;
    position: relative;
    width: 100%;
}
.virtual-business-fair-lobby-door {
    flex: 0 0 50%;
    max-width: 320px;
    position: relative;
    width: 50%;
}
    .virtual-business-fair-lobby-door > .label-door {
        color: #fff;
        font-size: 1.1em;
        font-weight: 600;
        position: absolute;
        text-align: center;
        top: 4%;
        width: 100%;
    }
        .virtual-business-fair-lobby-door > .label-door.first-door {
            left: 18%;
            width: 80%;
        }
        .virtual-business-fair-lobby-door > .label-door.second-door {
            right: 18%;
            width: 80%;
        }
    .virtual-business-fair-lobby-door > .door-normal {
        display: block;
    }
.virtual-business-fair-lobby-door > .door-hover {
    display: none;
}
    .virtual-business-fair-lobby-door:hover > .door-normal {
        display: none;
    }
    .virtual-business-fair-lobby-door:hover > .door-hover {
        display: block;
    }
.virtual-business-fair-lobby-doors {
    align-items: end;
    display: flex;
    bottom: 0;
    left: 10%;
    position: absolute;
    width: 45%;
}
.virtual-business-fair-lobby-desktop {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 100%;
}
.virtual-business-fair-lobby-links {
    bottom: 0;
    height: 100%;
    padding-top: 5.2%;
    position: absolute;
    right: 0;
    width: 50%;
    z-index: 10;
}
.virtual-business-fair-lobby-video {
    background: rgba(0, 0, 0, 0.1);
    height: 35%;
    margin-left: 3%;
    overflow: hidden;
    width: 46%;
}
.virtual-business-fair-lobby-link01 {
    display: inline-block;
    margin-left: 15%;
    margin-top: 2%;
    position: relative;
    width: 40%;
}
    .virtual-business-fair-lobby-link01 > .label-text {
        display: block;
        color: #002169;
        font-size: 1.1em;
        font-weight: 600;
        position: absolute;
        text-align: center;
    }
.virtual-business-fair-lobby-link02 {
    display: inline-block;
    margin-left: 14%;
    margin-top: 2%;
    position: relative;
    width: 20%;
}
    .virtual-business-fair-lobby-link02 > .label-text {
        display: block;
        color: #fff;
        font-size: 1.4em;
        font-weight: 600;
        position: absolute;
        text-align: center;
    }

/**
----------------------------------------------------------------------------
--------------------       Registration Form          ----------------------
----------------------------------------------------------------------------
**/
.contact-profile {
    border: 1px solid #B2B1B1;
    margin-bottom: .5rem;
    position: relative;
    transform: skew(-15deg);
}
.contact-profile-photo {
    position: absolute;
    left: -10px;
    width: 125px;
    transform: skew(15deg);
}
.contact-profile-photo-upload {
    align-items: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50% 50%;
    color: #B2B1B1;
    display: flex;
    justify-content: center;
    height: 100%;
    position: absolute;
    width: 100%;
}
.contact-profile-info {
    margin-left: 120px;
    transform: skew(15deg);
}
    .contact-profile-info p {
        /*color: #B2B1B1;*/
        color: #625e5e;
        font-size: 1.2em;
        margin: .5rem 0;
        line-height: 1.4;
    }
    .contact-profile-info .contact-profile-name {
        color: #002169;
        font-size: 1.5em;
        font-weight: 600;
    }
    .contact-profile-info .contact-profile-post {
        /*color: #78c6ea;*/
        color: #199fdd;
    }
.new-contact-profile h6,
.registration-form-step02 h6,
.registration-form-step03 h6 {
    color: #002169;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0;
}
.new-contact-profile p,
.registration-form-step02 p,
.registration-form-step03 p,
.registration-form-step03 strong {
    font-size: 1.4em;
    /*color: #B2B1B1;*/
    color: #625e5e;
    margin-bottom: 1rem;
    margin-top: 0;
}
.registration-form-step03 a {
    font-size: 1.0em;
}
.registration-form-step03 > .upload-file {
    align-items: center;
    display: flex;
    color: #625e5e;
    font-size: 1.4em;
}
.btn.btn-upload {
    background: #fff;
    border: 1px solid #625e5e;
    border-radius: 2rem 2rem;
    color: #625e5e;
    margin-left: 4rem;
    padding: .5rem 5rem;
    font-size:0.8em;
}
    .btn.btn-upload:hover {
        background: #625e5e;
        color: #fff;
    }
 
    .contact-profile-field {
    align-items: baseline;
    display: flex;
    margin-bottom: -0.5rem;
}
    .contact-profile-field > label {
        /*color: #B2B1B1;*/
        color: #625e5e;
        font-size: 1.3em;
        font-weight: 400;
    }
    .contact-profile-field > input {
        border: 1px solid #625e5e;
        font-size: 1.4em;
        flex: auto;
        margin-left: .5rem;
        padding: .5rem;

    }
.contact-profile-checkbox {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 1rem;
}
.contact-profile-checkbox > input {
    height: 30px;
    margin-bottom: .5rem;
    width: 30px;
}

.contact-profile-avatares {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    width: 100%;
}
.contact-profile-avatares > li {
    align-items: center;
    display: flex;
    flex: 0 0 20%;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    width: 20%;
}
    .contact-profile-avatares > li > input {
        height: 20px;
        margin-bottom: .5rem;
        width: 20px;
    }
.catalog-type > input {
    height: 20px;
    margin-bottom: .5rem;
    width: 20px;
}
.catalog-type > p {
    color: #6b6c6f;
    font-size: 1.4em;
    text-align: center;
}
.registration-form-step04 > h4 {
    color: #002169;
    font-weight: 600;
    text-align: center;
}
.stand-created-and-ready {
    margin: 0 auto;
    max-width: 480px;
    width: 100%;
}

/**
----------------------------------------------------------------------------
--------------------      Salon de exposición         ----------------------
----------------------------------------------------------------------------
**/
.rcac_exposicion {
    align-items: start;
    border: 1px solid #e8e8e8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: .5rem;
    margin-left: 20%;
    margin-top: 0;
    min-height: 180px;
    padding-left: 15%;
    padding-right: .2rem;
    position: relative;
    width: 80%;
}
.rcac_exposicion:hover {
    background: #e8e8e8;
}
.rcac_exposicion_stand {
    left: -30%;
    position: absolute;
    top: -8%;
    width: 50%
}
.rcac_exposicion h6 {
    color: #002169;
    font-size: 1.3em;
    font-weight: 600;
}
.rcac_exposicion .country-stand {
    color: #57b5ec;
    font-size: 1.4em;
    text-align: left;
}
.rcac_exposicion .interes-stand {
    color: #a6afb1;
    font-size: 1.2em;
    text-align: left;
}
.rcac_exposicion_stand_detail {
    background: #e8e8e8;
    margin: 5rem auto .5rem auto;
    transform: skew(-8deg);
    width: 80%;
}
.rcac_exposicion_stand_detail_content {
    margin: 0 auto;
    min-height: 600px;
    padding-top: 48%;
    position: relative;
    transform: skew(8deg);
    width: 90%;
}
.rcac_exposicion_stand_detail_content > .rcac_exposicion_stand {
    left: 10%;
    top: -15%;
    max-width: 480px;
    width: 80%;
}
    .rcac_exposicion_stand_detail_content > .info-company {
        margin: 0 auto;
        width: 80%;
    }
    .rcac_exposicion_stand_detail_content > .info-company > h5 {
        color: #002169;
        font-size: 2em;
        font-weight: 600;
    }
    .rcac_exposicion_stand_detail_content > .info-company > .country-stand {
        color: #002169;
        font-size: 1.6em;
        text-align: left;
    }
    .rcac_exposicion_stand_detail_content > .info-company > .interes-stand {
        color: #57b5ec;
        font-size: 1.6em;
        text-align: left;
    }
    .rcac_exposicion_stand_detail_content > .info-company > p {
        color: #a6afb1;
        font-size: 1.2em;
        text-align: justify;
    }
/**
----------------------------------------------------------------------------
--------------------         Company Detail           ----------------------
----------------------------------------------------------------------------
**/
.rcac_contact_company {
    width: 100%;
}
    .rcac_contact_company > img {
        background: rgba(0,0,0,.075);
        border-radius: 50% 50%;
        margin: 0 auto;
        max-width: 150px;
    }
    .rcac_contact_company > .rcac_contact_company_representative_name {
        color: #002169;
        font-size: 1.2em;
        font-weight: 600;
        margin: .5rem auto;
        text-align: center;
        width: 100%;
    }
    .rcac_contact_company > .rcac_contact_company_position {
        color: #008DAe;
        font-size: 1.1em;
        font-weight: 400;
        text-align: center;
        width: 100%;
    }
    .rcac_contact_company > .rcac_contact_company_languages {
        color: #6b6c6f;
        font-size: 1.2em;
        font-style: italic;
        font-weight: 400;
        text-align: center;
        width: 100%;
    }
.rcac_contact_company_languages {
    color: black !important;
}
    .header-section-company-detail {
    position: relative;
    width: 100%;
}
.header-section-company-detail > .title {
    color: #002169;
    bottom: 1rem;
    font-size: 2.5em;
    font-weight: 600;
    left: 9%;
    position: absolute;
}
/**
----------------------------------------------------------------------------
-------------------        Company Detail Stand        ---------------------
----------------------------------------------------------------------------
**/
.company-detail-stand {
    margin: 0 auto;
    max-width: 480px;
    width: 100%;
}
.company-detail > .info-company {
    margin: 0 auto;
    width: 100%;
}

    .company-detail > .info-company > h5 {
        color: #002169;
        margin: .2rem auto;
        font-size: 2em;
        font-weight: 600;
    }

    .company-detail > .info-company > .country-stand {
        color: #57b5ec;
        font-size: 1.6em;
        text-align: left;
    }

    .company-detail > .info-company > .interes-stand {
        color: #a6afb1;
        font-size: 1.6em;
        text-align: left;
    }

    .company-detail > .info-company > p {
        color: #a6afb1;
        font-size: 1.2em;
        text-align: justify;
    }
.btn_rcac_top_page {
    background: #fff;
    border-radius: 50% 50%;
    display: block;
    bottom: 2%;
    max-width: 89px;
    position: fixed;
    right: 10px;
    width: 100%;
    z-index: 10;
}
/**
----------------------------------------------------------------------------
--------------------         Agendar reunion          ----------------------
----------------------------------------------------------------------------
**/
.agendar-reunion {
    margin: 0 auto;
    max-width: 900px;
    position: relative;
    width: 100%;
    overflow-x:scroll;
}
    .agendar-reunion > .agendar-reunion-month {
        color: #002169;
        margin: 0.2rem 0;
        font-size: 1.5em;
        font-weight: 600;
        text-align: center;
    }
    .agendar-reunion > .description-week {
        background: #002169;
        color: #fff;
        font-size: 1.2em;
        font-weight: 600;
        padding: .5rem 0;
        text-align: center;
        width: 100%;
    }
    .agendar-reunion > .table-responsive > .table {
        border: none;
    }
        .agendar-reunion > .table-responsive > .table > thead,
        .agendar-reunion > .table-responsive > .table > thead > tr,
        .agendar-reunion > .table-responsive > .table > thead > tr > th,
        .agendar-reunion > .table-responsive > .table > tbody,
        .agendar-reunion > .table-responsive > .table > tbody > tr,
        .agendar-reunion > .table-responsive > .table > tbody > tr > td {
            border: none;
        }
        .agendar-reunion > .table-responsive > .table > thead > tr > th {
            color: #B2B1B1;
            font-size: 1.2em;
            padding: .2rem;
            text-align: center;
        }
        .agendar-reunion > .table-responsive > .table > thead > tr:first-child > th {
            border: 1px solid #002169;
            color: #002169;
            font-weight: 600;
        }
        .agendar-reunion > .table-responsive > .table > tbody > tr > td {
            padding: .2rem;
        }
    .agendar-reunion .btn-agendar-reunion {
        background: #fff;
        border: 1px solid #002169;
        color: #002169;
        font-size: 1.5em;
        text-align: center;
        width: 100%;
       
    }
        .agendar-reunion .btn-agendar-reunion:hover,
        .agendar-reunion .btn-agendar-reunion:focus {
            background: #002169;
            color: #fff;
        }
    .agendar-reunion .btn-agendar-reunion.btn-par 
    {
        background: #fff;
        border: 1px solid #008DAe;
        color: #008DAe;
        font-size: 1.5em;
    }
        .agendar-reunion .btn-agendar-reunion.btn-par:hover,
        .agendar-reunion .btn-agendar-reunion.btn-par:focus {
            background: #008DAe;
            color: #fff;
        }

/*
    .agendar-reunion > .table-responsive > .table > thead > tr > .th-impar {
        color: #fff !important;
        background-color: #002169;
        font-size: 1.5em;
        padding: .2rem;
        text-align: center;
    }*/

   /* .agendar-reunion > .table-responsive > .table > thead > tr > .th-par {
        color: #fff !important;
        background-color: #008DAe;
        border: 1px solid #008DAe !important;
        font-size: 1.5em;
        padding: .2rem;
        text-align: center;
    }*/
#inputMotivoReu   {
    font-size: 1.5em  ;
}


.th-impar {
    color: #fff !important;
    background-color: #002169;
    border: 1px solid #002169 !important;
    
    text-align: center;
}
.th-par {
    color: #fff !important;
    background-color: #008DAe;
    border: 1px solid #008DAe !important;
  
    text-align: center;
}

    .th-impar span, .th-par > span {
        font-size: 1.4em;
        font-weight: bold;
        position: relative;
        top: -6px !important;
    }

.content-calendar {
    padding:2px !important;
}
.container-fluid-theme {
    padding-left: 1px;
    padding-right: 1px;
    min-width:235px;
}

.col-calendar {
    padding: 2px !important;
}
.col-calendar-dia {
    position:relative;
}
/**
----------------------------------------------------------------------------
--------------------         Conference Page           ----------------------
----------------------------------------------------------------------------
**/
.conference {
    width: 100%;
}

    .conference > img  {
        margin: 0 auto;
    }
    .conference > .imgaficheAdmin {
        width:100%;
    }
    .conference > .conference-title {
        color: #002169;
        font-weight: 600;
        font-size: 1.3em;
        margin-bottom: .5rem;
        margin-top: .5rem;
    }
    .conference > .conference-author {
        color: #008DAe;
        font-weight: 600;
        font-size: 1.2em;
        margin-bottom: .5rem;
        margin-top: 0;
    }
    .conference > .conference-hour {
        color: #008DAe;
        font-weight: 600;
        font-size: 1.2em;
        margin-bottom: .5rem;
        margin-top: 0;
    }
    .conference > p {
        color: #969696;
        font-size: 1.2em;
        text-align: justify;
    }
.description-conference {
    /*max-height:115px;*/
    min-width:115px;
}
.description-conference >p {
    font-size:1.3em;
}
.btn-go-conference {
    bottom:0;
}
/**
----------------------------------------------------------------------------
--------------------            Meetings              ----------------------
----------------------------------------------------------------------------
**/
.meetings-title {
    color: #002169;
    font-size: 1.5rem;
    font-weight: 600;
    margin: .2rem auto;
    width: 100%;
}
.meetings-date {
    color: #008DAe;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0 auto;
    width: 100%;
}
.meetings {
    margin: 0 auto;
    max-width: 900px;
}
.meetings > .meetings-title {
    color: #002169;
    font-size: 1.5rem;
    font-weight: 600;
    margin: .2rem auto;
    text-align: center;
    width: 100%;
}
    .meetings > .table-responsive .table {
        border: none;
        margin: 0 auto;
        min-width: 890px;
        width: 98%;
    }
        .meetings > .table-responsive > .table > tbody,
        .meetings > .table-responsive > .table > tbody > tr,
        .meetings > .table-responsive > .table > tbody > tr > td {
            border: none;
        }
        .meetings > .table-responsive > .flex > table > tbody > tr > td {
          /*  border: 1px solid #002169;*/
            color: #002169;
            font-size: 1.2em;
            vertical-align: middle;
            text-align: center;
        }
            .meetings > .table-responsive > .table > tbody > tr > td {
                border: 1px solid #002169;
                color: #002169;
                font-size: 1.2em;
                vertical-align: middle;
                text-align: center;
            }
        .meetings > .table-responsive > .table > tbody > tr.meeting-day > td {
            background: #afafaf;
            border-bottom: none;
            border-left: 1px solid #afafaf;
            border-right: 1px solid #afafaf;
            border-top: none;
            color: #072566;
            font-weight: 600;
        }
            .meetings > .table-responsive > .flex >  table > tbody > tr.meeting-day > td {
                background: #afafaf;
                border-bottom: none;
                border-left: 1px solid #afafaf;
                border-right: 1px solid #afafaf;
                border-top: none;
                color: #fff;
                font-weight: 600;
            }

.meeting-day {
    background: #afafaf;
    border-bottom: none;
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    border-top: none;
    color: #fff !important;
    font-weight: 600;
    text-align: left ;
    min-height: 35px;
    vertical-align: bottom;
    display: flex;
    flex-direction: column;
    justify-content: left ;
    margin:3px  !important;
}
    .meeting-day > a {
        text-align: left !important;
        position: relative;
        top: 50%;
        transform: translateY(50%);
        padding-left: 15px;
        color: #fff !important;
    }
.collapsed, .btn-link {
    text-align: left !important;
    color: #fff !important;
}

.meetings-contact > .meeting-company {
    color: #002169;
    font-size: 1.2em;
    font-weight: 600;
    margin: .1rem auto;
    text-align: left;
    width: 100%;
}
.meetings-contact > .meeting-country {
    color: #008DAe;
    font-size: 1em;
    margin: .2rem auto;
    text-align: left;
    width: 100%;
}
.meetings-contact > p {
    color: gray;
    font-size: 1em;
    margin: .2rem auto;
    text-align: left;
    width: 100%;
}
.remote-share-container {
    position:absolute;
    width:100%;
    height:100%;
}
.d-flex.meetings-row-contact > div {
    flex: 0 0 33%;
    width: 33%;
}
.d-flex.meetings-row-contact > div > .d-flex > .meetings-contact {
    margin-left: 1rem;
}


.conferences-buttons-by-participant {
    display: block;
    width: 100%;
    padding-left: 24.5%;
}
.local-video-meet > .localavatarimg {
    padding-left: 2%;
}
.button-by-participant {
    display: inline-block;
    margin-right: .2rem;
    height: 35px;
    width: 47px;
}
.remoteparticipant {
  left:85px !important;
}
#LocalUser{
    padding-right:-6px;
}
.camare-on {
    background-image: url(../img/feria-virtual-neg/cam-on.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    .camare-on:hover,
    .camare-on.active {
        background-image: url(../img/feria-virtual-neg/cam-on-active.png);
    }

.share-screen {
    background-image: url(../img/feria-virtual-neg/share-screen.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.share-screen-off {
    background-image: url(../img/feria-virtual-neg/share-screen-active.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.camare-off {
    background-image: url(../img/feria-virtual-neg/cam-on-active.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    .share-screen:hover,
    .share-screen.active {
        background-image: url(../img/feria-virtual-neg/share-screen-active.png);
    }

.mute-sound {
    background-image: url(../img/feria-virtual-neg/mute-sound.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.mute-sound-off {
    background-image: url(../img/feria-virtual-neg/mute-sound-active.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    

    .mute-sound:hover,
    .mute-sound.active {
        background-image: url(../img/feria-virtual-neg/mute-sound-active.png);
    }

.end-call {
    background-image: url(../img/feria-virtual-neg/end-call.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    .end-call:hover,
    .end-call.active {
        background-image: url(../img/feria-virtual-neg/end-call-active.png);
    }

.remote-video-cam {
    width:100%;
}
/*
-----------------------------------------------------------------
-------------       Detail de conference      -------------------
-----------------------------------------------------------------
*/
.virtual-business-fair-conference-back {
    background: url(../img/feria-virtual-neg/back-lobby.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 100%;
    top: 0px;
}

.row.row-conference {
    bottom: -115px;
    position: absolute;
    z-index: 1;
}
.conference-afiche {
    top:2%;
}
.virtual-business-fair-conference-title {
    left: 0;
    bottom: 6%;
    max-width: 450px;
    position: absolute;
    z-index: -1;
    width: 70%;
}

    .virtual-business-fair-conference-title .title-conference {
        bottom: 40%;
        position: absolute;
        right: 0;
        width: 95%;
    }

        .virtual-business-fair-conference-title .title-conference .title-conference-title {
            color: #002169;
            font-weight: 600;
            margin: .1rem auto;
        }

        .virtual-business-fair-conference-title .title-conference .title-conference-subtitle {
            color: #002169;
            margin: .1rem auto;
        }

.virtual-business-fair-conference {
    position: absolute;
    z-index: 5;
    top: 18%;
    width: 100%;
    left: 10.9%;
}

    .virtual-business-fair-conference > .frame-video {
        left: 8.5%;
        height: 70%;
        padding: 0.5rem;
        position: absolute;
        top: 0;
        width: 73%;
    
    
    }

.virtual-business-fair-conference-anuncio {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
    width: 100%;
}

 
    .virtual-business-fair-conference-anuncio > .anuncio-img {
        left: 46%;
        height: 53%;
        position: absolute;
        top: 35%;
        width: 51%
    }
.img-conference-frame {
    width: 90%;
    position: relative;
    top: 14%;
    left: 11%;
}

.conference-afiche > img {
    height: 50%;
    position: relative;
    top: 34%;
    left: 38%;
}

.virtual-business-fair-conference-anuncio-comment {
    left: -18%;
    position: absolute;
    top: -31%;
    width: 100%;
}

.virtual-business-fair-conference-anuncio-comment-text {
    color: #fff;
    left: 12%;
    position: absolute;
    top: 23%;
    text-align: center;
    width: 70%;
    
}

    .virtual-business-fair-conference-anuncio-comment-text > p {
        font-size: 1.1em;
    }
    .virtual-business-fair-conference-anuncio-comment-text > a {
        font-size: 1.1em;
        color:white  ;
    }

.footer-conference {
    bottom: 6% !important;
    position: relative;
    right: 9%;
}
.footer-conference-exit {
    bottom: 1% !important;
    position: relative;
    right: -93%;
    height: 193px;
    width: 103px;
}
.footer-conference-exit > img{
    height:50%;
}
.img-conference-exit {
   width:5%;
}

.footer-conference-exit > a {
    color: #fff;
}
.btn-go-conference > a {
    color: #002169;
    
}
    .footer-conference-exit > a > p {
        right: 25px;
        bottom:8px;
        position: relative
    }

.btn-go-conference > a > p {
    right: 40px;
    top: 30px;
    position: relative;
    font-weight: bold;
    font-size: 1.3em;
    letter-spacing: -1px;
}
.btn-go-conference > img {
    width:100%;
}

/**
----------------------------------------------------------------------------
--------------------        Meeting detail            ----------------------
----------------------------------------------------------------------------
**/
.metting > .metting-title {
    color: #002169;
    font-size: 2em;
    font-weight: 600;
    margin: .2rem auto;
}
.metting > .metting-hour {
    color: #008DAe;
    font-size: 1.2em;
    margin: .2rem auto;
}
.metting > p {
    color: #B2B1B1;
    font-size: 1.2em;
}
.metting-participants-title {
    color: #B2B1B1;
    font-size: 1.2em;
    font-style: italic;
}
.metting-participants {
    border: 2px solid #B2B1B1;
    border-radius: 6px;
}

.avatarmeet {
    justify-content: left !important;
   /* padding-left:25px;*/
}
.meeting-screen {
    height:622px;
}
.meeting-conference {
    background-color: #002169;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    height:668px;
}
    .meeting-conference > .meeting-screen {
        background-color: #fff;
        /*height: auto;*/
        position: relative;
    }
        .meeting-conference > .meeting-screen > .meeting-screen-contact {
            background: #fff;
            border-radius: 0 8px 8px 0;
            box-shadow: 2px 2px 5px #999;
            left: 0;
            padding: .5rem;
            position: absolute;
            top: 0;
            z-index: 10;
        }
        .meeting-conference > .meeting-screen > .row > .meeting-screen-contact {
            background: #fff;
            border-radius: 0 8px 8px 0;
            box-shadow: 2px 2px 5px #999;
            left: 0;
            padding: .5rem;
            position: relative;
            top: 0;
            z-index: 10;
            margin-left:10px;
        }
    .meeting-conference > .meeting-controls {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .meeting-conference > .meeting-controls > a {
        margin: 1rem .5rem;
    }
.meeting-chat {
    background-color: #002169;
    /*height: 522px;*/
    height: 668px;
    padding: 1rem;
}
 
.meeting-chat-conversation {
    background: #fff;
    height: 90%;
    overflow-y: auto;
    width: 100%;
}
.meeting-message-addressee {
    background: #e6e7e8;
    border-radius: 8px;
    color: #333;
    margin: .5rem auto .5rem .5rem;
    padding: .5rem;
    width: 80%;
}
.meeting-message-sender {
    background: #0084b2;
    border-radius: 8px;
    color: #fff;
    margin: .5rem .5rem .5rem auto;
    padding: .5rem;
    width: 80%;
}
.meeting-message-addressee > .time {
    color: #888;
    font-size: .8em;
    text-align: right;
}
.meeting-message-sender > .time {
    color: #fff;
    font-size: .8em;
    text-align: right;
}
.meeting-send-message {
    display: flex;
    margin-top: 1rem;
    width: 100%;
}
.meeting-send-message > input {
    flex: 0 0 85%;
}
.meeting-send-message > a {
    margin-left: 2%;
}

.mensaje {
    background: #e6e7e8;
    border-radius: 8px;
    color: #333;
    margin: .5rem auto .5rem .5rem;
    padding: .5rem;
    width: 80%;
}


    .mensaje.propio {
        background: #0084b2;
        border-radius: 8px;
        color: #fff;
        margin: .5rem .5rem .5rem auto;
        padding: .5rem;
        width: 80%;
    }

    .mensaje > .time {
        color: #888;
        font-size: .8em;
        text-align: right;
    }

    .mensaje.propio > .time {
        color: #fff;
        font-size: .8em;
        text-align: right;
    }
.texto > .v-icon {
    font-size: 1.0em !important;
}
#MsgArea {
    max-height: 590px;
    background-color: white;
}

#local video {
    height: 150px;
}

#invitados video {
    height: 350px;
    border: 7px solid #ffb885;
    border-radius: 5px;
}

.colparticipante video {
    height: 150px;
}
/*#invitadosNew video {
    height: 150px;
    
}*/
.meet-video video, .local-video-meet video {
    height: 100px;
    border: 3px solid #fcca46;
    border-radius: 22px;
    padding: 1px;
}
.meet-video {
    padding-left: 5px;
}
.local-video-meet {
    padding-left: 5px;
}
.remote-video-meet {
    width:100%;
}
/*.local-video-meet > video {
    width: 100%;
    margin: auto;
    border: 3px solid #fcca46;
    
}
.local-video-meet {
    background: #002169;
}*/
.local-cam-container {
    justify-content: center;
}
.meeting-screen > #localNew {
    padding-bottom: 1%;
}
#localNew > .remote-video-meet > video {
    position:absolute;
    width:100%;
    height:100%;
}
.contentParticipante {
    left: 5%;
}
/*#invitadosNew {
    display: flex;
    justify-content: right;
}*/
/*#localNew video {
    height: 100%;
    border-right:59px solid red;
}*/
.mensaje > .empresa {
    font-weight: 700;
    color: #555;
}
.remoteavatarimg {
    width:100%;
}
.remoteavatarimgMeet {
    width: 10%;
}
.meeting-video-contact {
    background: #fff;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 2px 2px 5px #999;
    left: 10px;
    padding: .5rem;
    position: relative;
    top: 0;
    height: 50%;
    width: 50%;
}
    .meeting-video-contact > .remote-video-cam {
        width:100%;
        height:100%;
    }
    .meeting-video-contact > div > video {
        height: 100%;
        width: 100%;
        border-radius: 8px;
        border: solid #fcca46;
    }
/**
----------------------------------------------------------------------------
--------------------        Kioskos design            ----------------------
----------------------------------------------------------------------------
**/
:root {
    --main-kiosko-color: #a7a9ac;
    --main-kiosko-base: #6b6c6f;
}
.kiosko {
    height: 100%;
    position: relative;
    width: 100%;
}
.kiosko-1 .kiosko-design {
    background: url(../img/feria-virtual-neg/kiosko01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: screen;
    -webkit-mask: url(../img/feria-virtual-neg/kiosko01.svg);
    mask: url(../img/feria-virtual-neg/kiosko01.svg);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.kiosko-2 .kiosko-design {
    background: url(../img/feria-virtual-neg/kiosko02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: screen;
    -webkit-mask: url(../img/feria-virtual-neg/kiosko02.svg);
    mask: url(../img/feria-virtual-neg/kiosko02.svg);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.kiosko-3 .kiosko-design {
    background: url(../img/feria-virtual-neg/kiosko03.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: screen;
    -webkit-mask: url(../img/feria-virtual-neg/kiosko03.svg);
    mask: url(../img/feria-virtual-neg/kiosko03.svg);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.stand-radio {
    margin-bottom: 0;
    margin-top: 0;
}
    .stand-radio > input {
        height: 20px;
        width: 20px;
    }
.farbtastic,
.farbtastic .wheel {
    margin: 0 auto;
}
.kiosko.kiosko-1 .kiosko-design .kiosko-photo {
    background: rgba(255, 255, 255, 1);
    height: 36%;
    left: 24%;
    position: absolute;
    top: 10%;
    overflow: hidden;
    width: 53%;
}

.kiosko.kiosko-1 .kiosko-design .kiosko-logo {
    background: rgba(255, 255, 255, 1);
    height: 16%;
    left: 15%;
    position: absolute;
    top: 66%;
    overflow: hidden;
    width: 30%;
}
.kiosko.kiosko-2 .kiosko-design .kiosko-photo {
    background: rgba(255, 255, 255, 1);
    height: 38%;
    left: 34%;
    position: absolute;
    top: 17%;
    overflow: hidden;
    width: 53%;
}
.kiosko.kiosko-2 .kiosko-design .kiosko-logo {
    background: rgba(255, 255, 255, 1);
    height: 30%;
    left: 29%;
    position: absolute;
    top: 61%;
    overflow: hidden;
    width: 42%;
}
.kiosko.kiosko-3 .kiosko-design .kiosko-photo {
    background: rgba(255, 255, 255, 1);
    height: 32%;
    left: 33.5%;
    position: absolute;
    top: 22.5%;
    overflow: hidden;
    width: 45%;
}
.kiosko.kiosko-3 .kiosko-design .kiosko-logo {
    background: rgba(255, 255, 255, 1);
    height: 14%;
    left: 42.5%;
    position: absolute;
    top: 70.5%;
    overflow: hidden;
    width: 22.5%;
}
/**
----------------------------------------------------------------------------
--------------------       Menu left flotante         ----------------------
----------------------------------------------------------------------------
**/
.menu-left-layout-app {
    display: flex;
    flex-wrap: wrap;
    left: 0;
    max-width: 170px;
    padding: .5rem;
    position: absolute;
    top: 0;
}
    .menu-left-layout-app a {
        display: block;
        flex: 0 0 50%;
        text-decoration: none;
        width: 50%;
    }
    .option-menu-item {
        display: block;
        border-radius: 6px;
        min-height: 100px;
        margin: .5rem auto;
        padding: .5rem .2rem;
        width: 90%;
    }

.fix-menu {
    background: #fff !important;
    top: 0;
    position: fixed;
    z-index: 10;
}
/**
----------------------------------------------------------------------------
-----------------------       Medias Querys         ------------------------
----------------------------------------------------------------------------
**/
@media screen and (min-width:1367px) and (max-width:1600px) {
    .virtual-business-fair-lobby, .virtual-business-fair-conference-back {
        height: 90%;
    }
    .virtual-business-fair-lobby-door {
        max-width: 290px;
    }
    .rcac_exposicion {
        margin-left: 30%;
        min-height: 160px;
        width: 70%;
    }
    .rcac_exposicion_stand {
        left: -45%;
        top: -5%;
        width: 65%
    }
}
@media screen and (min-width:1201px) and (max-width:1366px) {
    .virtual-business-fair-lobby,
    .virtual-business-fair-conference-back {
        height: 75%;
    }
    .virtual-business-fair-lobby-door {
        max-width: 220px;
    }
    .rcac_exposicion {
        margin-left: 30%;
        min-height: 160px;
        width: 70%;
    }
    .rcac_exposicion_stand {
        left: -45%;
        top: 5%;
        width: 65%
    }
    .virtual-business-fair-lobby-door > .label-door {
        font-size: .9em;
    }
}
@media screen and (min-width:1025px) and (max-width:1200px) {
    .rcac_container,
    .rcac_container_2,
    .rcac_container_3 {
        width: 95%;
    }
    .virtual-business-fair-lobby,
    .virtual-business-fair-conference-back {
        height: 65%;
    }
    .virtual-business-fair-lobby-door {
        max-width: 190px;
    }
    .navbar.navbar-default.navbar-theme {
        margin-left: 70px;
    }
    .banner-virtual-business-fair {
        margin-left: 0;
    }
    .logo-virtual-business-fair {
        max-width: 200px;
    }
        .logo-virtual-business-fair > .logo-virtual-business-fair-name {
            bottom: 8%;
            color: #fff;
            font-size: 1em;
            font-weight: 600;
            left: 10%;
            position: absolute;
            width: 55%;
        }
    .menu-left-layout-app {
        margin: 0 auto;
        max-width: 900px;
        position: relative;
        width: 100%;
    }

        .menu-left-layout-app a {
            flex: 0 0 16.66%;
            width: 16.66%;
        }
        .option-menu-item {
            min-height: 80px;
        }

    .rcac_exposicion {
        margin-left: 30%;
        min-height: 160px;
        width: 70%;
    }

    .rcac_exposicion_stand {
        left: -45%;
        top: 12%;
        width: 65%
    }
    .btn_rcac_top_page {
        max-width: 50px;
    }
    .virtual-business-fair-lobby-door > .label-door {
        font-size: .9em;
    }
    .virtual-business-fair-lobby-link02 > .label-text {
        font-size: 1em;
    }
}
@media screen and (min-width:769px) and (max-width:1024px) {
    .rcac_container,
    .rcac_container_2,
    .rcac_container_3 {
        width: 95%;
    }
    .virtual-business-fair-lobby,
    .virtual-business-fair-conference-back {
        height: 55%;
    }
    .virtual-business-fair-lobby-door {
        max-width: 145px;
    }
    .navbar.navbar-default.navbar-theme,
    .banner-virtual-business-fair {
        margin-left: 0;
    }
    .logo-virtual-business-fair {
        max-width: 180px;
    }
        .logo-virtual-business-fair > .logo-virtual-business-fair-name {
            bottom: 8%;
            color: #fff;
            font-size: 1em;
            font-weight: 600;
            left: 10%;
            position: absolute;
            width: 55%;
        }
    .menu-left-layout-app {
        margin: 0 auto;
        max-width: 900px;
        position: relative;
        width: 100%;
    }
        .menu-left-layout-app a {
            flex: 0 0 20%;
            width: 20%;
        }
        .option-menu-item {
            min-height: 80px;
        }
    .rcac_exposicion {
        margin-left: 30%;
        min-height: 160px;
        width: 70%;
    }

    .rcac_exposicion_stand {
        left: -45%;
        top: 5%;
        width: 65%
    }
    .btn_rcac_top_page {
        max-width: 50px;
    }
    .virtual-business-fair-lobby-door > .label-door {
        font-size: .8em;
    }
    .virtual-business-fair-lobby-link02 > .label-text {
        font-size: .9em;
    }
    .header-section-company-detail > .title {
        bottom: .5rem;
        font-size: 2em;
    }
}
@media screen and (min-width:767px) and (max-width:768px) {
    .rcac_container,
    .rcac_container_2,
    .rcac_container_3 {
        width: 95%;
    }
    .virtual-business-fair-lobby-door {
        max-width: 145px;
    }
    .navbar.navbar-default.navbar-theme,
    .banner-virtual-business-fair {
        margin-left: 0;
    }
    .logo-virtual-business-fair {
        max-width: 180px;
    }
        .logo-virtual-business-fair > .logo-virtual-business-fair-name {
            bottom: 8%;
            color: #fff;
            font-size: 1em;
            font-weight: 600;
            left: 10%;
            position: absolute;
            width: 55%;
        }
    .menu-left-layout-app {
        margin: 0 auto;
        max-width: 900px;
        position: relative;
        width: 100%;
    }

        .menu-left-layout-app a {
            flex: 0 0 20%;
            width: 20%;
        }

    .option-menu-item {
        min-height: 80px;
    }
    .rcac_exposicion {
        margin-left: 30%;
        min-height: 160px;
        width: 70%;
    }

    .rcac_exposicion_stand {
        left: -45%;
        top: 5%;
        width: 65%
    }
    .btn_rcac_top_page {
        max-width: 35px;
    }
    .virtual-business-fair-lobby-link02 > .label-text {
        font-size: 1em;
    }
    .header-section-company-detail > .title {
        bottom: .2rem;
        font-size: 1.5em;
    }
}
@media screen and (min-width:321px) and (max-width:766px) {
    .rcac_container,
    .rcac_container_2,
    .rcac_container_3 {
        width: 90%;
    }
    .virtual-business-fair-lobby {
        min-height: 850px;
    }
    .virtual-business-fair-lobby-links {
        padding-top: 10%;
        width: 100%;
    }
    .virtual-business-fair-lobby-door {
        display: block;
        margin: 0 auto;
        max-width: 315px;
        width: 100%;
    }
    .logo-virtual-business-fair {
        max-width: 165px;
    }
        .logo-virtual-business-fair > .logo-virtual-business-fair-name {
            bottom: 8%;
            color: #fff;
            font-size: .9em;
            font-weight: 600;
            left: 10%;
            position: absolute;
            width: 50%;
        }
    .navbar.navbar-default.navbar-theme,
    .banner-virtual-business-fair {
        margin-left: 0;
    }
    .header_rcac_title_section {
        margin: .5rem 0 0 .5rem;
    }
    .logo-participating-brand-width {
        margin-bottom: 2rem;
    }
    .navbar-default .navbar-nav.navbar-nav-theme > li > a,
    .navbar-default .navbar-nav.navbar-nav-theme > li > a > span.text {
        transform: skew(0deg);
    }
    .menu-left-layout-app {
        max-width: none;
        position: relative;
        width: 100%;
    }
        .menu-left-layout-app a {
            flex: 0 0 33%;
            width: 33%;
        }
        .option-menu-item {
            min-height: 80px;
        }

    .rcac_exposicion {
        margin-left: 30%;
        min-height: 160px;
        width: 70%;
    }

    .rcac_exposicion_stand {
        left: -45%;
        top: 5%;
        width: 65%
    }
    .btn_rcac_top_page {
        max-width: 35px;
    }
    .row.row-conference {
        position: relative;
    }

        .row.row-conference > .col-12 {
            margin-bottom: 2rem;
        }

    .virtual-business-fair-conference-back {
        height: 105%;
    }
    virtual-business-fair-conference-title > img {
        height:50%;
    }

    .virtual-business-fair-conference-title .title-conference .title-conference-title {
        font-size: .9em;
    }

    .virtual-business-fair-conference-title .title-conference .title-conference-subtitle {
        font-size: .8em;
    }
    .virtual-business-fair-lobby-link02 > .label-text {
        font-size: .8em;
    }

    .header-section-company-detail > .title {
        bottom: .2rem;
        font-size: 1.5em;
    }
}
@media screen and (max-width:320px) {
    .rcac_container,
    .rcac_container_2,
    .rcac_container_3 {
        width: 90%;
    }
    .virtual-business-fair-lobby {
        min-height: 900px;
    }
    .virtual-business-fair-lobby-links {
        padding-top: 10%;
        width: 100%;
    }
    .virtual-business-fair-lobby-door {
        display: block;
        margin: 0 auto;
        max-width: 315px;
        width: 100%;
    }
    .logo-virtual-business-fair {
        max-width: 165px;
    }
        .logo-virtual-business-fair > .logo-virtual-business-fair-name {
            bottom: 8%;
            color: #fff;
            font-size: .9em;
            font-weight: 600;
            left: 10%;
            position: absolute;
            width: 50%;
        }
    .navbar.navbar-default.navbar-theme,
    .banner-virtual-business-fair {
        margin-left: 0;
    }
    .header_rcac_title_section {
        margin: .5rem 0 0 .5rem;
    }
    .logo-participating-brand-width {
        margin-bottom: 2rem;
    }
    .navbar-default .navbar-nav.navbar-nav-theme > li > a,
    .navbar-default .navbar-nav.navbar-nav-theme > li > a > span.text {
        transform: skew(0deg);
    }
    .menu-left-layout-app {
        max-width: none;
        position: relative;
        width: 100%;
    }
        .menu-left-layout-app a {
            flex: 0 0 50%;
            width: 50%;
        }
        .option-menu-item {
            min-height: 80px;
        }
    .rcac_exposicion {
        margin-left: 30%;
        min-height: 160px;
        width: 70%;
    }

    .rcac_exposicion_stand {
        left: -45%;
        top: 5%;
        width: 65%
    }
    .btn_rcac_top_page {
        max-width: 35px;
    }
    .row.row-conference {
        position: relative;
    }

        .row.row-conference > .col-12 {
            margin-bottom: 2rem;
        }

    .virtual-business-fair-conference-back {
        height: 105%;
    }

    .virtual-business-fair-conference-title .title-conference .title-conference-title {
        font-size: .9em;
    }

    .virtual-business-fair-conference-title .title-conference .title-conference-subtitle {
        font-size: .8em;
    }
    .header-section-company-detail > .title {
        bottom: .2rem;
        font-size: 1.5em;
    }
} 

/*.v-input {
    padding-left: .5rem !important;
}*/

.error--text {
    color: rgb(227 12 12) !important;
}

.v-btn--round {
    border-radius: 0% !important;
}

/*.theme--dark.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
    background-color: #13216a !important;
}*/

.fileinput-upload-button {
    display: none !important;
}
.fileinput-remove-button {
    display: none !important;
}
#imgVirtualBusinessFair {
    height: 100%;
    width: 100%;
}
.kiosko-photo > img {
    height: 100%;
    width: 100%;
}
.kiosko-logo > img {
    height: 100%;
    width: 100%;
}

#carroucelpreview {
    padding-left: 4%;
}
.nav.nav-tabs > li.disabled {
    pointer-events: none;
}


.v-text-field input {
    font-size: 1.3em;
}

.ms-options-wrap > button:focus, .ms-options-wrap > button {
        border: 0px solid #aaa !important;
}
.ms-options-wrap {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 5px !important;
}



#menucompany {
    padding-left: 30% !important;
}

.navmenuprofile > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    color: #6b6c6f !important;
    font-weight: bold;
    font-size:medium;
}
.navmenuprofile > li.active > a, .navmenuprofile > li.active > a:focus, .navmenuprofile > li.active > a:hover {
    color: #002169;
}

.carousel-inner img {
    margin: auto;
}

.textCenter {
    margin: auto;
}

.modal-open {
    overflow-x: hidden;
    overflow-y: hidden !important;
}


.bntShowCatalog {
    position: relative;
    top: 131px;
    color: #13216a !important;
    height: 225px;
    width: 185px;
    left: -9px;
    font-size: large;
    font-weight: 200;
    text-align: center;
    padding-top: -100px;
  
}


/*.file-preview-thumbnails {
    text-align: center;
    justify-content: center;
    display: flex;
}*/

#containerFlipBook {
    justify-content: center;
    display: flex;
    padding:0px;
}

 
.page {
    background-size: 100% 100%;
}

 
#FilterCountry {
    min-width:200px;
}

.toolTip 
{
    z-index:1000;
}

.titleGallery {
    color: #002169;
    font-size: 2.5em;
    font-weight: 600;
    position: relative;
}
.title-conference {
    color: #002169;
    font-size: 2.5em;
    font-weight: 600;
    text-align: center;
}

.titleGallery-warning {
    color: #fcca46;
    font-size: 2.0em;
    font-weight: 600;
    position: relative;
}
.docs-galley {
    justify-content: center !important;
}
#fileproductpreviewthumbnails {
    text-align: center;
    justify-content: center;
    display: flex;
}

/*.viewer-canvas {
    background-color: white !important;
    justify-content: center !important;
    border-color: darkblue !important;
    border: 1px solid !important;
     
}



.viewer-backdrop {*/
    /*background-color: hsl(0deg 0% 100% / 12%) !important;*/
    
    /*left: 10% !important;
    right: 10% !important;
    justify-content: center !important;
    box-shadow: -1px -1px 15px #011b6c !important;
    width:80%;
}*/
.viewer-navbar {
    display:none;
}


.disabled-td-hour {
  color:white; 
 /*display:none;*/
}

.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
    border-bottom:1px solid;
}

.btn-view-file {
    border-radius: 1rem 1rem;
    padding: 0.5rem 1rem;
    transform: skewX( 0deg);
    background: #fff;
    border: none;
    border-bottom: 2px solid #002169;
    color: #002169;
}


.btn-view-file:hover 
{
    background: #625e5e;
    color: #fff;
}

#ShowLoadgaleryProduct {
    justify-content:center;
}

.inttooltip {
    color: black !important;
    text-align: left !important;
}

.td-meetinghour {
    font-size: 2.0em !important;
    font-weight: bold;
    padding:5px;
    min-width:95px;
}

.meetings-contact {
    text-align: left;
}


.imgloading {
    display: block;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22%;
    margin-left:30%;
    position:absolute;
}

.d-flex.meetings-row-contact > .status-meet {
    
    width: 5% !important;
}

.green {
    background: #3f6861!important;
}

.subtitle {
    color: #002169;
}

.selectwebkit {
    -webkit-appearance: listbox !important;
}

.logout-metting-title {
    color: #545556;
    font-size: 1.3em;
    font-weight: 600;
    margin: 0.2rem auto;
}

/*.td-Organizador {
    border: 3px solid #002169 !important;
    height:100%!important;
}*/
.td-Organizador {
    border: 3px solid #002169 !important;
    height: 100% !important;
    background-color: #00216900 !important;
    box-shadow: 0 3px 81px #0021695c inset;
}
.td-Invitado {
    color: #008DAe !important;
    border: 3px solid #008DAe !important;
    height: 100% !important;
    background-color: #008dae00 !important;
    box-shadow: 0 3px 81px #008dae4d inset;
}
.td-Pending {
    border: 3px solid #afafaf !important;
    height: 100% !important;
    color: #afafaf !important;
}
.status-pending {
    background: #002169 !important;
}
.status-expired {
    background: #6e6d6d !important;
}

.meeting-table {
    border-collapse: separate;
    border-spacing: 4px 2px;
}
/*.td-Pending > .meetings-row-contact {
    opacity: 0.5;
}
*/

.meeting-day .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: #072566; /* adjust as needed */
    font-size: 1.5em;
}

.meeting-day .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
    color: #072566;
    font-size: 1.5em;
}

.chip {
    display: inline-block;
    padding: 0px 12px;
    height: 33px;
    font-size: 16px;
    line-height: 35px;
    border-radius: 25px;
}
.chip-template {
    background-color: rgb(0, 141, 174) !important;
    color: white !important;
}
.chip-blue {
    background-color: #002169 !important;
    color:white!important;
}
.v-chip__content {
     
    padding-right: 3px;
}
.chip-large {
    display: inline-block;
    padding: 0px 12px;
    height: 33px;
    min-width:285px;
    font-size: 16px;
    line-height: 35px;
    border-radius: 25px;
}
.embed-responsive-16by9 
{
    display:flex!important;
    justify-content:right  !important;
}
.tiptext {
    font-size:1.7em;
}

#rommParticipants {
  
    height:100%;
    width:100%;
}

/*.d-flex > div > video {
    width: 150px;
    padding-left: 5px;
}
 */

.meeting-screen-contact > video {
    /* width: 200px;*/
    border-radius: 5px;
}

.v-form {
    width:100% !important;
}


.loadinggrid {
    max-width: 85px;
    max-height: 60px;
    position: relative;
    margin-right: 14px;
    bottom: 25px;
    left: 119px;
}

/**loading*/
.spinner {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

    .spinner > div {
        background-color: #333;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}



#divIndicadores {
    font-size: 1.7em;
}
#divZona {
    font-size: 1.7em;
}

.contenedor-calendario {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.th-par, .th-impar{
    max-height:30px;

}