/* ANONYMOUS COLUMNS */
.anonymous > div:nth-child(1) {
    width: 80% !important;
}
.anonymous > div:nth-child(2) {
    width: 20% !important;
}

/* AUTHENTICATED COLUMNS */
.authenticated[data-multiple-rows="1"]   {
    cursor: pointer;
}

@media (max-width: 767px) {
    .authenticated > div:nth-child(1) {
        width: 80% !important;
    }
    .authenticated > div:nth-child(4) {
        width: 20% !important;
    }
}
@media (min-width: 768px) {
    .authenticated > div:nth-child(1) {
        width: 40% !important;
    }
    .authenticated > div:nth-child(2),
    .authenticated > div:nth-child(3) {
        text-align: center;
        width: 25% !important;
    }
    .authenticated > div:nth-child(4) {
        width: 10% !important;
    }
}

/* EVALUATIONS COLUMNS */
.list-evaluations {
    border: #e8e8e8 1px solid;
    list-style-type: none;
    padding: 0;
    width: 100%;
}
.list-evaluations > li {
    align-items: center;
    display: flex;
    padding: 10px 15px;
}
.list-evaluations > li > div {
    text-align: center;
}

@media (max-width: 767px) {
    .list-evaluations > li > div:nth-child(2),
    .list-evaluations > li > div:nth-child(3) {
        width: 50%;
    }
    .list-evaluations.visible-xs {
        display: block !important;
    }
}
@media (min-width: 768px) {
    .list-evaluations > li > div:nth-child(1) {
        width: 40%;
    }
    .list-evaluations > li > div:nth-child(2),
    .list-evaluations > li > div:nth-child(3) {
        width: 25%;
    }
}

/* OTHER */
li > div > span {
    font-size: 0.8em;
}

.element-content {
    height: initial !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: right !important;
    flex-wrap: wrap !important;
    overflow-y: initial !important;
}

.element-content > .btn-evaluation {
    height: 55px !important;
    width: 55px !important;
}

.icon {
    font-size: 2.5em !important;
}

.link-area .btn {
    border: 1px solid #c1c1c1;
    border-radius: 5px !important;
}

@media (max-width: 767px) {
    .element-header {
        text-align: left !important;
    }
}