@CHARSET "UTF-8";

.login_txtBox{
    width: -webkit-fill-available;
    width: -moz-available; 
    border:0px solid grey;
    padding: 8px;
    background-color: white;
    /*opacity: 0.8;*/
    border-radius: 3px;
}

.login_background{
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; 
    bottom: 0; 
    left: 0;
    right: 0; 
    z-index: 0;
}

.login_firstTable{
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
/*    top: 0; 
    bottom: 0; 
    left: 0;
    right: 0; */
    overflow: hidden; 
    font-family: 'Open Sans', sans-serif;
    z-index: 1;
    font-weight: bold;
}

.login_table{
    font-size: 14px;  
/*    padding-right: 20px;
    padding-top: 38px;
    padding-left: 40px;*/
/*    padding-bottom: 40px;*/
   /* width: 100%;*/
   padding-left: 20px;
    margin: auto;
    display: block;
    
}

.login_table td {
    display: block;
    margin-bottom: 15px;
    width: 100%;
}

.login_tableLogPub{
    width: 60%;
    height: 60%;
    margin: 0 auto;
    /*background-color: white;*/
   /* background-color: rgb(255,255,255,0.3);*/
    opacity: 0.9;
    max-width: 800px;
    border-radius: 3px;
}

.login_footer{
    position: absolute; 
    bottom: 0px; 
    width: 100%;
    background-color: black;
    opacity: 0.7;
    left: 0px;
    overflow: auto;
    white-space: nowrap;
}

.login_btn{
    width: 100%;
    padding: 8px;
    /*background-color: #1b3c84;*/
   /* color: white;*/
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;  
   font-weight: bold;
   border:solid 1px black !important;
   border-radius: 3px;
   opacity: 1 !important;
}

.login_list{
    width: 100%;
    padding: 8px;
    /*opacity: 0.8;*/
    border-radius: 3px;
    border:0px;
}

.login_pub{
    border: none;
    width: 450px;
    height: 250px;
    /*padding: 20px;*/
/*    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 20px;*/
    padding-right: 20px;
    padding-left: 10px;
    float: right;
    border-radius: 3px;
    margin-bottom: 20px;
}

.login_img{
    background-size: cover;
    background-repeat: no-repeat;
    height: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:150px;
   /* padding-right: 5px;*/
}

.login_backDiv{
    height: 100%;
    width: 100%;
    position: absolute;
    margin: auto;
    background-color: white;
    opacity: 0.5;
}

.login_divBtn{
    float: right;
    padding-right: 40px;
    padding-bottom: 30px;
    width: 30%;
}

.login_iframe{
    width:450px ; 
    height:250px ; 
    max-height:250px !important;
    max-width: 450px !important;
    border-radius: 3px; 
    display:block;    
    float: left;
    margin: 0px;
}

.login_error{
    /*border: 1px solid red;*/
    border-radius: 3px;
    padding: 10px;
    background-color: #cb1b11;
    display: block;
}

.login_anime1{
    width: 150px;
    height: 20%;
    position: absolute;
    top:0px;
    left:0px;
    -webkit-animation: mymove 5s forwards; /* Safari 4.0 - 8.0 */
    animation: mymove 5s forwards;
    z-index: 50;
}
.login_anime2{
    width: 150px;
    height: 20%;
    position: absolute;
    top:20%;
    left:0px;
    -webkit-animation: mymove 5.5s forwards; /* Safari 4.0 - 8.0 */
    animation: mymove 5.5s forwards;
    z-index: 50;
}
.login_anime3{
    width: 150px;
    height: 20%;
    position: absolute;
    top:40%;
    left:0px;
    -webkit-animation: mymove 6s forwards; /* Safari 4.0 - 8.0 */
    animation: mymove 6s forwards;
    z-index: 50;
}
.login_anime4{
    width: 150px;
    height: 20%;
    position: absolute;
    top:60%;
    left:0px;
    -webkit-animation: mymove 6.5s forwards; /* Safari 4.0 - 8.0 */
    animation: mymove 6.5s forwards;
    z-index: 50;
}
.login_anime5{
    width: 150px;
    height: 20%;
    position: absolute;
    top:80%;
    left:0px;
    -webkit-animation: mymove 7s forwards; /* Safari 4.0 - 8.0 */
    animation: mymove 7s forwards;
    z-index: 50;
}

/* Safari 4.0 - 8.0 */
#div1 {-webkit-animation-timing-function: linear !important;}
#div2 {-webkit-animation-timing-function: ease !important;}
#div3 {-webkit-animation-timing-function: ease-in !important;}
#div4 {-webkit-animation-timing-function: ease-out !important;}
#div5 {-webkit-animation-timing-function: ease-in-out !important;}

/* Standard syntax */
#div1 {animation-timing-function: linear !important;}
#div2 {animation-timing-function: ease !important;}
#div3 {animation-timing-function: ease-in !important;}
#div4 {animation-timing-function: ease-out !important;}
#div5 {animation-timing-function: ease-in-out !important;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {left: 0px;}
  to {left: 90%;}
}

/* Standard syntax */
@keyframes mymove {
  from {left: 0px;}
  to {left: 92%;}
}

.login_smallimg{
    width:150px;
    height:100%;
    z-index:20;
}

.login_mobile_table{
    font-size: 14px;  
    padding: 35px;
    width: 100%;
    margin: auto;
   /* display: block;*/
}

.login_mobile_pub{
    border: none;
    width:95% !important;
    float:left;
    margin: auto;
    display: block;
    position:absolute;
    top:50%;
    left:2.5%;
    opacity:0.9;
    z-index:1;
}

.login_mobile_tableLog{
    width: 80%;
    opacity: 0.9;
    border-radius: 3px;
    position:absolute;
    left:10%;
    top:15%;
    z-index:2;
}

.login_mobile_background{
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    position: fixed;
    top: 0; 
    bottom: 0; 
    left: 0;
    right: 0; 
    z-index: 0;
}

.login_Mobile_img{
    height: 50%;
    max-width:140px;
    vertical-align: top;
   /* padding-right: 5px;*/
}