body, .panel-body{background:#0D203A;overflow: hidden;}
		#loadingdiv {
			background-color: transparent !important;
		}
		@media only screen and (min-width: 981px) {
			#login-form .panel-body, #login-form form{
				padding-bottom:0;
			}
			#login-form .panel {
				margin-bottom:0;
			}
			#login-form{
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				position: absolute;
				overflow: hidden;
			}
			.focused-form .login-logo {
				margin-top: 0px;
				margin-bottom: 20px;
			}
		}
		.panel{
			border:0;
			padding: 0;
		}
		.login-logo img {
			height: 56px;
			width: auto;
		}
		.input-group-addon, .form-control{
			border-radius: 20px;
		}
		.form-control{
			border: 0;
			background:#445671;
			color:#FFFFFF;
		}
		.form-control:focus{
			background:#445671;
			color:#FFFFFF;
			border:0;
			outline:0;
			box-shadow:none !important;
		}
		.input-group-addon{
			padding:0;
			border: 0;			
			background-color:#445671 !important;
		}		
		.fa-user:before, .fa-key:before, .fa-phone:before{
			color:#F6F6F8;
		}
		.fa-user, .fa-key, .fa-phone{
			width: 25px;
			height: 25px;
			background: #96A6BE;
			text-align: center;
			padding: 0;
			border-radius: 45px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: 4px;
		}
		.form-group {
			margin-bottom: 18px;
		}
		.signin{
			width: 100%;
			height: 32px;
			border-radius: 45px !important;
			background: #95A6C2  !important;
			color:#5C679A;
			border:1px solid #95A6C2 !important
		}
		.signup{
			width: 100%;
			height: 32px;
			border-radius: 45px !important;
			background: #37A8F1  !important;
			color:#FFFFFF;			
		}
		.f_left{
			display:inline-block;
			float:left;
			width:50%;
			color:#FFFFFF;
		}
		.f_right{
			display:inline-block;
			float:right;
			width:50%;
			color:#FFFFFF;
			text-align: right;
		}
		.forgot_pass_container{
			padding-top:5px;
		}
		
		/* The container */
.f_left .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.f_left .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.f_left .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.f_left .container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.f_left .container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.f_left .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.f_left .container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.f_left .container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.round{
	padding-left: 36px;
}