@font-face {
    font-family: 'CoconPro';
    src: url('../webfonts/CoconPro-Regular.otf');
}
@font-face {
    font-family: 'CoconPro';
    src: url('../webfonts/CoconPro-Bold.otf');
    font-weight: bold;
}
.coconpro {
    font-family: 'CoconPro';
}
html, body {
    height: 100%;
}
body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}
.form-signin {
    width: 100%;   
    padding: 15px;
}
.card {
    max-width: 350px;
    margin: 0px auto;
    border: 1px solid #ccc;
}
b, strong {
    font-weight: 700;
}
.bg-login {
    background: url('../img/background.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media (max-width: 991.98px) {
    .bg-login {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }
}
.alert {
    padding: .5rem 2rem;
    border-radius: 0;
    max-width: 700px;
    margin: 0px auto;
}
.alert-danger {
    padding-left: 2.75rem;
    background-image: url("data:image/svg+xml,<svg fill='%23af233a' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position: left 1rem top .8rem;
}
.alert-success {
    padding-left: 2.75rem;
    background-image: url("data:image/svg+xml,<svg fill='%230d6832' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position: left 1rem top .8rem;
}
.alert-info {
    padding-left: 2.75rem;
    background-image: url("data:image/svg+xml,<svg fill='%231c657d' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position: left 1rem top .8rem;
}
.alert-dismissible .btn-close {
    padding: 1rem;
    font-size: .5rem;
}
.brand-logo {
    margin-bottom: 1rem;
    max-width: 300px;
    max-height: 121px;
}
@media (max-width: 575.98px) {
    .brand-logo {
        max-width: 100%;
    }
}
.form-signin input[type="text"] {
    margin-bottom: .5rem;
}
.form-signin input[type="password"] {
    margin-bottom: 1.5rem;
}
.btn-login {
    width: 100%;
    font-size: .8rem;
    margin-bottom: .5rem;
    border: 1px solid #4285f4;
    box-shadow: none;
    font-weight: bold;
}
.btn-login:hover, .btn-login:focus, .btn-login:active {
    box-shadow: none !important;
    background-color: #305da8;
}
.btn-login-home {
    color:#495057;
    font-size: .8rem;
    background-color:#e9ecef;
    border: 1px solid #ced4da;
    box-shadow: none;
    font-weight: bold;
}
.btn-login-home:hover, .bbtn-login-home:focus, .btn-login-home:active {
    box-shadow: none !important;
    background-color: #ddd;
}