html,
body {
    height: 100%;
    font-family: 'Lato', sans-serif;
}

::-webkit-input-placeholder {
    color: #D8D8D8;
    font-style: italic;
}

::-moz-placeholder {
    color: #D8D8D8;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #D8D8D8;
    font-style: italic;
}

:-moz-placeholder {
    color: #D8D8D8;
    font-style: italic;
}

:root {
    --primary-bg-color: #5DBFE2;
    --gray-color: #777777;
    --dark-gray-color: #444444;
    --light-gray-color: #909090;
}

h6.title {
    color: #444444;
    font-weight: bold;
    margin-bottom: 28px;
    font-size: 20px;
}

.btn-primary {
    background: var(--primary-bg-color);
    border: none;
}

.btn-purple {
    background: #a04aa9;
    border: none;
    color: #fff;
}

.btn-purple:hover {
    background: #671164;
    color: #fff;
}

.btn-yellow {
    background: #ffc929;
    border: none;
    color: #fff;
}

.btn-yellow:hover {
    background: #ffc107;
    color: #fff;
}

.login-page {
    background: #444648;
    position: relative;
    background: url('../images/background.png');
    background-size: cover;
    background-repeat: no-repeat;
}


.logo {
    margin-bottom: 40px;
}

.logo img {
    max-height: 70px;
    margin-right: 20px;
    object-fit: contain;
}

.form-holder {
    max-width: 100%;
    width: 450px;
    margin: 0 auto;
    top: 50%;
    position: relative;
    padding: 40px;
    background: #F9F9F9;
    border: 1px solid #EDECED;
    transform: translate(0, -50%);
}

.login-form {
    width: 100%;
}

.login-form p {
    font-size: 16px;
    font-weight: 600;
    color: var(--gray-color);
    margin-bottom: 20px;
}

.login-form label {
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.login-form input {
    border-radius: 0;
}

.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="email"] {
    border-radius: 0;
    border: 1px solid #EDECED;
    box-shadow: none !important;
}

.main-logo img {
    max-width: 70px;
}

.sub-logo img {
    max-width: 250px;
}

.logo {
    text-align: left;
}

.login {
    width: 100%;
    text-align: center;
    border-radius: 0;
}

.forgot-password {
    color: var(--gray-color);
}

.forgot-password:hover {
    color: var(--dark-gray-color);
}

/*.back-btn {
    position: absolute;
    left: 0;
    top: 0;
    background: #5dbfe2;
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
}

.back-btn:hover {
    color: #fff;
}*/

hr.signup-border {
    margin-bottom: 15px;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: 0;
}

.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;background-image:url(//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/logo.png);opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;cursor:pointer;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:120px}.cc_container .cc_message{transition:font-size 200ms;font-size:0.6em;display:block}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{margin-top:0.5em;font-size:0.8em}}@media screen and (min-width: 768px){.cc_container{padding:15px 30px 15px}.cc_container .cc_btn{font-size:1em;padding:8px 15px}.cc_container .cc_message{font-size:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}.cc_container{background:#222;color:#fff;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#fff;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#b2f7ff}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}