/* Login Start */

.login-full-screen .middle-content-section {
	text-align: center;
	color: #fefefe;
	font-family: "GothamRounded";
	z-index: 50;
	max-width: 1200px;
}
.login-full-screen .top-bar .menu a {
	color:#fefefe;
	transition:color .5s ease
}
.login-screen .top-bar .menu a {
	color:#fefefe;
	transition:color .5s ease
}
.login-full-screen .top-content-section {
	width: 100%;
	background: #3f8dd7;
}
.login-full-screen .bottom-content-section {
	padding: 1rem;
	z-index: 50;
}
.login-full-screen .bottom-content-section svg {
	height: 3.75rem;
	width: 3.75rem;
	fill: #fefefe;
}
.login-full-screen .top-bar {
	background: transparent;
}

.login-full-screen .top-bar .menu {
	background: transparent;
}

.login-full-screen .top-bar .menu-text {
	color: #fefefe;
}
.login-full-screen .top-bar .menu li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	  -ms-flex-align: center;
		  align-items: center;
}
.login-full-screen .top-bar .top-bar-left .menu a {
	color: #fefefe;
	font-weight: 400;
	transition: color 0.5s ease;
}
.login-full-screen .top-bar .menu .is-active a {
	font-weight: 700;
}
.login-full-screen .top-bar .menu .is-active > a {
    background: transparent;
    color: #fefefe;
}
.login-full-screen .middle-content-section {
	text-align: center;
	color: #fefefe;
	font-family: "GothamRounded";
	z-index: 50;
}
.login-full-screen .logo {
	font-family: "GothamRounded";
	padding: 0px !important;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.login-full-screen .logo img {
	width: 40px;
	margin: 0 15px 0 0;
}

/* Login form start */
.divLoginForm {
	background: #FFFFFF;
	text-align: left;
	max-width: 320px;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 80px;
}
.divLoginForm .imsa-heading {
	background: #3f8dd7;
	position: relative;
	border-bottom: 3px solid #3f8dd7;
	border-radius: 10px 10px 0 0;
}
.divLoginForm .imsa-heading h1 {
	font-weight: 700;
	font-size: 1.1rem;
	margin: 0;
	padding: 15px 10px 12px 80px;
	letter-spacing: -0.03rem;
	color: #fff;
	line-height: 20px;
}
.divLoginForm .imsa-heading h1 small {
	color: #fff;
	font-weight: 300;
}
.divLoginForm .imsa-heading .imsa-heading-icon {
	background-repeat: no-repeat;
    background-image: url(../images/logo/logo_University_2020-02.png);
    width: 55px;
	height: 50px;
	position: absolute;
	left: 15px;
	top: 11px;
	background-size: contain;
}
.divLoginForm .imsa-title-icon {
	width: 28px;
	height: 19px;
	position: absolute;
	left: 10px;
	top: 16px;
}
.imsa-massage {
	background: #c7847fa3;
	color: #650000;
	border: none;
	font-weight: bold;
	font-size: 12px;
}
.imsa-massage .close-button {color: #ffffff;}
.imsa-massage .close-button:hover, .imsa-massage .close-button:focus {
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
.divLoginForm .imsa-group {
	position: relative;
	margin: 25px 25px;
	width: 270px;
}
.divLoginForm .imsa-group input {
	background: none;
	color: #2f2c2c;
	font-size: 16px;
	padding: 10px 0px 0px 0px;
	display: block;
	width: 270px;
	font-weight: 500;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #c6c6c6;
	height: 46px;
	margin: 0;
}
.divLoginForm .imsa-group input:focus {
	outline: none;
	border: none;	
	border-bottom: 1px solid transparent;
}
.divLoginForm .imsa-group input[type="email"] {
	background: none;
	color: #444;
	font-size: 16px;
	padding: 10px 0px 0px 0px;
	display: block;
	width: 270px;
	font-weight: 700;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #c6c6c6;
	height: 46px;
	margin: 0;
}
.divLoginForm .imsa-group input[type="email"]:focus {
	outline: none;
	border: none;	
	border-bottom: 1px solid transparent;
}
.divLoginForm .imsa-group input:focus ~ .bar:before {width: 270px;}
.divLoginForm .imsa-group input[type="password"] {letter-spacing: 0.1em;}
.divLoginForm .imsa-group label {
	top: -4px;
	color: #3f8dd7;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 0px;
	-webkit-transition: 300ms ease all;
	transition: 300ms ease all;
}
.divLoginForm .imsa-group input:invalid {
 	box-shadow: none;
}
.divLoginForm .imsa-group .bar {
	position: relative;
	display: block;
	width: 300px;
}
.divLoginForm .imsa-group .bar:before {
	content: '';
	height: 2px;
	width: 0;
	bottom: 0px;
	position: absolute;
	background: #3f8dd7;
	-webkit-transition: 300ms ease all;
	transition: 300ms ease all;
	left: 0%;
}
.divLoginForm .imsa-group .eye, .divLoginForm .imsa-group .eye-slash {
	position: relative;
	display: block;
	cursor: pointer;
}
.divLoginForm .imsa-group .eye:before {
	color: #3f8dd7;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f06e";
	right: 0;
	position: absolute;
	top: -29px;
	width: 25px;
	height: 25px;
}
.divLoginForm .imsa-group .eye-slash:before {
	color: #3f8dd7;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f070";
	right: 0;
	position: absolute;
	top: -29px;
	width: 25px;
	height: 25px;
}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {box-shadow: none;}
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {box-shadow: none;}
.divLoginForm .btn-submit {
	background: #3f8dd7;
	margin: 0 10px 0 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.02rem;
	border-radius: 10px;
}
.divLoginForm .imsa-btn-box .btn-submit:hover {background: #3f8dd7;}
.divLoginForm .imsa-btn-box a {
	color: #777777;
	font-size: 12px;
	font-weight: 700;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	padding: 10px 0;
}
.divLoginForm .imsa-btn-box a:hover {
	color: #1A2640;
	text-decoration: underline;
}
.divLoginForm .imsa-btn-box a:focus {color: #1A2640;}
.divLoginForm .imsa-btn-box {
	margin: 0;
	padding: 0 25px 30px;
}
.divLoginForm .imsa-btn-box {
	margin: 0;
	padding: 0 25px 30px;
}
.divLoginForm .imsa-comment-box {
	background: #3f8dd7;
	margin: 0;
	padding: 15px 25px 15px;
	border-top: 3px solid #3f8dd7;
	border-radius: 0 0 10px 10px;
}
.divLoginForm .imsa-comment-box p {
	color: #ffffff;
	font-size: 0.8rem;
	margin: 0;
}
.divLoginForm .imsa-comment-box a {
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	-webkit-transition: all;
	transition: all 0.3s;
	padding: 10px 0;
}
.divLoginForm .imsa-comment-box a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Login social links start */
.social--links {
	margin: 25px 0 0;
	font-size: 24px;
}
.social--links li {border-right: 1px solid #3f8dd7;}
.social--links li:last-child {border-right: none;}
.social--links a {
	color: #3f8dd7;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0.3rem 1rem;
}
.social--links a:hover {color: #1A2640;}

/* Login copyright start */
.imsa-branding {
	color: #3f8dd7;
	font-size: 11px;
	cursor: default;
	font-weight: 700;
}
.imsa-branding strong {
	color: #057BBF;
	font-size: 11px;
}
.imsa-branding strong a {text-decoration: none;}
.imsa-branding strong a::before {
	content: "01101000011000010111001001101001001000000110010001100001011011100110010101110110011100110110101101101001001000000010110100100000001100010010111100110001001110010010111100110010001100000011000100111001";
	position: absolute;
	display: none;
	visibility: hidden;
}
.inactiveLink {
   pointer-events: none;
   cursor: default;
}
.divLoginForm .imsa-btn-box input[type=checkbox] { display:none; }
.divLoginForm .imsa-btn-box label {
	font-family: "GothamRounded";
	color: #3f8dd7;
	font-size: 13px;
	font-weight: 400;
	position: relative;
	margin-left: 61px;
}
.divLoginForm .imsa-btn-box label:hover {
	color: #1A2640;
	text-decoration: underline;
}
.divLoginForm .imsa-btn-box input[type=checkbox] + label::after {
	display: inline-block;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	padding: 10px 0;
}
.divLoginForm .imsa-btn-box input[type=checkbox] + label::after {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f14a"; 
	position: absolute;
	right: -35px;
	top: -13px;
	font-size: 16px;
	color: #3f8dd7;
}
.divLoginForm .imsa-btn-box input[type=checkbox] + label::after { letter-spacing: 10px; }
.divLoginForm .imsa-btn-box input[type=checkbox]:checked + label::after { content: "\f0c8"; }
.divLoginForm .imsa-btn-box input[type=checkbox]:checked + label::after { letter-spacing: 10px; }


@media only screen and (max-width: 320px) {
	.divLoginForm {
		max-width: 300px;
		margin-top: 20px;
	}
	.login-full-screen {
		height: 100% !important;
	}
}