.area-sidebar-login {
            float: left; width: 25%; 
            height: calc(100vh - 0px); 
            position: absolute; 
            top: 0; 
            left: 0; 
            background-color: pink; 
            z-index: 1; 
            background: url(images/img-kiri-login.html); 
            background-size: 100% 100%;
        }
        @media screen and (max-width:767px) {
            .area-sidebar-login {
                /*float: left; 
                width: 25%; 
                background: url(images/img-kiri-login.jpg); 
                background-size: 100% auto;*/
                display: none;
            }
        }
        .area-konten-login {
            /*height: calc(100vh - 0px); 
            position: absolute; 
            top: 0; 
            left: 25%; 
            right: 0; 
            background: url(images/bg.jpg); 
            background-size: 100% auto; 
            padding-top: 70px;*/

            /*border: 1px solid green;*/
        }
        .area-konten-login > .row {
            width: 78%;
            background-color: rgba(255,255,255,0.4);
            padding-top: 15px;
            padding-bottom: 15px;
            border-radius: 30px;
        }
        @media screen and (max-width:767px) {
            .area-konten-login {
                /*border: 1px solid red;*/
                /*height: auto; 
                position: relative; 
                top: 0; 
                left: 25px; 
                right: 0; 
                margin-right: 25px;
                width: calc(100% - 50px);
                background: none; */
                /*background-size: 100% auto; */
                /*padding-top: 70px;*/
            }
            .area-konten-login > .row {
                width: 100%;
            }
        }
        .area-konten-login-kiri {
            /*background-color: pink;*/
            height: 100%;

            display: flex;
            justify-content: center; /* align horizontal */
            align-items: center; /* align vertical */
        }
        .area-konten-login-kiri .inner {
            /*background-color: cyan;*/
            text-align: center;
        }
        .area-konten-login-kiri .inner .copyright {
            /*margin-top: 200px;*/
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            
            display: flex;
            justify-content: center; /* align horizontal */
            align-items: center; /* align vertical */
            width: 100%;
            color: #999999;
            font-size: 12px;
            /*background-color: purple;*/
        }
        @media screen and (max-width:767px) {
            .area-konten-login-kiri .inner .copyright {
                position: relative;
                display: none;
            }
        }

        .form-signin .area-input {
            position: relative;
        }
        .form-signin .img-input-username {
            position: absolute;
            /*border: 1px solid red;*/
            bottom: 0;
            left: 55px;
            z-index: 9;
            /*margin-top: -78px;*/
        }
        .form-signin .img-input-password {
            position: absolute;
            /*border: 1px solid red;*/
            bottom: 0;
            left: 29px;
            z-index: 9;
            /*margin-top: -78px;*/
        }
        @media screen and (max-width:767px) {
            .form-signin .img-input-username {
                left: 9px;
            }
            .form-signin .img-input-password {
                left: -16px;
            }
            .form-signin .img-input-username img {
                height: 50px;
            }
            .form-signin .img-input-password img {
                height: 34px;
            }
        }