html,body{min-height: 100vh!important;}

.login-back-1{
    background-image: url('../img/abc.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height:100vh!important;
    width: 40%;
}


.login-back-2{
    /*background-image: url("http://localhost/Sanoj-UX_UI/logistics/Asset-Management-System/assets/img/login-back-4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;*/
    min-height:100vh!important;
    background-color: #363B65;
    width: 60%;
}

.login-form{
    width:30rem!important;
}

/*

.wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 370px; 
}

#slide {
    position: absolute;
    left: -400px;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
}


@keyframes slide {
    100% { left: 30%; }
}*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}



/*******************************************_MEDIA QUERY_******************************************/

                /*LARGE_SCREEN*/
@media only screen and (max-width: 1440px) {

  

}


                /*SMALL_SCREEN*/
@media only screen and (max-width: 1024px) {

  

}


                /*TABLET*/
@media only screen and (max-width: 769px) {

    .login-back-1{
        width: 20%;
    }


    .login-back-2{
        width: 80%;
    }

}


                /*MOBILE*/
@media only screen and (max-width: 576px) {

    .login-back-1{
        width: 0%;
        display: none;
    }


    .login-back-2{
        width: 100%;
    }

    .login-form{
    width:100%!important;
    }

}