* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#Recordar {
	margin-top: 10px;
	margin-left: 50px;
}

body {
	width: 100vw;
	height: 100vh;
	font-family: Ubuntu;
	background: #2c3e50;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #3498db, #2c3e50);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #3498db, #2c3e50);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.swal-wide {
	width: 92vw !important;
	height: 92vh !important;
	background: rgba(255, 255, 255, 0.9);
	font-size: 20px;
	color: #000 !important;
}

.swalImage {
	width: 700px;
}

.seminarioImagesBox {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}

.seminarioImagesBox > img {
	width: calc(50% - 20px);
	height: calc(50% - 20px);
}

.seminarioImg {
	height: calc(100% - 20px);
}

.seminarioBox {
	width: 100%;
	height: 80vh;
	display: flex;
}

.seminarioBox img {
	margin: 10px;
	border-radius: 5px;
}

#Notifications {
	width: 100%;
	height: 50px;
	color: #fff;
	background: #77dd77;
	display: none;
}

#Login_Form {
	width: 25vw;
	height: 55vh;

	background: rgba(255, 255, 255, 0.99);
	box-shadow: 3px 3px 50px #555;
	border-radius: 50px;
}

.Button_Login {
	width: 100%;
	height: 55px;
	background: #333;
	border: none;
	outline: none;
	font-size: 19px;
	color: #fff;
	position: absolute;
	bottom: 0;
	cursor: pointer;
}

.Form_Box {
	width: 400px;
	height: 500px;
	background: #f9f9f9;
	box-shadow: 3px 3px 30px #333;
}

.Pac_Logo_Box {
	width: 100%;
	height: 90px;
	padding: 18px;
	background: #fff;
	border-bottom: 2px solid #ddd;

	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}

.Pac_Logo_Box > img {
	height: 100%;
}

form {
	width: 100%;
	height: calc(100% - 90px);
	position: relative;
}

.Input {
	width: 80%;
	height: 50px;
	margin: 50px 10% 20px 10%;
	padding-left: 65px;
	font-size: 17px;
	background: #f9f9f9;
	color: #333;

	border: none;
	border-bottom: 1px solid #ccc;
}

.Email_Input {
	background-size: 30px 20px;
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-image: url(Email_Icon.png);
}

.Password_Input {
	background-size: 25px 30px;
	background-repeat: no-repeat;
	background-position: 17.5px 10px;
	background-image: url(Password_Icon.png);
}

.Input:focus {
	outline: none;
	border-color: #333;
}

.app {
	text-decoration: none;
	margin: 25px;
	width: 200px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.app > h1 {
	width: 125px;
	height: 100px;
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(33, 33, 33, 0.2),
		0 6px 20px 0 rgba(33, 33, 33, 0.19);
	color: #fff;
	font-size: 65px;
	line-height: 100px;
	text-align: center;
}

.app > p {
	width: 100%;
	text-align: center;
	font-size: 22px;
	padding: 10px 0;
	color: #000;
}

.color1 {
	background: #ff756d;
}

.color2 {
	background: #85de77;
}

.color3 {
	background: #87dcc0;
}

.color4 {
	background: #998ad3;
}

.color5 {
	background: #88bbe4;
}

.color6 {
	background: #666;
}

.color7 {
	background: #fdf9c4;
}

.color8 {
	background: #ffdac1;
}