@media screen and (max-width: 1920px) {
    .main-form {
        margin-top: 7%;
    }
}

@media screen and (max-width: 768px) {
    .main-form {
        margin-top: 15%;
    }
}

body {
    background: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-container {
    text-align: center;
    margin-right: auto;
    width: 70%;
    margin-left: auto;
    /*background: url(../../assets/img/login-form/form-login.png);*/
    /*background-size: 100% 430px;*/
    /*background-repeat: no-repeat;*/
}

.account-container {
    background: url(../../assets/img/login-form/login_frame.png);
    background-size: 300px 470px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 470px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.img-login {
    width: 66%;
    margin-top: 23px;
}

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

#form-login {
    margin-top: -10px;
}

.input-login {
    background-color: rgba(0, 0, 0, 0);
    /* background-color: rgba(0, 255, 255, 255); */
    border: none;
    color: #c1c1c1;
    margin-top: 168px;
    /* margin-left: -15px; */
    width: 212px;
    height: 43px;
    border-radius: 5px;
    padding: 2px;
    padding-left: 10px;
}

.input-code {
    border-radius: 5px;
    margin-top: 2px;
    margin-left: -50px;
    width: 40%;
    height: 40px;
    background-color: #000 !important;
    color: #fff;
    border: 0px;
    padding-left: 25px;
}

.input-code-number {
    width: 58%;
    margin-right: -50px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border: none;
    color: #005613;
    height: 40px;
    padding-left: 5px;
    border-radius: 5px 5px 5px 5px;
}

.input-login-password {
    margin-top: 15px;
}

.input-login:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.input-code:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.row-code {
    margin-top: 15px;
}

.img-code {
    margin-left: -5px;
    width: 40px;
    height: 30px;
}

.img-register {
    width: 30%;
    margin-top: 15px;
}

.row-btn-submit {
    margin-top: 25px;
}

.label-btn-login {
    width: 60%;
    margin-top: 15px;
}

.img-casa-logo {
    width: 55%;
    margin-top: -90px;
}

.content.clearfix {
    margin-top: 5px;
}

.padding-0 {
    padding: 0px !important;
}

.div-img-left {
    width: 40%;
    bottom: 0;
    position: fixed;
}

.div-img-right {
    width: 40%;
    right: 0;
    bottom: 0;
    position: fixed;
}

.div-img-middle {
    z-index: 10;
    width: 100%;
    bottom: 0;
    position: fixed;
    text-align: center;
}

.img-left-side {
    width: 100%;
}

.img-right-side {
    width: 100%;
}

.img-middle-side {
    width: 29%;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}