/*
   Login.less

   Contains the css/less needed for the login page (first page) only for fast load.
*/

@import "../bootstrap/bootstrap";
@import "branding";

/* Login stylesheet
-----------------------------------------------------------*/
body {
    padding-top: 40px;
}

.container {
    width: 300px;

    > .content {
        background-color: @theme-container-content;
        padding: 20px;
        margin: 0 -20px;
        border-radius: 10px;
        box-shadow: 0 1px 2px @theme-box-shadow-fallback;
        box-shadow: 0 1px 2px @theme-box-shadow;
    }
}

.login-form {
    padding: 15px;

    > form > .btn {
      width: 75px;
      padding: 5px;
    }
}

.form-header {
    margin-bottom: 30px;
}

legend {
    margin-right: -50px;
    font-weight: bold;
    color: @theme-login-legend;
}


/*#region Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: @brand-danger;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid @brand-danger; 
    background-color: @theme-login-error-background;
}

.validation-summary-errors {
    font-weight: bold;
    color: @brand-danger;
}

.validation-summary-errors ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.validation-summary-valid {
    display: none;
}

/*#endregion*/

.logo {
    width: 270px;
    height: 60px;
    display: block;
    line-height: 40px;
    text-align: center;

    > img {
        min-width: 80%;
        min-height: 50%;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }
}