body{
    margin: 0;
    bottom: 0;
}
.backgrond{
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: radial-gradient(circle at -20% 120%, #364662, #504b6d, #6d4e72, #88526f, #9e5866, #ad635a, #b2724e, #ae8546); */
    background-image:radial-gradient(circle,#485b7a80, #b88e4b80),url(./img/form-fondo.png);
    background-position-x: center;
	background-position-y: center;
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: scroll;
    width: 100vw;
    height: 100vh;
}

.oculto{ display:none !important; }
.center{ text-align:center; }

.acceso {
    background-color:rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    padding: 10px;
}

.acceso .head .logo {
     width: 420px; 
}

label{
    display: inline-block;
    width: 150px;
    font-size:.95em;
    font-family:Arial;
    text-align:right;
  }

.acceso .login {
height: 300px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}

.cmd{
	display: inline-block;
	padding: 8px;
	background: white;
	margin: 0px 3px 0px 3px;
	text-decoration: none;
	color: black;
	transition: all 1s;
	position: relative;
    border-radius: 10px;
}

/* Botones */
.cmd:hover{
background: #223248;
color: white;
}

.cmd::before {
	content: "";
	display: block;
	width: 0;
	height: 5px;
	background:white;
	position: absolute;
	bottom: 0;
	transition: all 1s;
	margin-left: -8px;
    border-radius: 0px 0px 10px 10px;

  }

  .cmd:hover::before{
	  width: 100%;
  }

/* .acceso .login input {
} */
@media (max-width: 400px)  {
.acceso .frame {
    box-shadow: none;
    width: 100vw;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .acceso .head .logo {
       width: 100vw; 
  }

.acceso .login{
     justify-content: space-around;
     height: 80vh;
 }

 label{
    text-align: left;
    display: block;
    width: 200px;
    padding-left: 2px;
  }

}

.login-title{
	background: rgba(255, 255, 255, 0.5);
  border-radius: 10px; 
}

.txt{
  border-radius: 2px;
}


.toastX{ position:fixed; padding:1%; z-index:10001; top:30%; left:20%; width:60%; 
		display:inline-block; vertical-align:center; vertical-align:middle;
		background:rgba(255, 255, 255, 0.9); outline: medium none;
		border:2px solid rgb(119, 186, 206); border-radius:20px; -moz-border-radius:20px;
		box-shadow: 0px 2px 2px rgb(204, 204, 204) inset, 0px 0px 10px rgb(173, 220, 230); }
.toastX > .text{ width:100%; height:100%; 
 		 	display: flex; -ms-display: flex; align-items: center; text-align: center; justify-content: center; 
		font-size:220%; font-weight:bold; color:#000; 
		text-shadow: 0px 1px 0px rgb(255, 255, 255); }
		
.toastX.alert{ border-color:#ff0000;  }
.toastX.alert  > .text{ color:#BF0000;  }
.toastX.toastR{ border-color:#E32424; }
.toastX.toastR > .text{ color:#E32424; }