.content-calhip{
	margin:0 !important;
	text-align: top;
    vertical-align: top;
}

.infohipo, .pagoadic{
    padding-bottom: 10%;
    text-align: left;
}

.content_element{
    padding: 0% 5% 0% 5%;
}

        /*  Containers Desglsoe y Resumen  */

.desglose, .resumen, .pagomensual, .totales{
    text-align: left;
}

.bar_desglose{
    background-color: #0881FA;
    border-color: #0881FA;
    color:white;
    border-style: solid;
    border-width: thin;
    border-radius: 10px 10px 0px 0px;
}

.ul_bar{
    vertical-align: middle;
    margin-left: 1%;
}

.link_change_view{
    text-align: left;
    color:#0881FA;
    display: inline;
    margin: 0% 1% 5% 5%;
}

.text_link{
    margin-top: 4%;
}

.text_link:hover{
    cursor: pointer;
}

.cont_list{
    width: 100%; 
    overflow: auto; 
    height: 300px;
    margin-top: 0%;
}

.item_bar{
    vertical-align: middle;
    margin: 0% 8% 0% 1%;
}

.ul_item_iterative_list{
    display: inline;
    width: 100%;
}

.leyenda{
    margin: 3% 0% 3% 0%;
    border-style: solid;
    border-width: thin;
    width: 100%;
    text-align: center;
    align-content: center;
    align-self: center;
}