/*Write your custom css in this file.*/

/* Style of called module cards */
/* Obs! If there are errors in the cards of the other modules, remove this style and add in the tickets_cards view of the ticket module */
.minw350 {
    min-width: 250px;
}
.cards { 
    width: 100%;
    float: left;
    padding: 15px 0 15px 8px;
    margin:0 auto;
}
.card-single { 
    width: 23%; 
    float: left; 
    margin:0 1%; 
}
.cards-one,
.cards-two,
.cards-three {
    width:100%; 
    height:auto; 
    margin-bottom:10px; 
}

.align-response {
    display:flex;
    flex-direction: row;
    width: 100%;
}

.box-atribuicoes {
    padding:10px;
    border-right:1px solid #f2f2f2;
}

.box-list-atribuidos {
    font-size:0.9rem;
    line-height: 32px;
    padding:10px 0;
}

.icon-style-level-up {
    font-size:16px;
    color:#888;
    margin-right:8px;
    transform:rotate(90deg);
}

.img-of-user-atribuidos {
    width:20px;
    height:18px;
    margin-right:5px;
}

.box-data-avaliacao {
    width:100%;
    border-left:1px solid #f8f8f8;
}

@media (max-width:1200px) {
    .card-single-responsive { 
        height: 85px !important; 
    }
}

@media (max-width:990px) {

    .card-single { 
        width: 43%; 
        margin:1%; 
    }
    .card-single-responsive { 
        height: 90px; 
    }
    .box-atribuicoes {
        width:100%;
        max-width: 100%;
        border-right: 0;
    }
    .container-comments {
        width:100%; 
        border-left:0;
    }
    .align-response {
        display:flex;
        flex-direction: column;
        width: 100%;
    }
    .historico-atribuicoes {
        width:100%;
        margin-bottom:20px;
        border-bottom: 1px solid #f2f2f2;
    }
    .box-list-atribuidos {
        width: 100%;
        max-height: 120px;
        overflow-y: auto;
    }
}

@media (max-width:780px) {
    .card-single { 
        width: 100%; 
        margin:1%; 
    }

}