@import "admin/variables.less";
@import '../../core/css/mixins.less';
@import '../../core/css/buttons.less';
@import 'font_awesome/fontawesome.less';
@import "admin/form.less";


html, body {
    height: 100%;
    margin: 0;
    font-family: @primary_font;
}

* {
    box-sizing:border-box
}

#wrapper {
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
    height: 100%;
}

#content {
    display: table-cell;
    vertical-align: middle;
}

.loginWrapper {
    margin: 15px 0;

    .login {
        max-width: 500px;
        margin: 0 auto;
        background: -webkit-linear-gradient(top, #e9e9e9, #f5f5f5);
        background: -moz-linear-gradient(top, #e9e9e9, #f5f5f5);
        background-color: #e9e9e9;
        border-radius: 5px;
        padding: 40px;
        border: 1px solid #ddd;

        @media @mobile {
            padding: 10px;
        }

        .logoImage {
            margin: 10px auto 50px;
            max-width: 70%;
            display: block;
        }
    }

    form fieldset {
        border: 0;
        margin: 0 0 20px;
        padding: 0;
        .clearfix();
    }

    .inputWrap {
        .clearfix();
    }

    .btn,
    .btn:last-child {
        padding: 5px 25px;
        min-width: 200px;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .link {
        font-weight: 600;
        font-size: 0.8em;
        text-decoration: none;
        margin-top: 15px;
        display: block;
        text-align: center;
    }


    .msg {
        padding: 20px;
        background: #e5f4bb;
        border: 1px solid #d1e792;
        color: #52a61a;
        font-weight: 600;
        border-radius: @border_radius;
        margin-bottom: 20px;
        position: relative;

        &.error {
            background: #fce3e3;
            border: 1px solid #f4c9c9;
            color: #ce2b2b;
        }

        ul {
            margin: 0;
            padding: 0;
            border: none;

            li {
                list-style-type: none;
            }
        }

        > i, > .picto {
            display: none;
        }
    }

    .buttonWrap {
        text-align: center;

        .button {
            margin: 0 auto;
            min-width: 200px;
            font-size: 1.2rem;
        }
    }

}
