.modal-lg, .modal-xl {
    max-width: 1100px;
}

.wizard #progressBar{
    width: 100%;
    height: 15px;
    margin: 0 0 20px 0;
    border: 0;
    border-radius: 0;
}

form#multiphase > #phase2, #phase2_Different, #phase3, #phase4, #phase4_TRL1-2, #phase4_TRL3-4, #phase5, #phase5_none-of-above, #phase5_patent, #phase6, #phase6_100k, #phase6_25M, #phase7, #phase8, #phase9, #phase10, #phase11, #show_all_data,
#phase2Business, #phase3Business, #showDataBusiness{
    display: none;
}

.wizard.container{
    max-width: 100% !important;
}

.wizard img{
    max-height: 100% !important;
    max-width: 100%;
}


.wizard h4{
    margin-bottom: 10px;
    color: #ccc;
}

.slider{
    margin-bottom: 15px;
}

.slider-value{
    border:0;
    color:#65bef5;
    font-weight:bold;
}

.modal-content{
    height: auto !important;
}

#TRLModal .modal-content{
    height: auto !important;
    border: 0;
    background-image: url("../../images/bg/trl-modal.png");
    background-repeat: repeat-y;
    color: #fff;
background-size: contain;
}

#TRLModal .modal-content a{
    color: #ccc;
}

#TRLModal .modal-content h2{
    color: #ccc;
}

#TRLModal ol {
    list-style-type: none;
    counter-reset: elementcounter;
    padding-left: 0;
}

#TRLModal ol li:before {
    content: "TRL " counter(elementcounter) ": ";
    counter-increment: elementcounter;
    font-weight: bold;
}


#TRLModal .modal-content .modal-body{
    padding: 30px;
}

.gender_male, .gender_female,
.branche_Industrie_icon, .branche_Infrastructuur_icon, .branche_Energie_icon, .branche_Chemie_icon, .branche_Elektronica_software_icon, .branche_Voedselproductie_icon, .branche_Medical_icon, .branche_Onderwijs_icon, .branche_Anders_icon,
.investmentneeds_100K, .investmentneeds_100K-250K, .investmentneeds_250K-1M, .investmentneeds_1M-25M, .investmentneeds_25M,
.fte_2_4, .fte_5_10, .fte_10,
.patent_granted, .patent_pending, .patent_publication, .patent_new,
.TRL_12, .TRL_34, .TRL_56, .TRL_789, .TRL_Complete
{
    display: none;
}

.gender_male, .gender_female{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index:1;
    max-width: 65%;
}

.gender_male img, .gender_female img{
    max-height: 400px !important;
}

.branche_Industrie_icon, .branche_Infrastructuur_icon, .branche_Energie_icon, .branche_Chemie_icon, .branche_Elektronica_software_icon, .branche_Voedselproductie_icon, .branche_Medical_icon, .branche_Onderwijs_icon, .branche_Anders_icon{
    position: absolute;
    right: -10px;
    bottom: 0;
    z-index: 5;
    max-width: 30%;
}

.investmentneeds_100K, .investmentneeds_100K-250K, .investmentneeds_250K-1M, .investmentneeds_1M-25M, .investmentneeds_25M{
    position: absolute;
    left: 1%;
    top: 20px;
    z-index: 0;
    width: 98%;
}

.investmentneeds_100K img, .investmentneeds_100K-250K img, .investmentneeds_250K-1M img, .investmentneeds_1M-25M img, .investmentneeds_25M img{
    max-height: 185px;
}

.TRL_12, .TRL_34, .TRL_56, .TRL_789, .TRL_Complete{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    max-height: 670px;
}

.TRL_12 img, .TRL_34 img, .TRL_56 img, .TRL_789 img, .TRL_Complete img{
    height: calc(50vh);
    top: 0;
    max-height: 670px;
    right: 0;
    float: right;
}

.patent_granted, .patent_pending, .patent_publication{
    position: absolute;
    left: 45%;
    bottom: 2%;
    z-index: 10;
    max-width: 150px;
    width: 20%;
}

.patent_new{
    left: 40%;
    bottom: 55%;
    position: absolute;
    z-index: 10;
    max-width: 100px;
}

.fte_2_4{
    position: absolute;
    bottom: 0;
    left: 100px;
    z-index: 0;
    max-width: 45%;
}

.fte_5_10, .fte_10{
    position: absolute;
    bottom: 0;
    left: 40px;
    z-index: 0;
    max-width: 55%;
}

.fte_2_4 img, .fte_5_10 img, .fte_10 img{
    max-height: 475px !important;
}

.border-left{
    position: absolute;
    bottom: 0;
    left: -2px;
    z-index: 100;
    height: calc(100vh);
}

.border-right{
    position: absolute;
    bottom: 0;
    right: -2px;
    z-index: 100;
    height: calc(100vh);
}

.border-top{
    position: absolute;
    top: -2px;
    right: 0;
    z-index: 100;
    width: 100%;
}

.border-bottom{
    position: absolute;
    bottom: -2px;
    right: 0;
    z-index: 100;
    width: 100%;
}

.chosen-option{
    display:block;
    float:left;
    width:100%;
    height: calc(70vh);
    max-height: 700px;
    background-image: url("../../images/wizard/bg-separated.png");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    text-align:center;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 600px){
    .border-left{
        position: absolute;
        bottom: 0;
        left: -10px;
        z-index: 100;
        height: calc(100vh);
    }

    .border-right{
        position: absolute;
        bottom: 0;
        right: -10px;
        z-index: 100;
        height: calc(100vh);
    }

    .border-top{
        position: absolute;
        top: -10px;
        right: 0;
        z-index: 100;
        width: 100%;
    }

    .border-bottom{
        position: absolute;
        bottom: -10px;
        right: 0;
        z-index: 100;
        width: 100%;
    }
}

@media only screen and (max-height: 900px){
    .gender_male img, .gender_female img {
        max-height: 300px !important;
    }

    .branche_Industrie_icon, .branche_Infrastructuur_icon, .branche_Energie_icon, .branche_Chemie_icon, .branche_Voedselproductie_icon, .branche_Elektronica_software_icon, .branche_Medical_icon, .branche_Onderwijs_icon, .branche_Anders_icon {
        position: absolute;
        right: -10px;
        bottom: 10px;
        z-index: 5;
        max-width: 15%;
    }

    .patent_new {
        left: 180px;
        bottom: 45%;
    }

    .patent_granted, .patent_pending, .patent_publication {
        left: 25%;
    }

    .investmentneeds_100K, .investmentneeds_100K-250K, .investmentneeds_250K-1M, .investmentneeds_1M-25M, .investmentneeds_25M {
        left: 20%;
        width: 60%;
    }

    .fte_5_10, .fte_10 {
        left: 0;
    }

    .fte_2_4 img, .fte_5_10 img, .fte_10 img {
        max-height: 300px !important;
    }

    .TRL_12 img, .TRL_34 img, .TRL_56 img, .TRL_789 img, .TRL_Complete img {
        height: calc(40vh);
        margin-top: 30px;
        margin-right: 5px;
    }
}