body {
    font-family: Roboto, sans-serif;
}

#main-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width:100%;

}

#header {
    padding: 16px;
    display: flex;
    align-items: center;
    height: 24px;
}

#ilog_logo {
    height: 100%;
    margin: 0px 10px 0px 10px;
}

#product-name {
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
}

#content {
    background: #fafafa none repeat scroll 0 0;
    min-height: 500px;
    height: calc(100% - 100px);
    padding-top: 30px;
}

#login-container {
    font-size: medium;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    max-width: 98%;
    background: #fff;
}

#login-container p.sims {
    margin: 0 30px;
    padding: 30px;
}

#login-container form {
    margin: 0px 30px;
    padding: 80px 30px 80px 30px;
    text-align: left;
    width: 400px;
}


input[type='text'], input[type='password'] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    padding: 10px;
    width: calc(100% - 40px);
}

input[type='submit'] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cf7f00;
    margin: 15px 0;
    padding: 10px;
    width: calc(100% - 20px);
    background: #ffa419;
    color: #fff;
    text-transform: uppercase;
}

select {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    min-height: calc(100% - 20px);
    padding: 10px;
    width: calc(100% - 20px);
}

#footer {
    background: #f0f0f0;
    height: 75px;
    width: 100%;
    bottom: 0px;
    text-align: center;
    position: fixed;
}

.text-footer {
   font-size: xx-small;
   color:  #555;
   padding: 0px 30px;
}

.red, .required {
    font-weight: bold;
    color: #b00;
    line-height: 30px;
}

.stripe {
    height: 5px;
    width: 100%;
    background: #000;
}

.contact-text {
    float: left;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #555;
}

.contact-text strong {
    color: #b00;
    font-weight: bold;
}

.logotype {
    max-height: 100px;
    margin: 20px 0 0px 50px;
}