/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */


html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

html, body {
    height: 100%;
    background: transparent;
}

body {
    position: relative !important;
    z-index: 1 !important;
    background-image: url("../img/jumo_wallpaper.jpg");
    background-repeat: no-repeat;
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.form-horizontal {
    padding: 0 40px;
}

.form-control {
    width: 100%;
}

.form-group {
    margin-top: 16px;
}

.form-group:first-child {
    margin-top: 0;
}

input.kc-input-field {
    background-color: #E5E5E5 !important;
    border: 0px !important;
}

input.kc-input-field:focus {
    color: rgba(0,0,0,.95);
    border-color: transparent !important;
    border-radius: .28571429rem;
    border: 0px !important;
    background: #E5E5E5 !important;
    -webkit-box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
    box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
}

/* overwrite existing rules from semantic-ui with !important*/
.kc-login-container {
    width: 512px !important;
    height: auto !important;
    margin-bottom: 32px !important;
    -webkit-box-shadow: 3px 20px 287px 0 rgba(143, 143, 143, 0.7) !important;
    box-shadow: 3px 20px 287px 0 rgba(143, 143, 143, 0.7) !important;
}

.kc-flexbox-container {
    z-index: 2 !important;
    display: -ms-grid;
    display: grid;
    min-height: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: -webkit-min-content 1fr -webkit-min-content 1fr -webkit-min-content;
    -ms-grid-rows: min-content 1fr min-content 1fr min-content;
    grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
    grid-template-rows: 256px 1fr min-content;
    /*grid-row-gap: 32px;*/
    place-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    justify-items: center;
}

.kc-flexbox-container > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.kc-flexbox-container > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.kc-flexbox-container > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.kc-flexbox-row-center {
    margin-top: 16px;
    margin-bottom: 16px;
}

.kc-flexbox-row-start {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    -ms-grid-column-align: start;
    justify-self: start;
}

.kc-brand {
}

.kc-brand img {
    width: auto !important;
    margin: 0 auto;
    z-index: 10;
    height: 96px;
}

.kc-language-dropdown {
    float: right !important;
    margin-top: -2px !important;
}

.kc-field-header {
    margin-bottom: 32px !important;
}

.kc-field-forgotten-password {
    text-align: left;
}

.kc-field-instruction {
    margin-top: 24px !important;
    font-size: 1rem;
}

.kc-field-new-user {
    margin-top: 24px !important;
    font-size: 1rem;
}

.kc-footer-wrapper {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.kc-footer-container {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 2px;
    -ms-grid-rows: -webkit-min-content 2px -webkit-min-content;
    -ms-grid-rows: min-content 2px min-content;
    grid-template-rows: repeat(2, -webkit-min-content);
    grid-template-rows: repeat(2, min-content);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "links" "copyright";
    justify-items: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .kc-footer-container {
        justify-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.kc-footer-links {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: links;
    color: white;
    font-size: 16px;
}

.kc-copyright {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    margin: 0;
    padding: 0;
    color: white;
    grid-area: copyright;
    font-size: 12px;
    user-select: none !important;
    -o-user-select: none !important;
    -ms-user-select: none !important;
    -moz-user-select: none !important;
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
}

/* Semantic ui theme override */
.ui.pink.button, .ui.pink.buttons .button {
    background-color: #6EAAB4 !important;
    color: #FFF;
}

.ui.pink.button:hover, .ui.pink.buttons:hover .button:hover {
    background-color: #88C4CE !important;
    color: #FFF;
}

/* Semantic theme override end */
