body, html { 
    height: 100%;
    background: #f0f2f5;
    color: #313e4c;
     margin: 0;
    }

a { color: #007AFF; font-size: 15px; }

a:hover, a:focus {
    color:#2a6496;
}

.text-white { color:#fff; }

.text-white-muted { color:rgba(255,255,255,0.50) }

.login-box {
    margin-bottom:10px;
    margin-top:10px;
}
.btn-gv-success { 
    background-image: none !important;
    height: 60px;
    border: 0px;
    background: #007AFF;
    font-size: 20px;
    text-shadow: none;
    border-radius: 20px;
    font-weight: 300;
}
.btn-gv-success:hover,
.btn-gv-success:focus,
.btn-gv-success:active { 
    background: #0064d2 !important;
    border:0;
}

.btn-add { background-image:none !important; padding:12px 20px; border:0px; background:#2196F3 !important;  color:#fff; text-shadow:none; border:0; }

.btn-add:hover {
	background:#1487E3 !important;  color:#fff !important;
	}

.login-logo {
    margin:0 20px 20px 20px
}

.panel {
    box-shadow: 2px 5px 5px 0px rgb(71 91 115 / 4%);
    -webkit-box-shadow: 2px 5px 5px 0px rgb(71 91 115 / 4%);
    border: 1px solid #e0e6ef !important;
    border-radius: 10px !important;
}
 
.text-box {
	height: 40px;
    font-size: 15px;
    -webkit-box-shadow: 0px 1px 2px 0px rgb(71 91 115 / 10%);
    box-shadow: 0px 1px 2px 0px rgb(71 91 115 / 10%);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 20px;
    height: 45px;
    color: #3c4552;
}   

.form-control:focus {
    border-color: #007AFF;
    -webkit-box-shadow:none;
    box-shadow:none;
}
		

.footer, .footer a {
    color: #9dacc3;
    margin-top: 4%;
}

.footer a {
    text-decoration: underline;
}

/* Bootstrap overrides */

h1 { font-size:24px;
	font-weight:300;
    margin: 10% 0 0 0;
	 }

label { font-size:15px !important; padding-left:0 !important; }



.material-icons { font-size:10vh; color:#b3bdcc; margin-bottom: 40px; }