@charset "UTF-8";
/* CSS Document */
body {
  display: flex; /* Aquí se aplica el display flex al cuerpo de la página */
  justify-content: center; /* Aquí se centra horizontalmente el contenido del cuerpo */
  align-items: center; /* Aquí se centra verticalmente el contenido del cuerpo */
  background-color:rgb(90,95,54);  
  font-family: 'Ubuntu', sans-serif;
}
h1{
	font-family: 'Ubuntu', sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    color: #676766;}
    
p{
	font-family: 'Ubuntu', sans-serif;
    font-size: 0.9em;
    font-weight: 300;
    color: #676766;}

i{
    color: #676766;
    padding: 0px 5px;
}

input[type="text"], input[type="password"], .usuario{
	padding: 15px;
    border-radius: 0;
    border: none;
    margin-bottom: 20px;
    background-color: #f8f7f9;
    color: #666666;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1em;
}
input[type="submit"] {
    background-color: rgb(90,95,54);
    color: white;
    padding: 20px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
   font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1em;
    margin: 20px 0px;}
    
input[type="submit"]:hover {
    background-color: #fbba00;
    color:#ffffff;}

form {
  display: flex;
  flex-direction: column;}

label {
  margin-bottom: 10px;}
  
td,tr{
    text-align:center;}

table{
    background-color: rgb(255,255,255);
    border-radius: 10px; }
.logo{
    width:200px; 
    height:100px;
    margin-top: 50px;
    position: absolute;
    top: 0;  
    text-align: center;left: 50%;
    transform: translateX(-50%);}
.boton-1 {
  background-color: #fbba00;
  color:#ffffff;
  border: none; 
  text-align: center; 
  border-radius: 100px;
  width: 200px;
  height: 60px;
  padding: 15px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  font-size: 1em;
  margin: 0 auto;}

.boton-2 {
    background-color: #5f643b;
  color:#ffffff;
  border: none; 
  text-align: center; 
  border-radius: 100px;
  width: 200px;
  height: 60px;
  padding: 15px;
  margin-bottom: 10px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  font-size: 1em;
  margin: 0 auto;}

.boton-1:hover {
    background-color: #5f643b;
    cursor: pointer;}

.boton-2:hover {
    background-color:#fbba00;
    cursor: pointer;}
    
.container {
    width: 400px;
    padding: 180px 20px 40px 20px;
    border: none;
    border-radius: 15px;
    background-color: rgb(255,255,255);
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 170px;
    margin-right: 30px;
    margin-bottom: 1px;
    margin-left: 30px;
    background-image: url(https://anitacarga.com.co/admin/imagenes/BackgroundLogin.png);
    background-repeat: no-repeat;
    background-size: contain;}
    
.amarillo{ color:rgb(251,186,0);}
.gris{ color:rgb(153,153,153);    }
.colorppal{background-color:rgb(90,95,54);}
.grisclaro{color:rgb(189, 195, 199);}
.interno{
padding: 200px 200px;
}
	
.google-button{
    text-align: center; ; 
    border:none; background-color:transparent;}
.facebook-button{
    text-align: center;  
    border:none; background-color:transparent;}
.buttons-container {
  display: flex;
  justify-content: center;}


/* Estilos del Boton google*/
.g_id_signin {
  background-color: #fff;
  border-radius: 50%;
  padding: 12px;
 /* box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); */
}

.g_id_signin span {
  display: none;
}
.button::before {
 content: "+";
 font-size: 20px;
 line-height: 20px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);}