@charset "utf-8";
/* CSS Document */
html {
    height: 100%;
}
/*
body {
    margin: 0;
    height:100%;
    background: #014171;
    background: -moz-linear-gradient( center top, #09072e 20%, #014171 100% ); 
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #09072e), color-stop(1, #014171) );

}
*/
body {

    background-image: url("../../../assets/login/images/bg_login.jpg");
    margin:0; padding:0; background-size:100% 100%;
}
/*
#bg_login {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius:5px;
        border: #666666 2px solid;
        width:550px;
        height:250px;
}*/
.container{
    background-color:rgba(255, 255, 255, 100);
    display: table;
    height: 200px;
    left: 50%;
    margin-left: -220px;
    margin-top: -153px;
    padding: 20px;
    position: fixed;
    top: 50%;
    width: 400px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius:50px;
-webkit-box-shadow: 0px 17px 40px -3px rgba(0,0,0,0.71);
-moz-box-shadow: 0px 17px 40px -3px rgba(0,0,0,0.71);
box-shadow: 0px 17px 40px -3px rgba(0,0,0,0.71);

}
.shadow {
    /* box-shadow: 0 0 13px 20px #000000; */
    margin-left: 55px;
    margin-top: 215px;
    position: absolute;
    width: 290px;
    z-index: -1;
}
.textfield {
    background-color:#FFF;
    border-radius: 5px;
    color:#000;
}
.textfield:hover {
    background-color:#FFF;
    border-radius: 5px;
    color:#000;
    border:3px solid #01a1ff;
}
.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.title_login {
    left: -10px;
    position: absolute;
    top: 5px
}
.t_login {
    position: relative;
    top: 25px;
}
.b_login {
    background-color: #fe3636;
    border: medium none;
    border-radius: 15px;
    color: white;
    font-family: verdana;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 30px;
    padding: 8px;
    width: 120px;
}

/*=============LOADING=======================*/


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}


/*====================================*/
.user_txt {
  background-color: #666;
    border: 1px solid #dddddd;
    border-radius: 17px;
    color: #fff;
    margin: 5px 1px 3px 0;
    outline: medium none;
    padding: 8px 10px 7px;
    transition: all 0.3s ease-in-out 0s;
font-size: 15px;
}
.footer_txt {
    bottom: 22px;
    color: #fff;
    font-size: 12px;
    position: inherit;
    text-align: center;
    width: 400px;
    z-index: 2;
}
.logo_login{
    left: 49px;
    position: absolute;
    top: -150px;
}
.bg_footer{
    background-color: #ff0000;
    bottom: 0;
    height: 30px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
#secure{
    left: 170px;
    margin-top: 65px;
    position: absolute;
}
 /*.bg_container{
    background-color:rgba(10, 128, 176, 0.5);
    display: table;
    height: 768px;
    left: 50%;
    margin-left: -220px;
    margin-top: -153px;
    padding: 20px;
    position: fixed;
    top: 23%;
    width: 400px;
} */

.beken_logo {
    margin-left: 22px;
}
.logodenso {
    left: -20px;
    margin-top: -172px;
    position: absolute;
}