/* current login */
body,
html {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #ecf0f5 !important;
	/* background: #ef5350 !important; */
}

.login-container{
	justify-content: center;
	align-content: center;
	height: 125vh;
	background: var(--gradient1) !important;
}

.login-card{
	min-height: 500px;
	min-width: 450px;
	/* border: 1px solid var(--primary-color); */
	border-radius: .25rem !important;
}

.login-card .card-body h3{
	font-size: 26px;
}

.system-logo{
	display: flex;
	justify-content: center;
}

.brand_logo {
	height: 170px;
}

.form-control{
	min-height: 40px !important;
}

.btn-custom{
    background: var(--primary-color);
    color: var(--text-color-white) !important;
}

.btn-custom:hover{
    background: transparent;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
}

.input-group-text {
	background: var(--gradient1) !important;
	color: var(--text-color-white);
	border: 0 !important;
	border-radius: 0.25rem 0 0 0.25rem !important;
}

.input_user,
.input_pass:focus {
	box-shadow: none !important;
	outline: 0px !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--primary-color) !important;
	color: var(--primary-color);
}

.d-flex {
	position: relative;
}

.custom-control-label,
.text-center {
	font-size: 16px;
	color: black !important;
}
@media (max-width: 1023px) {
	.user-card {
		width: unset !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-direction: column !important;
	}

	.d-flex {
		display: flex !important;
	}
}

/* end current login  */


/* no use */
/* .user_card { */
	/* min-height: 500px; */
	/* min-width: 450px; */
	/* margin-top: auto; */
	/* margin-bottom: auto; */
	/* background: #fff; */
	/* background: #f39c12; */
	/* position: relative; */
	/* display: flex; */
	/* justify-content: center; */
	/* flex-direction: column; */
	/* padding: 10px; */
	/* top: 210px; */
	/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
	/* -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
	/* -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
	/* border-radius: 5px; */
	/* background: #000c30; */
/* } */
/* .brand_logo_container { */
	/* position: absolute; */
	/* height: 120px; */
	/* width: 100%; */
	/* top: 50%;  */
	/* Center vertically */
	/* left: 52%;  */
	/* Center horizontally */
	/* transform: translate(-50%, -50%);  */
	/* Center both vertically and horizontally */
	/* border-radius: 50%; */
	/* padding: 10px; */
	/* text-align: center; */
/* } */
/* .login_btn {
	width: 100%;
	background: #242a33 !important;
	color: white !important;
}

.login_btn:focus {
	box-shadow: none !important;
	outline: 0px !important;
} */
/* .form_container {
	margin-top: 100px;
}
.login_container {
	padding: 0 2rem;
}
h2 {
	color: var(--text-color);
	top: -42px;
	position: relative;
} */
/* .custom-control-label,
.fas {
	color: #fff;
} */
/* .title {
	position: relative;
	left: 165px;
}

.title .title1 {
	position: relative;
	top: 27px;
}

.title .title2 {
	position: relative;
	right: -6px;
	top: 16px;
}

.title h2 {
	font-size: 30px;
	font-weight: 600;
}
form#keycode{
	display: none;
} */