body {
    padding: 0px;
    background-color: #151515!important;
}

body header {
    background-color:#eee
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.horas {
    font-family: 'Arial Rounded MT';
}

.descripciones {
    font-family: 'Arial Rounded MT';
    font-size: 1.2em;
    color: aliceblue;
}

.titular {
    font-family: 'Arial Rounded MT';
    font-size: 1.6em;
    color: aliceblue;
}

h2 {
    color: ivory;
    font-size: 4em;
    text-align: center
}

.horas .numeral {
    padding-top: 5px;
    font-size: 1.1em;
    text-align: right
}


.horas section {
    padding-bottom: 1px;
    padding-top: 1px;
    margin-bottom: 1px;
    padding-right:0px
}

.ahora{
    border: solid;
    border-radius: 4px;
    border-width: 1px;
}

.ahora span {
    font-size: 1.5em;
}

    .muybajo {
        color: lightgreen;
    }

.bajo {
    color: limegreen;
}

.medio {
    color: orange;
}

.medioalto {
    color: darkorange;
}

.alto {
    color: orangered;
}

.muyalto {
    color: red;
}

.promedio {
    color:lightgray;
}

.barra {
    border: 3px solid;
    height:3px;
    border-radius: 3px;
    margin-bottom:1px
}


@media print {
    body {
        padding: 0px;
        background-color: #111 !important;
    }

        body header {
            background-color: #111
        }

    /* Set padding to keep content from hitting the edges */
    .body-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    /* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
    .dl-horizontal dt {
        white-space: normal;
    }

    /* Set width on the form input elements since they're 100% wide by default */
    input,
    select,
    textarea {
        max-width: 280px;
    }


    .horas {
        font-family: 'Arial Rounded MT';
    }

    h2 {
        color: ivory;
        font-size: 3em;
        text-align: center
    }

    .horas .numeral {
        padding-top: 5px;
        font-size: 1em;
        text-align: right
    }

    .horas .datos {
        font-size: 1.4em
    }

    .horas section {
        margin: 1px;
        padding-bottom: 1px;
        padding-top: 1px;
        margin-bottom: 2px;
    }

    .ahora {
        border: solid;
        border-radius: 4px;
        border-width: 1px
    }

    .muybajo {
        color: lightgreen;
    }

    .bajo {
        color: limegreen;
    }

    .medio {
        color: orange;
    }

    .medioalto {
        color: darkorange;
    }

    .alto {
        color: orangered;
    }

    .muyalto {
        color: red;
    }

    .promedio {
        color: lightgray;
    }

    .barra {
        border: 2px solid;
        height: 2px;
        border-radius: 2px;
    }

}