/*Mostrar el gif de proceso mientras se carga la informacion*/

.loading-panel {
    position: relative;
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    width: 100%;
}

.loading-container {
    position: fixed;
    background: rgba(179, 189, 184, 0.4) none repeat scroll 0 0;
    color: #fff;
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0%;
    padding-top: 25%;
    text-align: center;
    z-index: 7000;
}

.fa-color-blue {
    color: blue;
}


/*Centrar Mensajes*/

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.modal-mensaje {
    z-index: 6000 !important;
    background-color: rgba(0,0,0, 0.8) !important;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.modal-body p {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}