/*
 * Copyright 2020 Green Valley Belgium NV
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * @@license_version:1.7@@
 */

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
#main_container {
    min-height: 100%;
    position: relative;
}
#header {
    height: 66px;
    width: 100%;
}
#body {
    padding: 20px;
    padding-bottom: 100px;   /* Height of the footer */
}
#logo {
    margin: 8px 16px 8px 16px;
    width: 50px;
    height: 50px;
    display: inline-block;
}

#home-link {
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 16px;
}

form {
    margin: 0;
}

.box-small-width {
    max-width: 350px;
}

.white-box {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
}


[class*="span"] {
    margin-left: 0px;
}

@media (max-width: 767px) {
    /*
    for fixing modal width on small screens
    http://stackoverflow.com/questions/10437151/twitter-bootstrap-modal-on-mobile-devices
    */
    .modal {
        position: fixed;
        top: 3%;
        right: 3%;
        left: 3%;
        width: auto;
        margin: 0;
    }
    .modal-body {
        height: 60%;
        max-height: 350px;
        padding: 15px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}


.no-account-yet {
    margin: 16px 0 0;
}