body {font-family: 'Inter', sans-serif; color: #222222; font-weight: 500; overflow-x: hidden; -webkit-overflow: hidden; display: block; position: relative;}
a, a:hover { text-decoration: none; }

button, a, input { transition: 0.5s all; }
button:focus { border: none !important; box-shadow: none !important; outline: none !important; }
h1, h2, h3, h4, h5, h6, p, a { font-family: 'Inter', sans-serif; }
.page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/*Color*/
:root { 
	--dark-blue: #284199;
	--dark-blue1: #0F5DAA;
	--blue: #0771B9;
	--light-blue: #1899D4;
	--black: #222222;
	--white: #ffffff;
}
body.login {
	background: url(../images/background.jpg) fixed;
	width: 100%;
	min-height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: stretch;
}
body.login:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;/* background: #0f5daa; */z-index: -1;mix-blend-mode: hard-light;opacity: 0.25;background: rgb(3,51,158);background: -moz-linear-gradient(47deg, rgba(3,51,158,1) 0%, rgba(19,155,201,1) 100%);background: -webkit-linear-gradient(47deg, rgba(3,51,158,1) 0%, rgba(19,155,201,1) 100%);background: linear-gradient(47deg, rgba(3,51,158,1) 0%, rgba(19,155,201,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03339e",endColorstr="#139bc9",GradientType=1);}
/* body.login:after {content: '';position: absolute;left: 0;width: 100%;} */
.wraper.login_application {/* background-image: url('../images/background.jpg'); *//* background-size: cover; */position: relative;display: block;/* position: fixed; */width: 100%;/* height: 100%; *//* border: 25px solid #ffffff; */padding: 35px;}
.logo {/* max-width: 230px; */margin-bottom: 60px;/* width: 55%; */}
.logo img {
	max-width: 230px;
	margin-bottom: 30px;
	width: 55%;
}
.login_box {width: 100%;max-width: 100%;background: rgb(238 240 247);height: 100%;display: flex;flex-direction: column;padding: 25px 25px 55px;justify-content: center;text-align: center;align-items: center;overflow-y: auto;max-width: 1000px;z-index: 4;box-shadow: 0px 0px 100px 0px rgb(28 53 64);margin: 0 auto;border-radius: 10px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(5px);background-color: rgb(255 255 255 / 65%);}
.login_form {width: 100%;margin-top: 0px;}
.login_form .h2_title {/* text-transform: uppercase; */font-weight: 600;margin-bottom: 0;font-size: 25px;}
.login_form form#Login {text-align: left;max-width: 580px;margin: 0 auto;width: 95%;}
.login_form form#Login .form-group {margin: 20px 0; display: block; position: relative; z-index: 0; } 
.login_form form#Login .form-group i {position: absolute;right: 0;width: 75px;text-align: center;font-size: 23px;    line-height: 55px;opacity: 0.2;z-index: 0;color: #5b7289;}
.form-group .form-control {height: 55px;border: 1px solid rgb(40 65 153 / 20%);outline: none;box-shadow: none;font-size: 17px;color: var(--black);padding:.375rem 1.1rem;background: rgb(255 255 255);z-index: 0;}
.form-group .form-control:focus { border-color: var(--dark-blue); }
.forgot {text-align: right;margin-bottom: 18px;margin-top: -10px;}
.forgot a { color: #000000; font-size: 14px; text-decoration: underline; }
.login_box .btn-primary, .login_box .other_box a {background: var(--dark-blue1);color: var(--white);border: none;letter-spacing: 0.5px;}

.btn-primary {font-weight: 600;padding: 12px 50px;border-radius: 5px;width: 180px;font-size: 15px;display: block;margin: 0 auto;text-transform: uppercase;margin-bottom: 5px;}
.submit_btn {width: 210px; font-size: 15px; float: right; }
.password_icon {position: absolute;right: 15px;top: 17px;font-size: 16px; z-index:3;}


.login_form form#Login .form-group:last-child {margin-bottom: 0;}
.footer {position: absolute; bottom: 20px; text-align: center; left: 0; right: 0; font-size: 18px; }
.footer p a {color: #284199; font-weight: 600; }
.footer p { font-size: 18px; }
.login_box h1.h2_title {
	font-weight: 400;
	margin-bottom: 15px;
	font-size: 30px;
}