/* Basic Box styling  */
.information_box{
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: auto 65%;
    min-height: 350px;
    position: relative;
    padding: 25px 35px;
}
.display-flex .information_box {
    height: 100%;
}
.information_box h3, .information_box h4 {
    margin: 0px;  
}
.information_box h3{
    margin-bottom: 10px; 
}
.information_box.points.items_per_row_3 .information_image,
.information_box.items_per_row_2.points{
    background-image:url(/images/icons/points.png); 
}
/* Add Padding if there is no progress bar*/
.information_box.no_progress_bar.items_per_row_3{
    padding-bottom: 71px;
}
.information_box.items_per_row_3.trophies .information_image, 
.information_box.items_per_row_2.trophies{
    background-image:url(/images/icons/trophy.png); 
}

.information_box.items_per_row_2.content{
    background-image:url(/images/icons/inhalte.png); 
}

/* Two in a Row */
.information_box.items_per_row_2 .lower_content{
    width: 35%; 
    position: absolute; 
    bottom: 30px; 
    left: 35px;
}


/* Three in a row */
.information_box.items_per_row_3 .information_image,
.information_box.items_per_row_3 .upper_content{
    width: 100%; 
    
}

.information_box .information_image {
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 30px;
}

.information_box.items_per_row_3.ranking{
    padding-bottom: 0;
}

.highscore .information_image{
    text-align: center;
} 
.highscore .information_image .round_image{
    max-height: 120px;
}

.employees .dashboard_blocks h3{
    font-size: 24px;
}
.employees .dashboard_blocks .h2,
.employees .dashboard_blocks h4{
    font-size: 22px;
    
} 


/* @link https://trello.com/c/mQOFqFJB/57-design-templating-css-html-master-browser-support-favicons#comment-5f3535d73de9976c33b071e4 */
.information_box.items_per_row_3 .ranking_list{
    margin-left: -35px;
    margin-right: -35px;
    height: 320px;
    overflow-y: auto;
    border-top: 1px solid #dddddd;
}

    .information_box.items_per_row_3 .ranking_list .item{
        border-top: 1px solid #dddddd;
        padding: 15px 0;
    }
    .information_box.items_per_row_3 .ranking_list .item:first-child{
        border-top: 0;
    }

        .information_box.items_per_row_3 .ranking_list .item .item_info span{
        display: block;
        } 

        /*user ranking item*/
        .information_box.items_per_row_3 .ranking_list .item.back_yellow *{
            color:#fff;

        }

/*small information box - added new to design https://xd.adobe.com/view/68b2e796-030a-4a87-937b-01b5f553ded5-3de1/screen/0ae80fd2-8f3b-4f93-9920-31a0b9cb3c95/*/
.information_box.small{
    min-height: 146px;
}
.information_box.small.profile {
    min-height: 182px;
}
    .information_box.small h3{
        margin:0;
    }
    .information_box.small .lower_content{
        bottom: 30px;
    }
    .information_box.small .progress_bar {
        margin-bottom: 0px;
    }
    .information_box.small.points{
        margin-bottom: 0;
    }

/*nutzerverwaltung information box - added new to design https://xd.adobe.com/view/68b2e796-030a-4a87-937b-01b5f553ded5-3de1/screen/427ccc46-9a12-4616-9c99-9a5fe191c440/specs/ */

.blocks_nutzerverwaltung{
    margin-bottom: 50px;
}

.blocks_nutzerverwaltung .information_box{
    min-height: 140px;
    padding: 20px;
    cursor: pointer;
}

.blocks_nutzerverwaltung .information_box .content{
    display: flex;
    align-items: center;
    min-height: 55px;
}
.blocks_nutzerverwaltung .mitarbeiter .content .column{
    display: flex;
    align-items: center;
}
.blocks_nutzerverwaltung .mitarbeiter .content .right_column{
    justify-content: flex-end;
}


/*Achievements*/
.achievement_list{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.information_box.achievement{
    height: 100%;
    text-align: center;
    padding: 25px 35px 80px;
} 
.information_box.achievement.certificate{
    padding-bottom: 75px;
} 

.information_box.achievement h3{
    margin-bottom: 25px;
    min-height: 84px;
    margin-bottom: 0px;
}
.information_box.achievement img{
    display: block;
    margin: auto;
    margin-bottom: 25px;
    max-height: 204px;
}
/* Bigger image for col-md-6 Achievements */
.information_box.achievement.wide img{
    display: block;
    margin: auto;
    margin-bottom: 25px;
    max-height: 270px;
}
.information_box.achievement .btn{
    position: absolute;
    bottom: 25px;
    width: calc(100% - 70px);
    min-width: 260px;
    left: 50%;
    transform: translate(-50%,0);
    text-align: center;
}

/* Learning Path */
    .view_progress .tiles {
        display: flex;
    }
    .view_progress .tiles .information_box {
        height: 100%;
    }
    .view_progress .tiles .information_box .upper_content {
        max-width: 68%;
    }
    .view_progress .tiles .information_box h4 br {
        display: none;
    }