/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 19, 2016, 2:30:37 PM
    Author     : Rizman
*/

div#captcha {background: url(../img/bg-captcha.png) repeat center center fixed #fff;text-align: center;margin-top: 5px;} div#captcha img {width: 60%;height: 40px;} i#load-captcha {cursor: pointer;float: right;font-size: 14pt;margin-right: 8px;top: 13px;} .logo-inside img { height: 90px; } #login-title { width: 100%;margin: 10% auto 0px auto;text-align: center;color: #646464; } @media (max-width: 480px) { .logo-inside img { height: 70px; } #login-title { width: 90%; } }

html, body {height: 100%;font-family: Arial, sans-serif;}
body {display: flex;}

.login .content {
    width: 100% !important;
    height: 100%;
    border: 0;
    box-shadow: none;
}

/* Left Slider */
.slider-container {
    flex: 2.5;position: relative;overflow: hidden;color: #fff;
}
.bg-layer {
    position: absolute;inset: 0;background-position: center bottom 22%;background-size: cover;transition: opacity 2s ease-in-out;opacity: 0;
}
.bg-layer.visible {opacity: 1;}
.bg-overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.25);}

/* Right Login Form */
.login-container {
    flex: 1;display: flex;align-items: center;justify-content: center;background: #f7f7f7;
}

@media (max-width: 768px) {
    .slider-container {
        display: none;
    }
    .slider-container, .login-container {
        flex: unset;
        width: 100%;
    }
}