@font-face {
    font-family: Open Sans;
    src: url(./OpenSans-Regular.ttf);
}

body {
font-family:  "Open Sans", sans-serif;
background-color: #23232A;
text-align: center;
}

h2 {
font-size: 16px;
font-weight: normal;
color: #555555;
margin-bottom: 5px;
}

#logginBox{
    display: block;
    left: 50%;
    margin-left: -215px;
    margin-top: -170px;
    position: absolute;
    top: 50%;
    width: 430px;
    padding-bottom: 20px;
    text-align: left;
} 

#logginBox .title{
    background-color: #2494F2;
    padding: 10px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 20px;
}

#logginBox .form{
        background-color: #fff;
        padding-bottom: 10px;
}

#logginBox .title img{
    height: 25px;
}

#logginBox .contact{
    text-align: center;
    font-size: 12px;
    color: #C9D4F6;
    padding:10px;
}

  
 input.button:hover{
    background-color: #36A3FF;
}
 
#logginBox .loggIcon{
    display: inline-block;
    float: left;
    height:34px;
    width: 34px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 35%;
    border-top: 1px solid #DDDDDD; 
    border-left: 1px solid #DDDDDD; 
    border-bottom: 1px solid #DDDDDD; 
}

form input{
    background-color: white;
    border: 1px solid #DDDDDD;
    color: #707070;
    padding: 10px 10px 10px 10px;
    
}

form input.long{
    width: 285px;
}

.error_info {
    position: absolute;
    top: 2px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ff9595;
    border: 1px solid #ff0000;
    color: black;
    padding: 10px 50px 10px 50px;
    text-align: center;
}


input.button{
    font-size : 14px;
    color :#fff;
    text-align: center;
    background-color: #2494F2;
    padding: 10px 10px 10px 10px;
    font-style:normal;
    font-weight: normal;
    min-width: 100px;
    cursor: pointer;
    border: 0px;
    margin-right: 2px;
    
}