#kc-logo-wrapper {
    background-image: url("../img/logo.svg");
}

.input-lg {
    font-size: 1.8rem;
    height: 5.5rem;
    line-height: 5rem;
    border: 3px solid #282a2f;
    border-radius: 0;
}

@font-face {
    font-family: halebopmedium;
    src: url(../fonts/halebop_medium-webfont.eot);
    src: url(../fonts/halebop_medium-webfont.eot?#iefix) format("embedded-opentype"),
         url(../fonts/halebop_medium-webfont.woff2) format("woff2"),
         url(../fonts/halebop_medium-webfont.svg#halebopmedium) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: haleboplight;
    src: url(../fonts/halebop_light-webfont.eot);
    src: url(../fonts/halebop_light-webfont.eot?#iefix) format("embedded-opentype"),
         url(../fonts/halebop_light-webfont.woff) format("woff"),
         url(../fonts/halebop_light-webfont.svg#haleboplight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: halebopxtrabold;
    src: url(../fonts/Halebop_Latin_WEB/Halebop_XtraBold_WEB/halebop_xtrabold-webfont.eot);
    src: url(../fonts/Halebop_Latin_WEB/Halebop_XtraBold_WEB/halebop_xtrabold-webfont.eot?#iefix) format("embedded-opentype"),
         url(../fonts/Halebop_Latin_WEB/Halebop_XtraBold_WEB/halebop_xtrabold-webfont.woff2) format("woff2"),
         url(../fonts/Halebop_Latin_WEB/Halebop_XtraBold_WEB/halebop_xtrabold-webfont.svg#halebopxtrabold) format("svg");
    font-weight: 400;
    font-style: normal
}

.btn-primary:invalid, .btn-primary:required:invalid {
    -webkit-animation: wiggle .2s linear;
    animation: wiggle .2s linear;
    border-color: #fd5458;
    color: #fd5458;
}

.form-control:hover, .form-control:active, .form-control:focus {
    border: 3px solid #282a2f;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #282a2f;
    background-color: #fdf238;
    border: 3px solid #282a2f;
    border-radius: 0;
    text-align: center;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 500;
    /*background: -o-linear-gradient(right,#ff957c 0,#ff957c 52px,#282a2f 52px,#282a2f 55px,#fdf238 55px,#fdf238 100%);*/
    background: linear-gradient(270deg, #ff957c 0, #ff957c 52px, #282a2f 0, #282a2f 55px, #fdf238 0, #fdf238);
    height: 5.5rem;
    line-height: 5rem;
    min-width: 21rem;
    overflow: hidden;
    padding: 0 7.3rem 0 2rem;
    position: relative;
    /*text-align: start;*/
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-primary::before {
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    content: " ";
    height: 2px;
    position: absolute;
    right: 18px;
    top: 24px;
    width: 14px;
}

.btn-primary::after {
    border-bottom: 2px solid #282a2f;
    border-right: 2px solid #282a2f;
    content: " ";
    height: 10px;
    position: absolute;
    right: 10px;
    top: 20px;
    -webkit-transform: rotate(-45deg) translateX(-50%) translateY(-50%);
    -ms-transform: rotate(-45deg) translateX(-50%) translateY(-50%);
    transform: rotate(-45deg) translateX(-50%) translateY(-50%);
    width: 10px;
}

.btn-primary {
    color: #282a2f;
    background-color: #fdf238;
    border: 3px solid #282a2f;
    border-radius: 0;
    text-align: center;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 500;
    /*background: -o-linear-gradient(right,#ff957c 0,#ff957c 52px,#282a2f 52px,#282a2f 55px,#fdf238 55px,#fdf238 100%);*/
    background: linear-gradient(270deg, #ff957c 0, #ff957c 52px, #282a2f 0, #282a2f 55px, #fdf238 0, #fdf238);
    height: 5.5rem;
    line-height: 5rem;
    min-width: 21rem;
    overflow: hidden;
    padding: 0 7.3rem 0 2rem;
    position: relative;
    /*text-align: start;*/
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    /*background-color: #ec6608;*/
    /*border-color: #ec6608;*/
}

#kc-header-wrapper {
    color: #282a2f;
}

#kc-container-wrapper {
    background: #9ddddd;
    color: #282a2f;
    border: 0;
    border-radius: 0;
}

.login-pf body {
    background: #9ddddd;
    font-family: 'halebopmedium', Arial, sans-serif;
}

@media (max-width: 400px) {
    .login-pf body {
        background: #9ddddd;
    }
}

a {
    background: transparent;
    text-decoration: underline;
    color: #2ca977;
    font-family: 'halebopmedium', Arial, sans-serif;
}

a:hover {
    color: #2ca977;
}

#kc-info {
    color: #282a2f;
}

#kc-info-top, .input-hint {
    color: #282a2f;
}

.checkbox {
    color: #282a2f;
}

.alert-error, .alert-info, .alert-success, .alert-warning {
    background-color: transparent;
    color: #282a2f;
}

.alert-error {
    color: #ff0000;
}