@CHARSET "UTF-8";

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

.form-control {
      position: relative;
      font-size: 16px;
      height: auto;
      padding: 10px;
}

.login-form {
    margin-top: 60px;
}

form[role=login] {
    color: #5d5d5d;
    background: #fff;
    padding: 26px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 10px 10px 50px 0px rgba(125, 124, 65,1);
    -moz-box-shadow: 10px 10px 50px 0px rgba(125, 124, 65,1);
    box-shadow: 10px 10px 50px 0px rgba(125, 124, 65,1);
    
}

form[role=login] img {
    display: block;
    margin: 0 auto;
    margin-bottom: 35px;
}
form[role=login] input, form[role=login] button {
    font-size: 18px;
    margin: 16px 0;
}
form[role=login] > div {
    text-align: center;
}


.btn-cms {
    
    padding: 8px 14px;

    color: #7E7C41;
    background-color: #EDECE4;
    border-color: #7E7C41;
    -webkit-transition-timing-function: ease-in-out;
       -moz-transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
         -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;  
    -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
        -ms-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
}
.btn-cms:active, .btn-cms:focus, .btn-cms:hover {
    background-color: #7E7C41;
    color: #ffffff;
}