/*************************************************************/
/* css/style_kumpel.css                                      */
/*                                                           */
/* DESCRIPTION: Style sheet - Kumpel                         */
/*                                                           */
/*************************************************************/

.ku_header {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ku_information {
    font-size: 18px;
    margin-bottom: 12px;
}
.ku_kumpelratings {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.ku_kumpelrow {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.ku_kumpelinfo {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
img.ku_title {
    width: 80px;
}

@media screen and (max-width: 743px) {
    .ku_profile {
        width: 120px;
    }
}

@media screen and (max-width: 575px) {
    .ku_profile {
        width: 80px;
    }
}

.ku_rec {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.ku_rec_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ku_rec_ratings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}
.ku_rec_rating {
    width: 230px;
}
.ku_rec_rating.minireview {
    width: 100%;
}

#ku_list ul {
    margin: 5px;
    height: 300px;
    overflow: scroll;
    overflow-x: hidden;
}

#ku_list ul li {
    padding: 5px;
    border-top: 1px var(--color-mono-85) solid;
    clear: both;
    height: 40px;
}
#ku_list ul li:first-child {
    border: none;
}

#ku_list ul li div.ku_tci {
    float: right;
    text-align: center;
}

#ku_list ul li div.ku_tci a {
    color: var(--color-red);
}

#ku_list ul li a {}

#ku_list ul li img {
    margin-right: 5px;
    float: left;
}

#ku_jointrecs_contents {
    margin-top: 8px;
}

#ku_jointrecs_contents h3 {
    padding: 5px;
    margin: 0px;
}

#ku_jointrecs_contents a {}

#ku_jointrecs_psi {
    font-weight: bold;
}

#ku_jointrecs img {
    float: right;
    margin-left: 5px;
    width: 135px;
}
#ku_joint_processing img {
    float: none;
    width: 16px;
    height: 16px;
}

#ku_jointrecs_options {
    padding: 5px;
}

#ku_sentmsg {
    margin-bottom: 10px;
}

#ku_msg form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#ku_msgwrite_text {
    color: black;
    font-weight: normal;
}

.ku_nokumpels {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ku_nokumpels_head {
    font-weight: 700;
}

#ku_pages {
    margin: 24px 0;
}

.ku_kumpel_summary em,
.ku_kumpel_summary b,
.ku_rec_rating em,
.ku_rec_rating a, 
.ku_rec_rating span {
    vertical-align: top;
}