html, body, iframe{
  /*background: url(../img/login/Fondo.png) no-repeat center center fixed;*/
  background: url(../img/login/fondo.jpg) no-repeat center center fixed;
  background-color: #425a698a;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.jumbotron{
	background-color: transparent;
}

.card{
	background-color: #425A69;
    opacity: 0.76;
    border-radius: 15px;
}

.card .btn{
	border-radius: 20px;
}

footer{
	color: white;
    width: 100%;
   
}

#numempl-error{
	text-align: center;
	color: #ffffff;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.background-header{
		content:url("../img/login/header_small.png");
	}

	.background-footer{
		content:url("../img/login/footer_small.png");
	}

	.card{
		background-color: #425a6900;
    	border: 1px solid rgba(0,0,0,0);
	}

	.text-title{
		font-size: 1.2em;
		color: #003050 !important;
	}

	.error{
		text-align: center;
		color: #003050;
	}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

	.card{
		background-color: #425a6900;
    	border: 1px solid rgba(0,0,0,0);
	}

	.text-title{
		font-size: 1.2em;
		color: #003050 !important;
	}

	.card-body{
		margin-top: 1em !important;
		margin-bottom: 1em !important;
	}

	/*footer {
	    color: white;
	    width: 100%;
	    position: absolute;
	    bottom: auto;
	    left: 0;
	}*/

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.card{
		background-color: #425A69;
	    opacity: 0.76;
	    border-radius: 15px;
	}

	.card-body{
		margin-top: 3em !important;
		margin-bottom: 3em !important;
	}

	.text-title{
		font-size: 2em;
		color: white !important;
	}

	/*footer {
	    color: white;
	    width: 100%;
	    position: absolute;
	    bottom: auto;
	    display: none;
	    left: 0;
	}*/
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	/*footer{
		bottom: 0;
	    display: block;
	    left: 0;
	}*/
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	/*footer{
		bottom: 0;
	    display: block;
	    left: 0;
	}*/
}
html,
.swal2-content,
.swal2-title{font-size:16px;}
@media screen and (min-width:320px){
  html,
  .swal2-content,
  .swal2-title{font-size:calc(18px + 6 * ((100vw - 320px) / 680));}
}
@media screen and (min-width:1000px){
  html,
  .swal2-content,
  .swal2-title{font-size:18px;}
}

html, body{
	min-height: 100vh;
}