/* COLORES 

AZUL:   #33399c
GRIS:   #4e4c4f

/* GENERAL */

.bor-bot{border-bottom:1px solid #cccccc !important}
.bor-top{border-top:1px solid #cccccc !important}
.bor-der{border-right:1px solid #cccccc}
.pad10{padding:10px;}
.p-4 {padding: 1rem !important;}
.p-20{padding: 20px;}
.h-40{height: 40%;}
.h-60{height: 60%;}
a{color:initial;text-decoration: none;}
.form-select{border:0;border-radius: 0px;padding: 5px 0;}
.form-select:focus {border-color: transparent !important;box-shadow:unset !important}
.form-control-plaintext{padding: 5px 0px !important;height: unset !important;line-height: unset !important;}
.form-floating label{position: relative;height: unset;padding: 0 !important;top: unset;left: 0;font-size: 0.75em;line-height: 1em;font-weight: 400;transform: unset;margin-bottom: -10px;}


/* SIDEBAR */

.sidebar{padding: 0px !important;gap: 0 !important;background: #ffffff;}
#sidebar-logo{height: 15%;}
#sidebar-logo img{height: 100%;}
#sidebar-menu{height: 70%;}
.sidebar-menu-admin .menu-item{height:9.09%;border-radius:0px;}
.sidebar-menu-user a{height:20%;border-radius:0px;margin-block: 0;}
#sidebar-user{height: 7.5%;}
#sidebar-user-menu{position: relative !important;padding: 5px;left: 0 !important;width: 255px;overflow-x: hidden;}
#sidebar-copy{height: 7.5%;}
#sidebar-copy-txt{font-size:0.7em;line-height: 1em;font-weight:400;}
.sidebar-menu-panel a{height:50%;border-radius:0px;padding-right: 1rem !important;padding-left: 1rem !important;}
.sidebar-menu-legal a{height:25%;}
#sidebar-web-user{height: 7.5%;}
#sidebar-web-user i{color:#33399c;}
#sidebar-copy-footer{display: none !important;}
#sidebar-copy-rrss{height: 5%;}
#sidebar-copy-rrss a{height: 100%;}
#sidebar-copy-rrss a img{height: 100%;}

/* MAIN */

#main{padding:0px;}

/* WEB */

.web-tit{color:#33399c;font-size:1.2em;line-height: 1em;font-weight: 500;}
.web-titpag{color:#33399c;font-size:1.5em;line-height: 1em;font-weight: 600;}
.web-txt{}
#web-contacto-nombre{color:#4e4c4f;font-size: 1.65em;line-height: 1em;font-weight: 700;}
#web-contacto-nombre span{color:#33399c}
.web-contacto-datos-icono{color:#33399c}
.web-contacto-datos-txt{}
#web-ranking-top{height:15%;font-size: 1.5em;line-height: 1em;font-weight: 600;color:#33399c}
#web-ranking-bottom{height: 85%;}
#form-contacto-submit{background: #33399c;color:#ffffff;border-radius: 0 !important;}
#web-inicio::before{content: "";background-image: url(/storage/CongresoPortada.png);background-size: cover;position: absolute;width: calc(100% - 257px);height: 100%;opacity: 0.2;}
#web-inicio-marca{z-index: 10;}
#web-inicio-marca-logo{width: 40em;}
#web-inicio-marca-logo img{}
#web-inicio-marca-titulo{font-size: 2.45em;text-transform: uppercase;line-height: 1em;font-weight: 700;color:#4e4c4f}
#web-inicio-marca-titulo span{color:#33399c}

/* ADMIN */

#admin{}
.dt-container{width:100%;display: flex;flex-direction: column;justify-content: space-between;}
.dt-search{padding-right:250px;display: flex;align-items: center;}
.dt-search label{margin-right: 10px;}
.dt-length label{display: flex;align-items: center;}
#dt-length-0{width: 50px;margin: 0px 10px;}
.admin-nuevo{position: absolute;top: 25px;right: 15px;}
.pagination {--bs-pagination-color: #33399c;--bs-pagination-hover-color: #33399c;--bs-pagination-focus-color: #33399c;--bs-pagination-active-bg: #33399c;--bs-pagination-active-border-color: #33399c;}
.admin-listado-edit{color: #33399c;}
.dt-processing{display:none !important}
.dt-autosize{display: none;}
.admin-bot{width: 200px;background: #33399c;color: #ffffff;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 5px;}
.admin-bot:hover{text-decoration:none;color:#ffffff}
.admin-aviso-boton{width: 100% !important;}
.tox-tinymce{margin-top:10px;}
#admin-avisos-selectores{height:80%;}
#admin-avisos-mensajes{height:20%;}
#admin-avisos-enviar{cursor:pointer}
#admin-coeficientes-boton{position: absolute;bottom:20px;right:20px;}
.verde{background:green;color:green;width:100%;}
.rojo{background:red;color:red;width:100%;}
.actualizacion{padding:0px;}

#admin-lis{height:100vh}
#admin-lis-top{height: 15%;}
#admin-lis-bot{height: 85%;overflow-y: auto;}
#admin-form{height: 90%;}
#admin-bot{height: 10%;}
.admin-item{padding-bottom: 5px;cursor:pointer}
.admin-item.alerta{background:#33399c;color:#ffffff}
.admin-aviso-usuarios[data-select="true"]{}
.admin-aviso-usuarios[data-select="false"]{background:#33399c;color:#ffffff}
.admin-aviso-usuarios{cursor:pointer;}
#descripcionVariable{min-height: 250px !important}

/* SALA DE ESPERA */

.panel-sala-de-espera-tit{color: #33399c;font-size: 1.25em;line-height: 1em;font-weight: 500;}
.panel-sala-de-espera-txt{}
#panel-sala-de-espera-logo{}
#panel-sala-de-espera-logo img{}

/* PANEL */

#panel{}
#panel-var-tit{height:10%;}
#panel-des-tit{height:10%;}
.panel-var-item{cursor:pointer}
.panel-var-item[data-select="true"]{background: #33399c;color: #ffffff;padding: 3px 5px;border-radius: 5px;}
#listapartidos{height:93%;}
.list-group-item{border-radius: 5px;cursor:pointer;display: flex;justify-content: space-between;align-items: center;color: #ffffff;font-weight: 600;padding: 0;border: 1px solid #ffffff;}
.list-group-item-logo{width: 15%;height: 100%;display: flex;justify-content: center;align-items: center;background: #ffffff;  padding: 5px;}
.list-group-item-logo img{position: relative;}
.list-group-item-nombre{width: 70%;padding-left: 20px;}
.list-group-item-siglas{width: 15%;padding-right: 10px;display: flex;align-items: center;justify-content: center;}
#panel-form{height:100%;}
#panel-form-bot{height:7%;cursor:pointer;background: #33399c;color:#ffffff;font-weight: 600;}

/* PANEL VALORES */

#panel-valores-partidos{height: 100vh;}
#panel-valores-panelista{height: 100vh;}
#panel-valores-form{height:90%;}
#panel-valores-form-bot{height:10%}
.panel-valores-item{}
.panel-valores-item:last-child{border-bottom: 0px !important;}
.panel-valores-item-logo{height: 100%;}
.panel-valores-item-logo img{height: 100%;width:auto}
.panel-valores-item-rango{position: relative;}
.panel-valores-item-rango-slider{height: 100%;}
.panel-valores-item-rango-label{font-size: 0.7em;position: absolute;width: 100%;top: 55%;}
.panel-valores-item-rango-label-txt{}
#panel-valores-form-guardar{background: #33399c;color:#ffffff;font-weight: 600;}
input[type=range]::-webkit-slider-thumb {background-color:#33399c;}
input[type=range]::-webkit-slider-runnable-track{background-color: #cccccc;}

/* DATOS STAKEHOLDERS */

#datos-stakeholders-ranking{}
#datos-stakeholders-ranking-txt{border-bottom: 1px solid #cccccc;padding-bottom: 10px;color: #33399c;font-size: 1.2em;line-height: 1em;font-weight: 500;}
.datos-stakeholders-ranking-item{}
.datos-stakeholders-ranking-item-total{}
.datos-stakeholders-ranking-item-nombre{}
#datos-grafico-item{height:auto !important;width: 80% !important;}

/* DATOS SERIE */

#datos-monitor-filtros{height:15%;}
.datos-monitor-filtros-item{}
.datos-monitor-filtros-item-txt{color: #33399c;font-size: 0.85em;line-height: 1em;font-weight: 500;padding-bottom: 5px;}
#datos-monitor-datos{height:85%;}
#datos-monitor-datos-lis{}
#datos-monitor-datos-ran-tit{padding-bottom: 10px;color: #33399c;font-size: 1.2em;line-height: 1em;font-weight: 500;}
#datos-monitor-datos-ran{}
.datos-monitor-datos-ran-item{}
.datos-monitor-datos-ran-item-puesto{}
.datos-monitor-datos-ran-item-logo{}
.datos-monitor-datos-ran-item-logo img{}
.datos-monitor-datos-ran-item-nombre{}
.datos-monitor-datos-ran-item-total{}
#datos-monitor-datos-gra{display: flex;height: 100%;align-items: center;}
#datos-monitor-datos-ran-logo{}
#datos-monitor-datos-ran-logo img{width: 60%;}

/* DATOS ESCRITORIO */

.datos-escritorio-variables-item{font-size:0.8em}

/* LOGIN */

#login-logo{width: 50%;}

/* RESPONSIVE */

@media (max-width: 768px) {
    header{height: 70px;padding: 0px 10px;}
    .sidebar{height:100%;}
    #sidebar-logo-mobile{height: 100%;width: 100%;padding: 10px;}
    #sidebar-logo-mobile img{height: 100%;}
    #admin{width: 100%;flex-direction: column;}
    #admin-lis-top {height: 75px;}
    #admin-lis-top div{width:50%;}
    #admin-bot div{width:50%;}
    #admin-bot-buttons button{width: 50%;}
    #panel{flex-direction: column;}
    #panel-des{height: auto;min-height: 150px;margin: 30px 0px;}
    #panel-des-tit{height: 50px;}
    #panel-des-lis{}
    .list-group-item{height: 50px !important;}
    .list-group-item-nombre {line-height: 1em;}
    #panel-form {height: auto;}
    #panel-form-bot {height: 50px;}
    #panel-valores-form{flex-direction: column;height: auto;}
    #panel-valores-panelista div{height: auto !important;}
    #panel-valores-item-rango{padding: 20px;}
    #panel-valores-form-guardar {width: 100%;}
    #panel-valores-panelista-instrucciones{text-align: center;}
    .panel-valores-item-rango-label-txt{justify-content: space-between;}
    .panel-valores-item-rango-slider{width:100%;}
    .panel-valores-item-rango{width: 100%;}
    .panel-valores-item-rango-label {top: 90%;}
    #panel-valores-panelista {height: auto;}
    #panel-valores-panelista-rango{border-bottom: 1px solid #cccccc;}
    .panel-valores-item  .panel-valores-item-rango-label {top: 55%;}
    .panel-valores-item{height:150px !important;flex-direction: column;}
    .panel-valores-item-logo {height: auto;width: 50%;margin-bottom: 10px;}
    #panel-valores-form-bot {height: 50px;}
    #web-contacto{flex-direction: column;}
    #web-ranking-bottom{flex-direction: column;}
    #web-ranking-top {height: 75px;}
    .web-ranking-item,.datos-monitor-datos-ran-item{height: 75px;}
    .web-ranking-item-puesto,.datos-monitor-datos-ran-item-puesto {width: 5%;}
    .web-ranking-item-nombre,.datos-monitor-datos-ran-item-nombre{width: 70%;}
    .web-ranking-item-logo,.datos-monitor-datos-ran-item-logo{height: auto;width:20%}
    .web-ranking-item-logo img,. img{height: 100%;}
    .web-ranking-item-total,.datos-monitor-datos-ran-item-total{width: 5%;}
    #datos-monitor-datos{flex-direction: column;}
    #datos-escritorio-variables-listado{flex-direction: column;}
    #datos-escritorio-respuestas{border-right: 0;}
    #datos-escritorio-variables{}
    #datos-escritorio-variables-grafica-canvas{width: 100% !important;}
    #datos-escritorio-variables-det{height: auto !important;}
    #datos-escritorio-variables-txt{margin-bottom: 20px;}
    #datos-stakeholders{flex-direction: column;}
    #datos-stakeholders{width: 100%;height: auto !important;}
    #datos-stakeholders-panelistas-grafica-canvas{width: 100% !important;height: auto !important;}
    #datos-stakeholders-panelistas-grafica{height: auto !important;}
    #datos-monitor-filtros{flex-direction: column;}
    #datos-monitor-datos-gra{height: auto !important;}
    #datos-monitor,#datos-monitor-filtros,#datos-monitor-datos{height: auto !important;}
    #datos-monitor-datos-grafica{width: 100% !important;height: auto !important;}
    #panel-var-tit {height: 75px;}
    #web-ranking-grafico-canvas{height:200px;}
    .form-contacto-col{flex-direction: column;}
    #web-inicio-marca-logo {width: 100%;}
    #web-inicio-marca-titulo {font-size: 1.25em;}
    #web-inicio::before{width: 100% !important;}
    header button{position:absolute;}
    #sidebar-copy-footer{display:block !important;grid-area:footer;}
    .datos-escritorio-respuestas-enviadas-item-color,.datos-escritorio-respuestas-item-color,.datos-escritorio-variables-item-orden,.datos-stakeholder-importancia-item-color,.datos-stakeholder-panelistas-item-color{width:5%}
    .datos-escritorio-respuestas-enviadas-item-nombre,.datos-escritorio-respuestas-item-nombre,.datos-escritorio-variables-item-nombre,.datos-stakeholder-importancia-item-nombre,.datos-stakeholder-panelistas-item-nombre{width: 70%}
    .datos-escritorio-respuestas-enviadas-item-total,.datos-escritorio-respuestas-item-total,.datos-escritorio-variables-item-total,.datos-stakeholder-importancia-item-total,.datos-stakeholder-panelistas-item-total{width: 25%} 
    #web-ranking-grafico{height:400px;}
}