@media (min-width: 1000px) {
    .extradata {
        float:left;
        width:33.333%;
    }
    .col-md-4 {
        width: 33.333333%;
        margin-top: 30px;
    }
}

@media (max-width: 1000px) {
    .extradata {
        float:none;
        width:100%
    }
    .col-md-4 {
        width: 100%;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    .col-md-3.gauge {
        float:none;
        width:100%
    }
}

.col-md-4 {
    padding-left:20px;
}

.container {
    width:100%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.chartouter {
    text-align: center;
    padding-left:20px;
    margin-top: 10px;
    width: 33.333333%;
}
.chartinnerlabel {
    text-align: center;
    width:300px;
    margin:auto;
    position:relative;
    height:50px;
    margin-top:-10px;
    }
    .chartinnerlabel > p{
        position:absolute;
        right:39px;
    }
    .chartinnerlabel > p:first-child{
        left:39px;
        right:auto;
    }
    .chartinnerlabel > h4{
        position:absolute;
        left:50%;
        top:8px;
        transform:translateX(-50%);
        color:black;
        font-size:16px;
    }
.gauge-info{
    width:300px;
    margin:auto;
    text-align:left;
    padding-left:40px;
    }
    .gauge-info > h3{
        font-size:21px;
        margin-bottom:2px;
        font-family: "Bebas Kai Regular", "Bebas Neue Regular", "Dosis", Helvetica, Arial, sans-serif;
    }
.grey {
    color:#AEAAA9;
}

.gauge-info > .grey:nth-child(4){
    font-size:12px;
}

.gebouw {
    color:black;
    font-size:12px;
    margin-bottom:0;
}

.gauge {
    text-align: center;
    padding:0;
    width:100%;
    min-width:200px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: white;
    color:#BE1927;
}

.nav > li > a {
    color: white;
    background-color: #BE1927;
}

.container {
    padding-top:10px;
}

table {
    width: 100%;
}

@media (max-width: 350px){
    .col-md-3.gauge{
        transform:scale(0.7);
    }
}

td.form-control.contact {
    width:50%;
    padding:5px;
    /* add padding if needded */
}

.footer {
    bottom:1px;
}

.nav-tabs.nav-justified>li>a {
    border-radius:0px;
    width:33.3333%;
    float:left;
    text-align: center;
    border-left: solid 1px white;
    min-height: 90px;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
    border:0px;
}

.terms {
    width:87%;
    margin-left: auto;
    margin-right: auto;
}

#site-content {
    background-color: white;
}
input.form-control, #group {
    border:solid 1px lightgrey;
    margin-bottom:20px;
    padding:20px;
}
textarea.form-control {
    border-radius: 6px;
    border:solid 1px lightgrey;
    min-height:150px;
    margin-bottom: 15px;
    padding:20px;
}
.form-submit-button {
    width:100%;
}
.grip-default-btn {
    width:100%;
}
#contactcontainer {
    width:89%;
}

.container.building td {
    padding:5px;
    width:50%;

}

.tab-content>.tab-pane {
    width:0;
    display: block;
    visibility:hidden;
    height:0;
    overflow: auto;
}

.tab-content>.active {
    width:100%;
    height: auto;
    visibility:visible;
}
.container.building.row {
    height:unset;
}

.mobile-content > .wrapper > .card{
    background-color:black;
    position:relative;
    }
    .mobile-content > .wrapper > .card > img{
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%, -50%);
    }
.card > nav > .row{
    overflow:visible;
    list-style:none;
    margin:0;
    padding:0;
    }
    .card > nav > .row > li{
        padding:0;
        border-left:1px solid white;
        }
        .card > nav > .row > li:first-child{
            border-left:0;
        }
        @media (min-width: 461px) {
            .card > nav > ul > li > a{
                min-height:102px;
            }
        }
        .flex-nav a {
            text-decoration: none;
            display:flex;
            justify-content:center;
            align-items:center;
            width:100%;
            height:100%;
            min-height:80px;
            padding:15px;
            text-align:center;
            color:white;
            background-color:#BA182B;
        }
        .flex-nav .active a{
            background-color:white;
            color:#BA182B;
        }
        .flex-nav li:nth-child(2) > a {
            margin-left: 1px;
            margin-right: 1px;
        }
.mobile-content > .wrapper > .card > img{
    height:100%;
}

.flex-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.flex-nav li {
    flex: 1;
    display:flex;
}

#contract {
    padding-bottom:17px;
}

.extradata > table > tbody > tr > .table-title {
     padding-left:25px;
}

.extradata > table > tbody > tr > .table-value {
    padding-left:7px;
}

.carousel-indicators {
    z-index:4;
}