/*
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 : Apr 26, 2016, 4:24:54 PM
    Author     : Shaw Ping
*/


.landing_bg{
    background-image: url('../images/background-image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.landing_bg_activate_loging,
.landing_bg_login{
    background-image: url('../images/bg-kl.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.activate_bg{
    background-color: #E7E7E7;
}

.otp-dash{
    padding: 15px 0px;
    float:left;
    width: 8%;
}

input.otp {
    float: left;
    padding: 0;
    width: 10%;
    text-align: center;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -500px, 0);
        transform: translate3d(0, -500px, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -500px, 0);
        transform: translate3d(0, -500px, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

li.active>a{
    background-color:#434343 !important;
    color:white !important;
    border-radius:0;
}

.z99{
    z-index:-9999;
}

.overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.6);
    background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent\9; /* ie fallback png background image */
    z-index:9999;
    color:white;
    height:100%;
    width:100%;
    min-height:600px;
}

.row{
    margin-right:0;
    margin-left:0;
}

#arrow1,#arrow2,#arrow3,#arrow6{
    -ms-transform: rotate(130deg); /* IE 9 */
    -webkit-transform: rotate(130deg); /* Chrome, Safari, Opera */
    transform: rotate(130deg);
}

#arrow4,#arrow5{
    -ms-transform: rotate(50deg); /* IE 9 */
    -webkit-transform: rotate(50deg); /* Chrome, Safari, Opera */
    transform: rotate(50deg);
}

.blackbar{
    height:22px;
    background-color:#000;
    position:fixed;
    width:100%;
    z-index:9999999;
}

.mt20{
    margin-top:20px;
}

@media only screen
and (max-device-width : 320px)  {
    .blackbar{
        height:22px;
        background-color:#000;
        position:fixed;
        width:100%;
        z-index:9999999;
    }

    .form-control{
        height:40px !important;
    }

    .topbanner{
        font-size:14px !important;
    }

    .tp_15{
        top:-15px !important;
    }

    .tp_20{
        top:-20px !important;
    }

    .tp_25{
        top:-25px !important;
    }

    .tp_30{
        top:-30px !important;
    }

    .tp_45{
        top:-45px !important;
    }

    .tp_50{
        top:-50px !important;
    }

    .tp_85{
        top:-85px !important;
    }

    .tp_90{
        top:-90px !important;
    }

    .tp_100{
        top:-100px !important;
    }

    .tp0{
        top:0px !important;
    }

    .tp5{
        top:5px !important;
    }

    .tp10{
        top:10px !important;
    }

    .tp20{
        top:20px !important;
    }

    .tp35{
        top:35px !important;
    }

    .tp190{
        top:190px !important;
    }

    .tp250{
        top:250px !important;
    }

    .pd0{
        padding:0px !important;
    }

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

    .pdt10{
        padding-top:10px !important;
    }

    .pd5{
        padding:5px !important;
    }

    .pd15{
        padding:15px !important;
    }

    .m0{
        margin:0 !important;
    }

    .mt10{
        margin-top:10px !important;
    }

    .mt30{
        margin-top:30px !important;
    }

    .mt50{
        margin-top:50px !important;
    }

    .fs8{
        font-size:8px !important;
    }

    .fs9{
        font-size:9px !important;
    }

    .fs10{
        font-size:10px !important;
    }

    .fs12{
        font-size:12px !important;
    }

    .fs14{
        font-size:14px !important;
    }

    .fs16{
        font-size:16px !important;
    }

    .hgt15{
        height:15px !important;
    }

    .wdt10{
        width:10px !important;
    }

    .wdt13{
        width:13px !important;
    }

    .wdt15{
        width:15px !important;
    }

    .wdt20{
        width:20px !important;
    }

    .wdt25{
        width:25px !important;
    }

    .wdt30{
        width:30px !important;
    }

    .wdt35{
        width:35px !important;
    }

    .wdt40{
        width:40px !important;
    }

    .wdt50{
        width:50px !important;
    }

    .wdt60{
        width:60px !important;
    }

    .wdt70{
        width:70px !important;
    }

    .wdt100{
        width:100px !important;
    }

    .wdt120{
        width:120px !important;
    }

    .wdt150{
        width:150px !important;
    }

    .wdt160{
        width: 160px !important;
    }

    .wdt200{
        width: 200px !important;
    }

    .wdt230{
        width: 230px !important;
    }

    .wdt250{
        width: 250px !important;
    }

    .lft_160{
        left:-160px !important;
    }

    .lft_35{
        left:-35px !important;
    }

    .lft_5{
        left:-5px !important;
    }

    .lft0{
        left:0px !important;
    }

    .lft15{
        left:15px !important;
    }

    .lft30{
        left:30px !important;
    }

    .lft38{
        left:38px !important;
    }

    .lft45{
        left:45px !important;
    }

    .lft59{
        left:59px !important;
    }

    .lft63{
        left:63px !important;
    }

    .lft70{
        left:70px !important;
    }

    .lft110{
        left:110px !important;
    }

    .pdtb0{
        padding-top:0px !important;
        padding-bottom:0px !important;
    }

    .pdtb3{
        padding-top:3px !important;
        padding-bottom:3px !important;
    }

    .pdbtm0{
        padding-bottom:0 !important;
    }

    .min500{
        min-height:500px !important;
    }

    .btm15per{
        bottom: 15% !important;
    }

    .tp55{
        top:55px !important;
    }

    .wdt97per{
        width: 97% !important;
    }
}