@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,latin-ext);

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-weight: 300;
    background-color: #D5D1C6;
}

h2, h3 {
    font-weight: 400;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}
.header {
    background: #23754D;
    height: 50px;
}

.header .logo {
    height: 50px;
    padding-left: 55px;
    padding-top: 7px;
    font-size: 20px;
    color: #D5D1C6;
    text-decoration: none;
    background: url('images/logo_small.png') no-repeat ;
    background-size: 60px 45px;
}
.container {
    width: 600px;
    position: relative;
    margin: 0 auto;
     min-height:100%;
}

.wrapper {   
    margin: 10px auto 0;
}


    .wrapper .side {
        text-align: center;
    }

.logo {
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 0 auto;
    background: url('img/logo_login.png') no-repeat;
}

form {
    padding: 20px;
    background-color: #EEE9E3;
    border-radius: 12px;
    position: relative;
   
}

.login form {
    height: 253px;
}

.login .logo {
    
     background: url('images/logo.png') no-repeat  center;
}

    form:before {
        border-color: transparent #EDEFF1 transparent transparent;
        border-style: solid;
        border-width: 12px 12px 12px 0;
        content: "";
        height: 0;
        left: -12px;
        position: absolute;
        top: 35px;
        width: 0;
    }

    form .form-group {
        padding: 0 0 15px 0;
    }

    form .section {
        padding: 0 0 15px 0;
    }

    form .section h2 {
        color: #B1A9A9;
        margin-bottom: 15px;
    }
    form .command {
        padding-bottom: 0;
    }

    form .label {
        display: inline-block;
        width: 100px;
        text-align: right;
    }

    form input[type='text'],
    form input[type='password'],
    form select {
        border: solid 1px #FFFFFF;
        width: 100%;
        font-size: 17px;
        line-height: 24px;
        padding: 6px;
        border-radius: 6px;
        height: 50px;
        text-indent: 10px;
    }

    form .validation-summary-errors {
        /*border: solid 1px #FFFFFF;*/
        background: #E74C3C;
        padding: 10px;
        width: 100%;
        border-radius: 6px;
        font-size: 13px;
        margin-bottom: 15px;
    }

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

        .registration form:before {
            border-width: 0;
        }

        .field-validation-error {
            color: red;
            padding: 5px;
        }

.footer {
    margin-top: 20px;
    background: #C9C6BB;
    padding: 10px;
    height: 40px;
    border-top: 1px solid #BAB7AD;
    width: 100%;
  
    
}