@font-face {
  font-family: 'PlayfairDisplay';
  font-style: normal; 
  src: url('../fonts/PlayfairDisplay-Regular.ttf');
}

@font-face {
  font-family: 'PlayfairDisplay';
  font-style: bold; 
  src: url('../fonts/PlayfairDisplay-Bold.ttf');
}

@font-face {
  font-family: 'PublicSans ligth';
  font-style: lighter; 
  src: url('../fonts/PublicSans-Light.ttf');
}

@font-face {
  font-family: 'PublicSans';
  font-style: normal; 
  src: url('../fonts/PublicSans-Regular.ttf');
}
@font-face {
  font-family: 'PublicSans-Bold';
  src: url('../fonts/PublicSans-Bold.ttf');
}
h1{
  font-family: 'PublicSans-Bold';
}
.colorCorporativo{
  color: #0AE591;
}

.btn-primary, .icons{
  color: #05232D;
  background-color:  #0AE591;
  border:none;
  font-family: 'PublicSans';
}
.tituloSafetyChallenge{
  font-family: 'Fjalla One', sans-serif;
  font-size: 3rem;
  line-height: 120%;
}
.btn-primary:hover,.icons:hover{
  background-color:  #05232D;
  color: white;
}

.btnDelete{
  color: #ba1134;
  background-color:  white;
  border:none;
}
.btnDelete:hover{
  color: white;
  background-color:  #ba1134;
  border:none;
}

.btnEdit{
  background-color:  white;
  border:none;
  font-size:1.2rem;
}
.btnEdit:hover{
  color: white;
  background-color: #0AE591;
  text-decoration: none;
}

.homeUser{
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    /* background-size: cover; Resize the background image to cover the entire container */
}

.btnVisibility{
  color: #ba4311;
 /* border:none; */
}
.btnVisibility:hover{
  color: white;
  background-color:  #ba4311;
}
.card-header{
  background-color:#05232D;
  color:white;
  font-size: 1.5rem;
  font-family: 'PlayfairDisplay';
}
.card-body{
  background-color: #EAEAEA;
}
.bgLogin{
  background-image: url('../assets/bgLogin.png');
  background-size: auto 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bgLogin .logo {
	padding-top: 2rem;
}
.bgLogin main {
	padding-bottom: 8rem;
}
.card{
  border:0;
}
body, html{
  height: 100%;
  font-family: 'PublicSans ligth';
  color: #05232D;
}
.inactivo{
  background-color: #d1cacc;
}
.titulo{
  color:white;
  font-family: 'PlayfairDisplay';
  font-weight: bold;
  font-size: 3.5rem;
  text-shadow: 3px 3px #0054a1;
}
.subtitulo{
  font-size: 1.5rem;
}

.input-group-text{
  background-color: #0AE591;
}

.inputLogin{
  background-color:white;
  color: #808691;
  border: 0;
  padding-left: 0.5rem;
}


.topLogin{
  height: 0.2rem;
  background-color: #05232D;
  padding:0;
  margin:0;
}

.textoNickname{
  text-align: center;
  margin-bottom: 1rem;
}

.tituloRanking{
  color: white;
  margin-top:1rem;
  padding:0.25rem;
  text-align: center;
  font-family: 'PublicSans';
}
.resultado{
  font-family: 'PublicSans';
}

.descripcion{
  color:black;
  margin-bottom: 2rem;
  height: 70px;
  overflow: hidden;
}
.descripcion ul {
  padding-left: 1%;
}

.tituloJuego p{
  padding: 0.5rem;
  margin-top:5%;
  text-align: center;
  height: 70px;
  overflow: hidden;
  font-size: 1.2rem;
  color:#05232D;
  font-family: 'PublicSans-Bold';
}

.errorFormulario{
  color: #ba1134;
  font-size: 0.75rem;
  text-align: center;
  width: 100%;
}
.selectLogin{
  width: 50%;
}
.politicaPrivacidad {
  font-size: 0.65rem;
}
.form-check-input{
  margin-top:0.2rem;
}
.inputLogin{
  width: 50%;
}
/*
.container-fluid{
  padding-right:10%;
  padding-left: 10%; 
}
*/
.desactivado{
  opacity:0.5;
}

.img_s{
  width: 20%;
}

.sizeL{
  width: 70%;
}
.sizeXS{
  width:10%;
  margin-top:3%;
}
.sizeS{
 width:10%; 
}
.size15{
  width:15%; 
}
.retitula{
  line-height: 1.6;
}
.lineasImg{
  margin-top: -0.6rem;
}
.imgCabecera{
  width:100%;
}

.textformulario{
  color:white;
  font-size: 1.2rem;
  margin-bottom:0.3rem;
}

.margin90{
  margin-left: 90%;
}
.ulMenu{
  list-style: none;
  font-size: 1.5rem;
  font-weight: bold;
}
/*
.ulMenu a:hover{
  background-color:#0AE591;
  color:white; 
}
*/
.container-fluid{
padding-left: 15%;
padding-right: 15%;
}
@media only screen and (max-width: 600px) {
  .imgCabecera{
    width:50%;
  }
  .col{ /* Listado de juegos (HOME) uno debajo de otro */
    flex-basis: auto;
  }
  .tituloJuego p, .descripcion{
    height: auto;
    margin-bottom:0;
  }
}

#upload_fondo, #upload_logo{
  opacity: 0;
}

#upload_label_logo, #upload_label_fondo{
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}

.image-area {
  border: 2px dashed rgba(255, 255, 255, 0.7);
  padding: 1rem;
  position: relative;
}

.image-area img {
  z-index: 2;
  position: relative;
}

.w100px{
  width: 100px;
}

.maxWitthAuto{
  max-width: 90%;
  width: auto !important;
}

.img-fluid-home{
  width: 100%;
  height: auto;
}

.activeBg{
  color:black;
  background-color: #e6fcf4;
}

.notalistavalores{
  font-size: 0.75rem;
  display: none;
}

.notaEsLogin, .notaEsRanking{
  font-size: 0.75rem;
}

.table td, .table th{
  vertical-align: middle;  
}

.modal-header{
  /*#05232D;*/
  background-color:#e6fcf4;
  /*background-color: rgba(5,35,45,0.85);
  color: white;*/
}
.navbar-brand{
  padding:0;
}

@media (min-width: 768px) {
	.cajaLogin {
		flex: 0 0 35% !important;
		max-width: 35% !important;
	}
	.cajaLogin .inputLogin, .cajaLogin .btn {
		font-size: 1.1rem;
	}
	.cajaLogin label {
		font-size: 1rem;
	}
	.politicaPrivacidad label {
		font-size: 0.8rem;
	}
}
@media (min-width: 1500px) {
	.cajaLogin {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
	.cajaLogin .card-header {
		font-size: 1.8rem;
	}
	.cajaLogin .textformulario {
		font-size: 1.5rem;
	}
	.cajaLogin .inputLogin, .cajaLogin .btn {
		font-size: 1.3rem;
	}
	.cajaLogin label {
		font-size: 1.2rem;
	}
	.politicaPrivacidad label {
		font-size: 1rem;
	}
}