body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
}

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

/* 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;
}

.ajax_loader {
    position: absolute;
    width: 100%;
    height: 200%;
    z-index: 99999;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
}

.ajax_loader i {
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: 999999;
}

.color-primary {
    color: #5e72e4;
}

.color-success {
    color: #2dce89;
}

.verticalTableHeader {
    text-align: center;
    white-space: nowrap;
    g-origin: 50% 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.verticalTableHeader p {
    margin: 0 -100%;
    display: inline-block;
}

.verticalTableHeader p:before {
    content: '';
    width: 0;
    padding-top: 110%; /* takes width as reference, + 10% for faking some extra padding */
    display: inline-block;
    vertical-align: middle;
}

.table-vertical {
    text-align: center;
    table-layout: fixed;
    width: 150px
}

.badge-big{
    font-size: 100% !important;
}

.badge-big-big {
    font-size: 130% !important;
}

.badge-mid {
    font-size: 80% !important;
}

.icon-small {
    width: 2.5rem !important;
    height: 2.5rem !important;
}


.table-static {
    display: block;
    overflow-x: auto;
}

.static-th {
    color: white !important;
    position: absolute;
    width: 333px;
}

.static {
    position: absolute;
    width: 333px;
    background-color:white;
}

.first-col {
    padding-left: 333px !important;
    color: white !important;
    max-width: 140px;
    min-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rest-col {
    color: white !important;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inside-table {
    width: 140px !important;
    text-align: center;
}

.badge-asignatura {
    color: #000000;
    font-weight: bold !important;
    font-size: 90% !important;
    background-color: rgba(147, 231, 195, .5);
}

.asistencia::after {
    content: '%';
}