html, body.ucet {
}
body.ucet .content {
    /*display: flex;*/
    /*height: 100%;*/
}

body.ucet #main .content{
    min-height: calc(100vh - 120px);
    display: flex;
}

body.ucet #main .content,
body.ucet #main .sidebar,
body.ucet #main .central{
/*height: 100%;*/
}

body.ucet #main .central{
    display: flex;
}

@media (max-width: 960px){
    body.ucet .sidebar {
        width: 30%;
    }

    body.ucet #main .slice-34{
        width: 70%;
    }
}

@media (max-width: 767px){
    body.ucet #main .slice-34{
        width: 100%;
        padding-top: 70px;
    }
    body.ucet #main .sidebar{
        width: 100% !important;
        position: absolute;
        top: 48px;
        left: 0;
        display: block !important;
        z-index: 99;
        transform: translateY(calc(-100% - 50px));
        transition: 0.5s;
    }

    body.ucet #main .sidebar.active{
        transform: translateY(0%);
    }
}

@media (max-width: 767px){
    body.ucet .content.login .fright{
        display: none;
    }
}

body.ucet .login-box{
    width: 100%;
    max-width: 450px;
}

body.ucet .login-box .info{
    background: #E7E7E7;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: black;
    font-size: 16px;
}

body.ucet .login-box form{
    margin: 40px 0;
}
body.ucet .login-box form .login-form{
    display: flex;
    flex-direction: column;
}