/* Less för formatering av login */

html {
    height: auto;
}

input, .ui-focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.center {
    width: 27em;
    text-align: center;
    margin: 0 auto;
}

.fontSize {
    font-size: x-large;
}

.form {
    width: 27em;
}

.loginButton {
    margin-top: 10px;
    font-size: x-large;
    border: none;
    border-radius: 10px;
    padding: 0.5em;
}

.paddingDiv {
    padding-top: 1em;
}

.ui-body {
    .ui-btn {
        font-size: 1.4em;
        font-weight: normal;
    }
}

.ui-icon-loading {
    background: none;
}

.ui-keyboard {
    border-radius: 0 !important;
    left: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    position: fixed !important;
    border: 0 !important;

    &#message_keyboard {
        top: 52px !important;
    }
    
    .ui-keyboard-preview-wrapper {
        input {
            font-size: 1.6em;
        }
    }
    
    .ui-keyboard-button, .ui-keyboard-button:not([disabled]):active, .ui-keyboard-button:not([disabled]):hover {
        background-image: none;
    }
}

.ui-keyboard-input-current {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#cookiePolicyLink {
    display: block;
}

#CookieApprovementLabel {
    display: inline-block;
}

#CookieBanner {
    width: 100%;
    background: white;
    padding: 10px 15px;
    overflow: hidden;
    border-bottom: 5px solid;
    font-size: 12px;

    > div {
        &.cookieContent {
            max-width: 600px;
            margin: 0 auto;

            > div {
                &.cookieText {
                    width: 80%;
                    text-align: left;
                    padding: 0 15px 0 0;
                    float: left;

                    > a {
                        font-weight: bold;
                        text-decoration: underline;
                        cursor: pointer;
                    }
                }

                &.cookieButton {
                    float: left;
                    padding: 6px;
                    cursor: pointer;
                    font-weight: bold;
                    width: 66px;
                    text-align: center;
                }
            }
        }
    }
}

#LoginPage {
    font-family: inherit;
}

.error {
    color: red;
}