@import url('https://fonts.googleapis.com/css?family=Numans');

.l_container{
	height: 250px;
	align-content: center;
/*	display:none;*/
	font-family: 'Numans', sans-serif;
	position:fixed;
	top:300px;
	right:700px;
	z-index:6000;
	box-shadow: 0 0 10px -1px #ffffff;
   -webkit-box-shadow: 0 0 10px -1px #ffffff;
}

.card{
	height: 320px;
	margin-top: 5rem;
	margin-bottom: auto;
	width: 400px;
	background-color: rgb(39,48,64) !important;
	padding:1.5rem 0.5rem;
}

.card-header h3{
	color: white;
	padding: 9px 0 9px 10px;
	background: #025c7a;
}

.input-group-prepend span {
	width: 40px;
	background-color: #FFC312;
	color: black;
	border:0 !important;
	border-radius: 4px 0 0 4px;
	text-align:center;
	vertical-align:middle;
	font-size: 150%;
	padding-left: 10px;
}

input:focus {
	outline: 0 0 0 0  !important;
	box-shadow: 0 0 0 0 !important;
}

.remember {
	color: white;
}

.remember input {
	width: 20px;
	height: 20px;
	margin-left: 15px;
	margin-right: 5px;
	display: flex;
}

.login_btn {
	color: black;
	background-color: #FFC312;
	width: 100px;
}

.login_btn:hover {
	color: black;
	background-color: white;
}

.links {
	color: white;
}

.links a {
	margin-left: 4px;
}
.input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	margin-bottom: 15px;
}
.input-group-text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .48rem .7rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}
.input-group-prepend {
	margin-right: -1px;
	display: flex;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}
.align-items-center {
	-ms-flex-align: center!important;
	align-items: center!important;
}
.float-right {
	float: right!important;
}
.card-header {
	padding: .15rem 1.25rem;
	margin-bottom: 0;
	position: relative;
}
.social_icon {
	position: absolute;
	right: 25px;
	top: -5px;
}
.justify-content-end {
	-ms-flex-pack: end!important;
	justify-content: flex-end!important;
}
.social_icon span {
	font-size: 48px;
	margin-left: 10px;
	color: #FFC312;
}
.card-body {	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;

}
input.form-control {
   padding: 0 0.75em;
}