@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif
}

body {
   
		background: linear-gradient(to top, #c9c9ff 50%, #9090fa 90%) no-repeat margin: 0;
		padding: 0;
		width: 100vw; /* Ancho del viewport */
		height: 100vh; /* Altura del viewport */
		
	
}

.container {
    margin: 50px auto
}

.panel-heading {
    text-align: center;
    margin-bottom: 10px
}

#forgot {
    min-width: 100px;
    margin-left: auto;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.form-inline label {
    padding-left: 10px;
    margin: 0;
    cursor: pointer
}

/*.btn.btn-primary {
    margin-top: 20px;
    border-radius: 15px
}*/

.panel {
    min-height: 380px;
    box-shadow: 20px 20px 80px rgb(218, 218, 218);
    border-radius: 12px
}

.input-field {
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #dc3545
}


.input-field2 {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #dc3545
}



/*input[type='text'],
input[type='email'],
input[type='password'] {
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%

}*/

.fa-eye-slash.btn {
    border: none;
    outline: none;
    box-shadow: none
}

/*img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    position: relative
}*/

a[target='_blank'] {
    position: relative;
    transition: all 0.1s ease-in-out
}

.bordert {
    border-top: 1px solid #aaa;
    position: relative
}

.bordert:after {
    content: "or connect with";
    position: absolute;
    top: -13px;
    left: 33%;
    background-color: #fff;
    padding: 0px 8px
}




/*
.modal-dialog {
  max-width: 1000px !important;
  margin: 1.75rem auto;
}*/

.select2{
		max-width: 100%;
	}

.select2-selection{
	
	height:37px !important;
	
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    
}

.mayuscula {
	text-transform: uppercase !important;
	}
.swal2-popup {
  font-size: 12px !important;
}



.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
		color: #dc3545 !important;
	}
.has-error .form-control {
	border-color: #dc3545 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}


.has-success .form-control:focus {
	border-color: #28a745 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 !important;
}

.has-success .form-control-feedback {
	color: #28a745 !important;
}

	
.has-success .form-control {
	border-color: #28a745 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}


#centrar{
  margin: auto;
}
@media(max-width: 767px) {
    #forgot {
        margin-left: 0;
        padding-top: 10px
    }

    

    .container {
        margin: 30px 0
    }

    .bordert:after {
        left: 25%
    }
	
	.centrar2{
	 left: 30%;
	}
	
	
	
}

.centrar {
    background-image: url("../img/fondo.jpg") !important;
     background-size: cover; /* Hace que la imagen cubra todo el área del elemento */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    
}

.has-error .select2-container--default .select2-selection--single {
    border-color: #dc3545;
	
}
.has-success .select2-container--default .select2-selection--single {
    border-color: #28a745;
	
}
.has-error .form-control-feedback  {
  color: #dc3545 !important;
 
}

@media only screen and (max-width: 767px) {
  .alcentro {
    text-align: center; /* Centrar el contenido */
	display: block; /* Mostrar la imagen como bloque */
    margin: 0 auto; /* Centrar la imagen horizontalmente */
  }

  .footer {
      
      bottom: 0;
      width: 100%;
      display: flex;
      align-items: center; /* Alinea verticalmente */
      justify-content: flex-start; /* Alinea horizontalmente a la izquierda */
    }	
 
}

.medio {
    text-align: center; /* Centrar el contenido */
	display: block; /* Mostrar la imagen como bloque */
    margin: 0 auto; /* Centrar la imagen horizontalmente */
  }
  
  
  .footer {
      
      bottom: 0;
      width: 70%;
      display: flex;
      align-items: center; /* Alinea verticalmente */
      justify-content: flex-start; /* Alinea horizontalmente a la izquierda */
    }
    .footer img {
      max-width: 100%;
      height: auto;
    }
	
	
 .centrar2{
	 left: 30%;
 }