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

html,
body {
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
  background-image:url('fondo-web.jpg');
  background-size:cover;
  font-family:'Roboto';
}



.caja-inicio{
	width: 100%;
	  max-width: 400px;
	  padding: 35px;
	  margin: auto;
}

.form-signin {
  width: 100%;
  max-width: 400px;
  padding: 35px;
  margin: auto;
  background-color:rgb(0 0 0 / 75%);
  border-radius:15px;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="text"] {
  border-radius:15px;
  height: 40px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background-color:#3c3f43;
  border:1px solid #eeeeee;
  border-left:0px;
  color:#7f8183;
  font-size:13px;
  /*letter-spacing:1px;*/
}
.form-signin input[type="text"]::placeholder{color:#7f8183;font-size:13px;/*letter-spacing:1px;*/}

.form-signin input[type="email"] {
  border-radius:15px;
  height: 40px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background-color:#3c3f43;
  border:1px solid #eeeeee;
  border-left:0px;
  color:#7f8183;
  /*letter-spacing:1px;*/
  font-size:13px;
}
.form-signin input[type="email"]::placeholder {color:#7f8183;font-size:13px;/*letter-spacing:1px;*/}

.form-signin input[type="password"] {
  border-radius:15px;
  height: 40px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background-color:#3c3f43;
  border:1px solid #eeeeee;
  border-left:0px;
  color:#7f8183;
  font-size:13px;
}
.form-signin input[type="password"]::placeholder {color:#7f8183;font-size:13px;/*letter-spacing:1px;*/}

.form-check{color:#7f8183}
.check-terminos{
	border-radius: 50% !important;
    background-color: transparent;
    border: 2px solid #837e7a;
}

.campo-oscuro{
	background-color:#3c3f43;
	border:1px solid #eeeeee;
	color:#7f8183;
	border-radius:15px;
	/*letter-spacing:1px;*/
	font-size:13px;
}

.icono-input{
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	background-color:#525355;
	border-right:0px;
}

.texto-caja{
	color:#ffffff;
	font-size:18px;
	border-bottom:2px solid #ffffff;
	padding-bottom:6px;
	max-width:85%;
	margin:auto;
	text-align:	center;
}

.btn-blanco{
	background-color:#ffffff;
	border:1px solid #ffffff;
	color:#000000;
	width:40%;
	text-align:center;
	border-radius:10px;
	padding-top: 9px;
    padding-bottom: 9px;
	font-weight:bold;
	letter-spacing:1px;
	font-weight:bold;
}

.btn-blanco-registro{
	background-color:#ffffff;
	border:1px solid #ffffff;
	color:#000000;
	width:40%;
	text-align:center;
	border-radius:10px;
	padding-top: 9px;
    padding-bottom: 9px;
	font-weight:bold;
	letter-spacing:1px;
	font-weight:bold;
}

.selector-registro{
	background-image: url(fondo-select.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

.icono-login{
	color:#ffffff;
}

.aceptar-terminos{
	color:#cacbca;
	letter-spacing:1px;
}
.aceptar-terminos a{color:#0984b5}

.grecaptcha-badge {
	opacity:0 !important;
}