/* Карточки пользователей в опросах */

.candidate-card {
    width: 740px;
    margin-bottom: 20px;

    @media (max-width: 800px) {
        width: 500px;
    }

    @media (max-width: 600px) {
        width: 300px;
    }
}

.candidate-card__label-container {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #E6E6E6;
    cursor: pointer;
}

.candidate-card__checkbox {
    display: none;
}

.candidate-card__checkmark {
    height: 45px;
    width: 45px;
    transition: .2s ease-in-out;
    border: solid #909099 2px;
    margin: 10px;
    cursor: pointer;
    position: relative;
    margin-left: auto;
    margin-right: 25px;
}

.candidate-card__checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    transition: .2s ease-in-out;

    left: 15px;
    top: 9px;
    width: 12px;
    height: 18px;
    border: solid #FFFFFF;
    border-width: 0 5px 5px 0;
    transform: rotate(45deg);
}

.candidate-card__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #1A1A1A;
    transition: .2s ease-in-out;
    padding: 25px;
    cursor: pointer;
}

.candidate-card__label-container:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
    z-index: 2;
}

.selected-card {
    box-shadow: 0 4px 20px 0 rgba(0, 179, 95, .5) !important;
    z-index: 2;
}

.candidate-card__label-container:hover > .candidate-card__checkmark  {
    background-color: #E6E6E6;
}

.candidate-card__checkbox:checked ~ .candidate-card__checkmark {
    background-color: rgba(0, 179, 95, .5);
    border: solid rgba(0, 179, 95, .5) 2px;
} 
.candidate-card__checkbox:checked ~ .candidate-card__checkmark:after {
    opacity: 1;
} 

.candidate-card__body-img-container,
.candidate-card__body-img {
    max-height: 400px;
    max-width: 100%;
}

.candidate-card__body-main {
    width: 100%;
    text-align: center;
}

.candidate-card__body-main-title {
    font-size: 24px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

.candidate-card__body-main-description {
    margin-bottom: 10px;
}

.candidate-card__body-main-bussines-unit {
    color: #909099;
    margin-bottom: 10px;
}