body {
		  background:#F3F7FD;
	}
        
          
	.modal-login {
		//min-width:512px;
        margin: 0 auto;
        //font-family: 'VarelaRound', sans-serif;
		font-family: Poppins-Regular, sans-serif;
	}
	.modal-login .modal-content {
		//padding: 20px;
		border-radius: 5px;
		border: none;
		
	}
	.modal-login .modal-header {
		border-bottom: none;
        position: relative;
		justify-content: center;
	}
	.modal-login .close {
        position: absolute;
		top: -10px;
		right: -10px;
	}
	.modal-login h4 {
	    font-family: VarelaRound-Regular;//Poppins-Regular;// 
		color: #636363;
		text-align: center;
		font-size: 26px;
		margin-top: 0;
		border-bottom: 3px solid #5cd3b4;
	}
	.modal-login .modal-content {
		//color: #999;
		color: #636363;
		border-radius: 5px;//###
    	margin-bottom: 15px;
        background: #fff;
		border: 1px solid #f3f3f3;
       // box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding: 25px;
         box-shadow: 0px -2px 19px 4px rgba(0, 0, 0, 0.29);
    }
	.modal-login .form-group {
		margin-bottom: 20px;
	}
	.modal-login label {
		font-weight: normal;
		font-size: 13px;
	}
	.modal-login .form-control {
		min-height: 38px;
		padding-left: 5px;
		box-shadow: none !important;
		border-width: 0 0 1px 0;
		border-radius: 0;
		font-size: 16px;
	}
	.modal-login .form-control:focus {
		border-color: #19aa8d;//teal;//#DC143C;//#ccc;
	}
	.modal-login .input-group-addon {
		max-width: 42px;
		text-align: center;
		background: none;
		border-width: 0 0 1px 0;
		padding-left: 5px;
		border-radius: 0;
	}
    .modal-login .btn { 
	    font-family: VarelaRound-Regular;       
        font-size: 16px;
		background: #19aa8d;
        border-radius: 3px;
		border: none;
		min-width: 140px;
        outline: none !important;
    }
	.modal-login .btn:hover, .modal-login .btn:focus {
		background: #179b81;
	}
	 }
	.modal-login .btn:hover, .modal-login .btn:disabled {
		background: #fff;
	}
	.modal-login .hint-text {
		text-align: center;
		padding-top: 5px;
		font-size: 13px;
	}
	.modal-login .modal-footer {
		color: #999;
		border-color: #dee4e7;
		text-align: center;
		margin: 0 -25px -25px;
		font-size: 13px;
		justify-content: center;
	}
	.modal-login .icon-box {
		color: #fff;		
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -60px;
		width: 95px;
		height: 95px;
		border-radius: 50%;
		z-index: 9;
		background: #19aa8d;//#F0E68C;// #da2c12;////#82ce34;
		padding: 15px;//center 15px;
		text-align: center;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
	}
	.modal-login .icon-box i {
		font-size: 58px;
		position: relative;
		top: 3px;
	}
	.modal-login a {
		color: #fff;
		text-decoration: underline;
	}
	.modal-login a:hover {
		text-decoration: none;
	}
	.modal-login a {
		color: #19aa8d;
		text-decoration: none;
	}	
	.modal-login a:hover {
		text-decoration: underline;
	}
	.modal-login .fa {
		font-size: 21px;
	}
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}
	.modal-login.modal-dialog {
		margin-top: 80px;//###
		
	}
	.bs-msg{
    	margin: 0px;
		background-color:#F0E68C;
		text-align: center;
		border-radius: 10;
    }
	.status p{
	//padding: 10px;
	text-align: center;
	border: 1px dashed;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 10px;
    margin-top: -40px;
    height:100px;
    margin-left:5px;
	background-color: #fff;
	color: #fff;
}
p.success{
	color: #34A853;
	
}
p.error{
	color: #EA4335;
	border-radius: 25;
}