/* --- Estilos personalizados --- */

/*TABLA DISPONIBLIDAD*/
.tabla-disponibilidad {
    padding: 10px;
}

.tabla-disponibilidad tr th {
    padding: 10px;
    text-align: center;
}

.tabla-disponibilidad tbody tr td {
    text-align: center;
    padding: 5px;
}

.tabla-disponibilidad .link-fecha {
    border: 1px solid #f7531f;
    background-color: #f7531f;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.tabla-disponibilidad .disponibilidad-fecha a.activo {
    color: #FFFFFF;
    background-color: #78c350;
    border: 1px solid #78c350;
}

/* formularios encuesta */
.notActive{
    color:white !important;
}
.Active, .Active:hover{
    background-color: #78c350;
    color:white !important;
    border-color: #78c350
}


@media print {

    .progress{
        background-color: #F5F5F5 !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#F5F5F5')" !important;
    }
    .progress-bar-info{
        display: block !important;
        background-color: #5BC0DE !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5BC0DE', endColorstr='#5BC0DE')" !important;
    }
    .progress, .progress > .progress-bar {
        display: block !important;
        -webkit-print-color-adjust: exact !important;
        box-shadow: inset 0 0 !important;
        -webkit-box-shadow: inset 0 0 !important;
    }   

    
    .img-responsive, .img-fluid{
        max-width: 10%;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
      }
      .col-sm-12 {
        width: 100%;
      }
      .col-sm-11 {
        width: 91.66666666666666%;
      }
      .col-sm-10 {
        width: 83.33333333333334%;
      }
      .col-sm-9 {
        width: 75%;
      }
      .col-sm-8 {
        width: 66.66666666666666%;
      }
      .col-sm-7 {
        width: 58.333333333333336%;
      }
      .col-sm-6 {
        width: 50%;
      }
      .col-sm-5 {
        width: 41.66666666666667%;
      }
      .col-sm-4 {
        width: 33.33333333333333%;
       }
       .col-sm-3 {
         width: 25%;
       }
       .col-sm-2 {
         width: 16.666666666666664%;
       }
       .col-sm-1 {
        width: 8.333333333333332%;
       }
}