@font-face {
    font-family: Dosis;
    src: url(https://www.camara.cl/libs/fonts/Dosis/Dosis-Regular.ttf);
}

@font-face {
    font-family: Oswald;
    src: url(https://www.camara.cl/libs/fonts/Oswald/Oswald-Regular.ttf);
}
html {
    height: calc(100vh - 2px );
}

body {
    height: 100%;
}

body {
    font-family: Dosis;
    font-size: 15px;
    height: 100%;
}

#main {
    height: 100%;
    display: flex;
    flex-direction: column;
}


#header {
    /*background-color: #014170;*/
    /*background-color: #009f3c;*/
    /*background-color: #330066;*/ /*morado anterior*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#462777+0,462777+11,432573+23,321c55+74,301b52+100 */
    background: #462777; /* Old browsers */
    background: -moz-linear-gradient(top, #462777 0%, #462777 11%, #432573 23%, #321c55 74%, #301b52 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #462777 0%,#462777 11%,#432573 23%,#321c55 74%,#301b52 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #462777 0%,#462777 11%,#432573 23%,#321c55 74%,#301b52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#462777', endColorstr='#301b52',GradientType=0 ); /* IE6-9 */

    padding-top: 10px;
    padding-bottom: 10px;
}

#miPupitre a {
    font-size: 18px;
    color: white;
}

#miPupitre {
    padding-top: 0px;
    padding-left: 85px;
}

body{
    scrollbar-width:10px;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }



#body {
    flex:1;
    overflow-y:auto;
    margin-top:5px;
}

#selectorSesion .row {
    margin-bottom: 5px;
}

@media (min-width: 1200px) {
    #LogoTrabajoSala {
        height: 100px;
    }
}

@media (max-width: 1199px) {
    #LogoTrabajoSala {
        height: 60px;
    }
}

#Arbol{
    max-height:100%;
    overflow:auto;
}


#Centro, #barra-derecha {
	max-height: 100%;
	/*height: 100%;*/
	overflow-y: auto;
}



#Centro, #barra-derecha {
    transition: width 0.7s ease;
}

iframe {
    display: block; /* iframes are inline by default */
    border: none; /* Reset default border */
    /*height: 100%;*/
    height: calc(100vh - 155px );
    width: 100%;
}

.ContenidoCentro {
	border: 1px solid #330066;
	border-radius: 5px;
	height: 100%;
	margin: 0px;
	overflow-x: auto;
}



.clear {
    clear: both;
}

.iconoSelector {
    color: #fff;
    font-size: 24px;
    vertical-align: middle;
}

.selectorSesion {
    font-size: 16px;
    cursor: pointer;
}

#selectorSesion .form-group {
    margin-bottom: 0px;
}

    #selectorSesion .form-group label {
        vertical-align: middle;
    }


.infoSesion {
	color: white;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
}

    .infoSesion p {
        margin-bottom: 5px;
        text-align: left;
    }

.destacado {
    font-weight: bold;
    font-size: 16px;
}

.lg {
    font-size: 18px;
}

.logo {
    width: 100px;
    height: 100px;
    float: left;
    margin-top: 20px;
}


.seccion {
    color: white;
    height: 40px;
    /*background-color: #330066;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#462777+0,462777+11,432573+23,321c55+74,301b52+100 */
    background-color: #462777; /* Old browsers */
    background-color: -moz-linear-gradient(top, #462777 0%, #462777 11%, #432573 23%, #321c55 74%, #301b52 100%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(top, #462777 0%,#462777 11%,#432573 23%,#321c55 74%,#301b52 100%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to bottom, #462777 0%,#462777 11%,#432573 23%,#321c55 74%,#301b52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#462777', endColorstr='#301b52',GradientType=0 ); /* IE6-9 */

    font-size: 18px;
    padding: 7px;
    background-repeat: no-repeat;
    padding-left: 40px; /* width of the image plus a little extra padding */
    background-size: 40px;
    text-transform: uppercase;
    margin-top: 5px;
    cursor: pointer;
    clear: both;
    border-radius: 0px 5px 5px 0px;
}

    .seccion.first {
        margin-top: 0px;
    }

    .seccion a, .seccion a:hover, .seccion a:visited {
        color: white;
        text-decoration: none;
    }



.seccion-detalle {
    clear: both;
    display: none;
}

    .seccion-detalle.init-open {
        display: block;
    }

.item {
    color: white;
    font-size: 14px;
    padding: 6px 0px 6px 10px;
    text-transform: uppercase;
    margin-top: 2px;
    margin-left: 20px;
    cursor: pointer;
    border-radius: 5px;
}

    .item.estado-cerrado {
        background-color: #a42035;
    }

    .item.estado-discusion {
        background-color: #e87c21;
    }

    .item.estado-aprobado {
        background-color: #8eae25;
    }

    .item.estado-rechazado {
        background-color: #a42035;
    }

    .item, .item.estado-pendiente {
        background-color: #999999;
    }






        .item.open {
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

.item-detalle {
    margin-left: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .item-detalle.item-colapsable {
        display: none;
    }

    .item-detalle.estado-cerrado {
        background-color: #ffe0de;
    }

    .item-detalle.estado-discusion {
        background-color: #f3e9ce;
    }

    .item-detalle.estado-aprobado {
        background-color: #e3eec4;
    }

    .item-detalle.estado-rechazado {
        background-color: #ffe0de;
    }

    .item-detalle, .item-detalle.estado-pendiente {
        background-color: #ebebeb;
    }

        .item-detalle.item-colapsable.init-open {
            display: block;
        }

.item-descripcion {
    margin-top: 2px;
    border-radius: 5px;
}

    .item-descripcion > .item-suma {
        border: none;
    }


.item-suma {
    padding: 10px 15px;
    border-bottom: 1px solid #c7bfac;
    text-align: justify;
    line-height: 1.2;
}

.item-notas {
    padding: 10px 15px;
    text-align: justify;
    line-height: 1.2;
    clear: both;
}

    .item-notas span .Nota {
        background-image: url("../img/bullet.png");
        background-repeat: no-repeat;
        background-position-y: 3px;
        padding-left: 15px;
        display: block;
        margin-bottom: 7px;
    }

.item-detalle span .TramiteConstitucional {
    text-transform: uppercase;
    font-weight: bold;
}







.item-tools {
    padding: 0px 0px 5px 1px;
    border-bottom: 1px solid #c7bfac;
    clear: both;
}




.colItem {
    padding-right: 0px;
}


.item-estado {
    float: right;
    text-align: right;
    padding-right: 7px;
}


.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}


/*ICONOS*/

.cuenta {
    background-image: url('../img/iconoCuenta.png');
}

.Homenajes {
    background-image: url('../img/iconoHomenaje.png');
}

.InfoSesion {
    background-image: url('../img/iconoInfo.png');
}

.presupuesto {
    background-image: url('../img/iconoPresupuesto.png');
}

.OrdenDia, .FacilDespacho, .DespachoInmediato, .ObjetoSesion {
    background-image: url('../img/iconoOrdenDia.png');
}

.Incidentes {
    background-image: url('../img/iconoIncidentes.png');
}

.AcuerdosYResoluciones {
    background-image: url('../img/iconoAcuerdosResolucion.png');
}

.DocumentosSobreTabla {
    background-image: url('../img/iconoDocumentosSobreTabla.png');
}

.botonAbrir {
    float: right;
    margin-left: 10px;
}


/*DESCRIPCION*/




/*BOTONES ITEM DETALLE*/
.item-button {
    width: 55px;
    padding-top: 45px;
    border-left: 0.5px solid #c7bfac;
    text-align: center;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position-x: 13px;
    background-position-y: 5px;
    float: left;
    font-size: 10px;
    cursor: pointer;
    line-height: 1;
}

    .item-button.button-inscritos {
        width: 70px;
    }

.button-informe {
    background-image: url("../img/iconoInformes.png");
}

.button-votaciones {
    background-image: url("../img/iconoVotaciones.png");
}

.button-indicaciones {
    background-image: url("../img/iconoIndicaciones.png");
}

.button-minutas {
    background-image: url("../img/iconoMinutas.png");
}

.button-boletin {
    background-image: url("../img/iconoBoletin-enabled.png");
}

.button-boletin.button-disabled {
    background-image: url("../img/iconoBoletin-disabled.png");
}

.button-sintesis {
    background-image: url("../img/iconoSintesis-enabled.png");
}

.button-sintesis.button-disabled {
    background-image: url("../img/iconoSintesis-disabled.png");
}

.button-acta {
    background-image: url("../img/iconoActa-enabled.png");
}

.button-acta.button-disabled {
    background-image: url("../img/iconoActa-disabled.png");
}


.button-discursos {
    background-image: url("../img/iconoDiscursos.png");
}

.button-comparados {
    background-image: url("../img/iconoComparado.png");
}

.button-inscritos {
    background-image: url("../img/iconoInscritos.png");
    padding-top: 14px;
    border-right: 1px solid #c7bfac;
    background-position-x: 10px;
}

.num-inscritos {
    background-image: url("../img/iconoBox.png");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: 0px;
    width: 20px;
    height: 20px;
    margin-left: 45px;
    padding-top: 5px;
    text-align: center;
    margin-bottom: 8px;
}



/*BOTONES DERECHA*/
.right-button {
    width: 110px;
    height: 110px;
    background-size: 80px;
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: 0px;
    float: left;
    font-size: 12px;
    cursor: pointer;
    background-color: #dde1e4;
    margin-bottom: 2px;
    border-radius: 5px;
}

    .right-button:hover, .right-button.active {
        background-color: #8eae25;
        color: white;
    }

    .right-button .contador {
        background-color: red;
        color: white;
        border-radius: 10px;
        padding: 5px;
        float: right;
    }

    .right-button .texto {
        text-align: center;
        line-height: 45px;
        margin-top: 65px;
        height: 45px;
    }

        .right-button .texto span {
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
        }




    .right-button.right-button-sm {
        width: 94px;
        height: 70px;
        background-size: 40px;
        background-position-x: 25px;
        margin-right: 2px;
        margin-bottom: 2px;
        font-size: 11px;
    }

        .right-button.right-button-sm:last-child {
            margin-right: 0px;
            margin-bottom: 0px;
        }

	.right-button.active.right-button-sm {
		border: 2px solid #330066;
	}

    .right-button.right-button-sm .texto {
        line-height: 35px;
        margin-top: 35px;
        height: 35px;
    }




.button-citacion {
    background-image: url("../img/iconoCitaciones-disabled.png");
}

    .button-citacion:hover, .button-citacion.active {
        background-image: url("../img/iconoCitaciones.png");
    }

.button-acuerdos {
    background-image: url("../img/iconoAcuerdosResolucion-disabled.png");
}

    .button-acuerdos:hover, .button-acuerdos.active {
        background-image: url("../img/iconoAcuerdosResolucion.png");
    }



.button-pareos {
    background-image: url("../img/iconoPareos-disabled.png");
}

    .button-pareos:hover, .button-pareos.active {
        background-image: url("../img/iconoPareos.png");
    }


.button-permisos {
    background-image: url("../img/iconoPermisos-disabled.png");
}

    .button-permisos:hover, .button-permisos.active {
        background-image: url("../img/iconoPermisos.png");
    }

.button-acuerdoscomites {
    background-image: url("../img/iconoAcuerdosComites-disabled.png");
}

    .button-acuerdoscomites:hover, .button-acuerdoscomites.active {
        background-image: url("../img/iconoAcuerdosComites.png");
    }

.button-intervenciones {
    background-image: url("../img/iconoIntervencionesSala-disabled.png");
}

    .button-intervenciones:hover, .button-intervenciones.active {
        background-image: url("../img/iconoIntervencionesSala.png");
    }

.button-articulo33 {
    background-image: url("../img/iconoArticulo33-disabled.png");
}

    .button-articulo33:hover, .button-articulo33.active {
        background-image: url("../img/iconoArticulo33.png");
    }

.button-reglamentos {
    background-image: url("../img/iconoReglamentos-disabled.png");
}

    .button-reglamentos:hover, .button-reglamentos.active {
        background-image: url("../img/iconoReglamentos.png");
    }


.hide-button {
    float: left;
    left: 0px;
    position: absolute;
    height: 142px;
    background-color: #acc3c9;
    padding: 0px;
}

.documento-titulo {
    font-size: 14px;
    margin: 0px;
}

.documento-fecha {
    font-weight: bold;
}

.documento-detalle {
    margin-bottom: 0px;
    text-align: justify;
    line-height: 1.15;
}


    .documento-detalle a {
        float: right;
    }

.documento-archivo {
    vertical-align: middle !important;
    width: 42px;
    padding-right: 0px !important;
}

.col-lista {
    padding-bottom: 10px;
    border-right: 1px solid #ddd;
    height: 100%;
    overflow-x:auto;
}

.col-detalle {
    padding-top: 10px;
    height: 100%;
}

.col-flex {
    flex-direction:column;
    display:flex;
    height:100%;
}

.row-flex {
    flex:1;
    overflow-y:auto;
}

.tabla-encabezado {
    background-color: #8eae25;
    color: white;
    margin: 10px -5px 0px 0px;
    border-radius: 5px;
}



.tabla-fila {
    background-color: #e3eec4;
    margin: 1px -5px 0px 0px;
    border-radius: 5px;
    padding: 5px;
}


.panel-loading {
    margin-top: 50px;
    text-align: center;
}

.col-bancada {
    width: 5.882%;
    float: left;
    padding: 0px;
    text-align: center;
}

.bancada {
    height: 150px;
    display: block;
}

.diputado-inscrito {
    margin-bottom: 10px;
}

.diputado-inscrito-Efectuada, .diputado-inscrito-Ignorada {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.diputado-inscrito-Ingresada {
    opacity: unset;
    filter: unset;
}

.diputado-inscrito.Ignorada::after {
    content: "No uso de la palabra. Al ser llamado no estaba presente";
    font-weight: bold;
    line-height: 1;
    vertical-align: top;
    display: block;
}


.etiqueta, .informacion {
    margin-bottom: 0px;
}

.votacion-encabezado {
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:0.5px solid silver;
}

.votacion-detalle {
    padding-top:5px;
    padding-bottom:20px;
    
}

.votacion-si, .votacion-no, .votacion-abs, .votacion-disp {
    margin-right: 2px;
    padding: 5px;
    border-radius: 5px;
    width: 60px;
    text-align: center;
    display: block;
    float: left;
}

.detalle-si, .detalle-no, .detalle-abs, .detalle-disp {
    padding: 5px;
    border-radius: 5px;
}

.votacion-si, .detalle-si {
    background-color: #e3eec4;
}

.votacion-no, .detalle-no {
    background-color: #ffe0de;
}

.votacion-abs, .detalle-abs {
    background-color: #f4e8d2;
}

.votacion-disp, .detalle-disp {
    background-color: #e6e6e6;
}



.header-fixed {
    width: 100%;
}

    .header-fixed > thead,
    .header-fixed > tbody,
    .header-fixed > thead > tr,
    .header-fixed > tbody > tr,
    .header-fixed > thead > tr > th,
    .header-fixed > tbody > tr > td {
        display: block;
    }

        .header-fixed > tbody > tr:after,
        .header-fixed > thead > tr:after {
            content: '';
            display: block;
            visibility: hidden;
            clear: both;
        }

    .header-fixed > tbody {
        overflow-y: auto;
        height: calc(100vh - 270px );
    }

        .header-fixed > tbody > tr > td {
            width: 20%;
            float: left;
        }

    .header-fixed > thead > tr > th {
        width: -moz-calc((100% - 10px) /5);
        width: -webkit-calc((100% - 10px) /5);
        width: -o-calc((100% - 10px) /5);
        width: calc((100% - 10px) /5);
        float: left;
    }

.table-paged {
    margin-bottom: 2px;
}

    .table-paged .pagination {
        margin: 0px;
    }


    .table-paged .pagination {
        margin: 0px;
    }


.col-citacion-comision {
    width: 10% !important;
    text-align: center;
}

    .col-citacion-comision p {
        text-align: center !important;
    }

.col-citacion-horario {
    width: 10% !important;
}

.col-citacion-detalle {
    width: 80% !important;
}


.col-citacion-tabla, .col-citacion-invitados {
    width: 50%;
    float: left;
    display: block;
    text-align: justify;
    padding-right: 10px;
}

.col-citacion-detalle-item {
    width: 100%;
    display: block;
    clear: both;
}

th.col-citacion-tabla, th.col-citacion-invitados {
    width: 38.8% !important;
}

.mis-comisiones {
    margin-top: 20px;
}

.item-detalle .DistribucionTiempo {
    margin: 0px;
    width: 100%;
}

.col-bancada .bancada-nombre {
    line-height: 1;
}

.DocumentosSobreTabla {
    cursor: default;
}

.nombre-diputado {
    line-height: 1;
}

.item-suma .DistribucionTiempo .Bancada {
    display: block;
    width: 315px;
    float: left;
    text-align: left;
    padding-left: 5px;
    text-indent: -8px;
}

    .item-suma .DistribucionTiempo .Bancada::before {
        content: "• ";
    }

    .item-suma .DistribucionTiempo .Bancada.Adicional::before {
        content: "+ ";
    }

    .item-suma .DistribucionTiempo .Bancada.Adicional {
        width: 322px;
    }

.item-suma .DistribucionTiempo .Tiempo {
    display: block;
    width: 35px;
    text-align: right;
    float: left;
}

.item-suma .DistribucionTiempo .Descriptor {
    display: block;
    width: 5px;
    float: left;
}

.row-documentos-presupuesto {
    height: calc(100% - 50px);
}

.row-documentos-presupuesto-senado {
    height: calc(100% - 80px);
}

.full-height {
    height: 100%;
}

.row-link {
    cursor: pointer;
}

.selectorProgramas {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
}


iframe.documento-presupuesto {
    display: block; /* iframes are inline by default */
    border: none; /* Reset default border */
    height: calc(100vh - 240px );
    width: 100%;
}


#headerPresupuesto {
	background-color: #330066;
	color: white;
	font-size: 18px;
	padding: 10px 10px 0px 10px;
}

    #headerPresupuesto select {
        font-size: 16px;
    }

iframe.documento-indicacion {
    display: block; /* iframes are inline by default */
    border: none; /* Reset default border */
    height: calc(100vh - 125px );
    width: 100%;
}

#headerPresupuesto label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0px;
    font-weight: unset;
}

.presupuesto-indicaciones {
	background-color: #330066;
}

    .presupuesto-indicaciones .col-docs {
        padding-left: 10px;
        padding-right: 10px;
    }

#headerPresupuesto h3 {
    margin: 10px;
    text-align: center;
}

.selector-articulos {
    margin-top: 20px;
    font-size: 18px;
}

    .selector-articulos label {
        font-weight: unset;
    }

    .selector-articulos select {
        font-size: 18px;
    }


.tabla-asistencia .col-diputado {
    width:300px;
}

.tabla-asistencia .col-hora {
    width:100px;
    text-align:center;
}

.tabla-asistencia .col-asiste {
    width:100px;
}

.tabla-asistencia  {
margin-bottom:0px;
}

#tituloConstituyente {
	color: white;
	font-size: 40px;
	font-weight: bold;
	display: flex;
	justify-content: center;
}