@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    /*background-color: #666666;*/
    background-image: url('../img/wmap.png');
    background-size: cover;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
}

label {
    font-weight: bold;
    width: 100px;
    font-size: 14px;
}

.box {
    border:#666666 solid 1px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;

    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.loginframe {
    background-color: #E5E7E9;
    margin-top: 50px;
    width: 80%;
    height: 550px;
}

.loginframe img{
    margin-top: 40px;
}

.fimage{
    margin-top: 50px;
}
.fimage img{
    width: 80%;
    height: 100%;
}
#submit1{
    background-color: #EC7063;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 10px 30px;
    border:  0 none;
    cursor: pointer;
    float: right;
}

#submit1:hover {
    background-color: #FF0000;
}

#app_title {
    color: dodgerblue;
    padding: 20px;
    /*border-bottom: 10px solid tomato;*/
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

#com_title {
    padding-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #ffa500;
}

#copy_text {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #AAB7B8;
}

.container {
    padding: 16px;
    text-align: left;
}

.parent{
    display: flex;
    width: 80%;
    margin: auto;
    height: 600px;

    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 4s;
    animation-name: animatebottom;
    animation-duration: 2s;
}

.child{
    flex: 1;
    text-align: center;
}


.fdiv{
    text-align: center;
    height: 50px;
    border-top: 1px solid #D8D8D8;
    width: 50%;
    margin: auto;
    margin-top: 20px;

    animation: showCright 0s 2s forwards;
    visibility: hidden;
}

.fdiv p{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #A4A4A4;
}

@-webkit-keyframes animatebottom {
    from { bottom:-50px; opacity:0 } 
    to { bottom:0px; opacity:1 }
}
@keyframes animatebottom { 
    from{ bottom:-50px; opacity:0 } 
    to{ bottom:0; opacity:1 }
}



@-webkit-keyframes showCright{
    to {visibility: visible;}
}

@keyframes showCright{
    to { visibility: visible; }
}

.umessage{
    display: none;
    color: #FF0000;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.loginframe #infonetlogo{
    margin: 0 auto;
    padding: 10px;
    position: relative; 
}

#com-logo{
    padding-top: 4px;
}