/* sombra en los botones */
.btn {
    box-shadow: 6px 6px 6px -3px rgba(0, 0, 0, 0.5);
}

/* tamaño texto botones */
.glyphicon {
    font-size: 18px;
}




/* Sombra para los GridView */

.shadowrb {
    box-shadow: 6px 6px 6px -3px rgba(0, 0, 0, 0.5);
}

/* alto de los Dropdownlist */
select {
    height: 24px;
}

/* para los móviles, color de fondo*/
input, select {
    background-color: white;
}

    /* para los controles deshabilitados, colores */
    input[disabled], input[disabled]:hover {
        background-color: #F0F0F0;
        color: black;
    }

    select[disabled], select[disabled]:hover {
        background-color: aliceblue;
        color: black;
        opacity: 0.85
    }

textarea[disabled], textarea[disabled]:hover {
    background-color: aliceblue;
    color: black;
}

/* Ocultar elementos */
.oculto {
    display: none;
}

/* Mostrar mensaje Espere Procesando datos */
.Background_Wait {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #F0F0F0;
    opacity: 0.8;
    z-index: 100000;
}

/* Mostrar mensaje Espere Procesando datos */
.Progress_Wait {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100px;
    width: 300px;
    z-index: 100001;
    background-color: #FFFFFF;
    border: 1px solid Gray;
    /*background-image: url('/images/loading.gif');*/
    background-repeat: no-repeat;
    background-position: center;
}


/* margin - bottom (mb) */
.mb3 {
    margin-bottom: 3px;
}
.mb5 {
    margin-bottom: 5px;
}

.mb7 {
    margin-bottom: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}


/* margin - top (mt) */
.mt3 {
    margin-top: 3px;
}
.mt5 {
    margin-top: 5px;
}

.mt7 {
    margin-top: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

/* margin - left (ml) */
.ml0 {
    margin-left: 0px;
}

.ml3 {
    margin-left: 3px;
}

.ml5 {
    margin-left: 5px;
}

.ml7 {
    margin-left: 10px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

/* margin - right (ml) */
.mr3 {
    margin-right: 3px;
}
.mr5 {
    margin-right: 5px;
}

.mr7 {
    margin-right: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.pd0 {
    padding: 0px;
}

.pd3 {
    padding: 3px;
}
.pd5 {
    padding: 5px;
}
.pd7 {
    padding: 7px;
}
.pd10 {
    padding: 10px;
}
.pd15 {
    padding: 15px;
}
.pd20 {
    padding: 20px;
}
.pd25 {
    padding: 25px;
}

.columna30px {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 1px;
}

.columna20px {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 1px;
    display: inline-block;
}
.columna {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.boton {
    margin-left: 10px;
    margin-bottom: 8px;
    font-family: 'Hack Nerd Font';
}


/* para centrar cards */
.extracard_center {
    max-width: 45rem;
    margin: 0 auto;
    float: none;
    margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
    transition: 0.3s;
    border-radius: 5px;
}