/* ============================================================
 * HOJA DE ESTILO COMUNES DE MISQUAD
 * Creamos los estilos que necesitaremos para maquetar el todos
 * los elementos que componen el proyecto misquad y son comunes
 * a todos los grupos
 * ============================================================ */

/* ============================================================
 * CAJAS DE CONTENIDO
 * ============================================================ */
.cajaSeleccion {
          background-color: #fff; 
          position: relative; 
          border: 1px solid rgba(0, 0, 0, 0.12); 
          border-radius: 4px; 
          font-family: 'Segoe UI', Arial, sans-serif; 
          font-size: 14px;  font-weight: normal; 
          letter-spacing: 0.01em; 
          -webkit-font-smoothing: antialiased; 
          height: 52px; transition: background-color 0.2s ease; 
          box-shadow: 0 1px 1px 1px rgba(0,0,0,.05);
          padding-left: 10px;
        }

         .cajaSeleccion .tituloSeleccion {
          font-family: 'Montserrat'; 
          color: #626262; 
          text-transform: uppercase; 
          letter-spacing: 0.02em; 
          font-size: 11px; 
          font-weight: 600; 
          text-overflow: ellipsis; 
          -webkit-text-stroke: 0px; 
          padding-top:5px; 
          line-height: 22px;
        }

         .cajaSeleccion .textoSeleccion {
          font-family: 'Segoe UI', Arial, sans-serif;  
          letter-spacing: 0.02em; 
          font-size: 14px; 
          color: black;
          text-overflow: ellipsis; 
          -webkit-text-stroke: 0px;
          display: inline-block;
          
        }

        .cajaSeleccion .porcentajeSeleccion{
          float: right;
          padding: 2px 10px 0px 0px;
          font-family: Montserrat;
          font-size: 11px;
          color: black;
          text-transform: uppercase;
        }


/* ============================================================
 * FUENTES
 * ============================================================ */
.tituloSeccion {
  font-family: 'Montserrat';  
  text-transform: uppercase; 
  letter-spacing: 0.02em; 
  font-size: 11px; 
  font-weight: 600; 
  text-overflow: ellipsis; 
  -webkit-text-stroke: 0px;
  padding-bottom: 10px;
}


/* ============================================================
 * COLORES
 * ============================================================ */

.verde {
  color: #4DE774 !important;
}
.azul {
  color: #09DAFF !important;
}
.rojo {
  color: #F44545 !important;
}
.amarillo{
  color: #FFD409 !important;
}

.contrato-col-md-6, .contrato .col-md-12, .contrato .col-md-8, .contrato .col-md-4, .contrato .col-md-6
{
  margin-bottom: 10px;
}