/* ============================================================
 * 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;
          font-size: 14px;  font-weight: normal;
          letter-spacing: 0px !important;
          -webkit-font-smoothing: antialiased;
          height: 52px; transition: background-color 0.2s ease;
          padding-left: 10px;
        }

         .cajaSeleccion .tituloSeleccion {
          font-family: 'Montserrat', sans-serif !important;
          color: #626262;
          text-transform: uppercase;
          letter-spacing: 0px !important;
          font-size: 11px;
          font-weight: bold;
          text-overflow: ellipsis;
          -webkit-text-stroke: 0px;
          padding-top:5px;
          line-height: 22px;
        }

         .cajaSeleccion .textoSeleccion {
          font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
          letter-spacing: 0px !important;
          font-size: 14px;
          color: black;
          text-overflow: ellipsis;
          -webkit-text-stroke: 0px;
          display: inline-block;

        }

        .cajaSeleccion .porcentajeSeleccion{
          float: right;
          padding: 2px 10px 0px 0px;
          letter-spacing: 0px !important;
          font-size: 12px;
          color: black;
          font-weight: bolder;
          text-transform: uppercase;
        }

        .cajaSeleccion .primeraSubLinea{
          text-align: right;
          letter-spacing: 0px !important;
          font-size: 14px;
          color: black;
          text-transform: uppercase;
          vertical-align: middle; l
          line-height: 22px;
        }

        .cajaSeleccion .segundaSubLinea{
          text-align: right;
          letter-spacing: 0px !important;
          font-size: 14px;
          color: black;
          text-transform: uppercase;
          vertical-align: middle; l
          line-height: 16px;
        }



/* ============================================================
 * FUENTES
 * ============================================================ */
.tituloSeccion {
  font-family: 'Roboto Condensed', sans-serif !important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  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;
}
.negro{
  color: black !important;
}
.gris{
  color: grey !important;
}
.blanco{
  color: white !important;
}

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

/* ============================================================
 * TABLAS
 * ============================================================ */

.table thead tr th {
  font-family: 'Roboto Condensed', sans-serif !important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.table tbody tr td {
  font-family: 'Roboto Condensed', sans-serif !important;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
}

.table thead tr th {
  border-bottom: 0px;
  border-top: 0px;
}

/* ============================================================
 * ALINEACIONES
 * ============================================================ */

.AlinearIzquierda{
  text-align: left !important;
}
.AlinearCentro{
  text-align: center;
}
.AlinearDerecha{
  text-align: right !important;
}


/* ============================================================
 * TABLAS STRIPED
 * ============================================================ */

.ClasificacionLineaImpar td{
  font-family: 'Roboto Condensed';
  font-weight: bolder;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #F4F6F6 !important;
  padding:5px;
}

.ClasificacionLineaPar td {
  font-family: 'Roboto Condensed';
  font-weight: bolder;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #EAECEE !important;
  padding:5px;
}

/* ============================================================
 * FUENTES
 * ============================================================ */

.Roboto{
  font-family: 'Roboto Condensed', sans-serif !important;
}

.negrita{
  font-weight: bolder;
}

.mayusculas{
  text-transform: uppercase !important;
}

.FondoGris1{
  background-color: #F4F6F6;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}

.FondoGris2{
  background-color: #EAECEE;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}

.etiquetaNombreClub {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: bolder;
    font-size: 12px;
    background-color: transparent;
    padding: 1px 0px 0px 10px;
    height: 12px;
    overflow-y: hidden;
  }

  .etiquetaPartido {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: bolder;
    font-size: 12px;
    background-color: transparent;
    padding: 5px;
    text-transform: uppercase;
  }

.tituloJornada {
    background-color: white;
    padding: 6px 0px 6px 20px;
    border-top: solid 1px #EEE;
    border-bottom: solid 1px #EEE;
    margin-bottom: 10px;
}

.etiquetaVictoria{
    background-color: #4DE774;
    padding: 1px 3px 1px 3px;
    border-radius: 2px;
    color: white;
}

.etiquetaEmpate{
    background-color: #CCCCCC;
    padding: 1px 3px 1px 3px;
    border-radius: 2px;
    color: white;
}

.etiquetaDerrota{
    background-color: #F44545;
    padding: 1px 3px 1px 3px;
    border-radius: 2px;
    color: white;
}

.textoGris{
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 12px;
    color: #626262;
    text-overflow: ellipsis;
    -webkit-text-stroke: 0px;
    display: inline-block;
}

.textoGrisClaro{
   font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 11px;
    color: #999;
    text-overflow: ellipsis;
    -webkit-text-stroke: 0px;
    display: inline-block;
}

.textoNegro{
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 12px;
    color: black;
    text-overflow: ellipsis;
    -webkit-text-stroke: 0px;
    display: inline-block;
}

.textoTabla{
  color: black;
  font-size: 12px;
  font-weight: 500;
}

.sinPaddingIzdo{
  padding-left: 0 !important;
}
.sinPaddingDrcho{
  padding-right: 0 !important;
}
.sinPaddingArriba{
  padding-top: 0 !important;
}
.sinPaddingAbajo{
  padding-bottom: 0 !important;
}

.desactivado{
  opacity: 0.2;
}

.navbar{
  background-color: #2B303B !important;
}


/* Cabecera del Panel lateral derecho */
.view-port .navbar .view-heading {
  font-family: 'Roboto Condensed', sans-serif !important;
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: bolder;
  color: white !important;
}

/* Quickview */
.quickview-wrapper .nav-tabs{
  padding-left: 10px !important;
  background-color: #2B303B !important;
}

.quickview-wrapper .nav-tabs ~ .tab-content{
  top: 36px !important;
}




.view-port .navbar .view-heading{
  font-family: 'Montserrat' !important;
  font-size: 11px !important;
}

.calendar .calendar-header .years .year > a{
  font-family: 'Montserrat' !important;
  font-size: 11px !important;
  text-transform: uppercase;
  font-weight: bold;
}

.calendar .options .months .month > a{
  font-family: 'Montserrat' !important;
  font-size: 11px !important;
  text-transform: uppercase;
}

.calendar.month .calendar-container .view .tble .thead .tcell .weekday{
  font-family: 'Montserrat' !important;
  font-size: 11px !important;
  text-transform: uppercase;
}

.calendar .calendar-container .view.month-view .event-container .event-title {
  font-family: 'Montserrat' !important;
  font-size: 11px !important;
  text-transform: uppercase;
}


.cabecera-vista-listado-grupo{
    background: #ABABAB;
    color: white;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}



.table.table-striped tbody tr.selected td{
  background-color: #DDD !important;
  color: black;
  font-weight: bolder;

}

/* -------------------------------------- */
/* TOGGLE DEL PERFIL DEL ENTRENADOR          */
/* -------------------------------------- */
.switch_transferible {
    position: absolute;
    width: 95%;
    height: 50px;
    text-align: center;
    background: #4de774;
    transition: all 0.2s ease;
  }
  .switch_transferible span {
    position: absolute;
    width: 20px;
    height: 4px;
    top: 50%;
    left: 50%;
    margin: -2px 0px 0px -4px;
    background: #fff;
    display: block;
    transform: rotate(-45deg);
    transition: all 0.2s ease;
  }
  .switch_transferible span:after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 12px;
    margin-top: -8px;
    background: #fff;
    transition: all 0.2s ease;
  }
  input[type=radio] {
    display: none;
  }
  .switch_transferible label {
    cursor: pointer;
    color: rgba(0,0,0,0.2);
    width: 60px;
    line-height: 50px;
    transition: all 0.2s ease;
  }
  label[for=yes] {
    position: absolute;
    left: 20%;
    height: 20px;
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: bolder;

  }
  label[for=no] {
    position: absolute;
    right: 20%;
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: bolder;

  }
  #no:checked ~ .switch_transferible {
    background: #eb4f37;
  }
  #no:checked ~ .switch_transferible span {
    background: #fff;
    margin-left: -8px;
  }
  #no:checked ~ .switch_transferible span:after {
    background: #fff;
    height: 20px;
    margin-top: -8px;
    margin-left: 8px;
  }
  #yes:checked ~ .switch_transferible label[for=yes] {
    color: #fff;
  }
  #no:checked ~ .switch_transferible label[for=no] {
    color: #fff;
  }
/* Fin del toggle */
/* -------------------------------------- */



#tablaOfertas_paginate{
  padding-top: 25px !important;

}