@import url('../Sidebar/styles.css');

#main-page {
    padding: 0px 0px 16px 0px;
    height: 100vh !important;
    width: 80% !important;
    overflow-y: scroll;
}

.nav-bar-height {
    height: 46px;
}

.full-w {
    width: 100%;
}

.avatar-container {
    background-color: rgb(179, 179, 179);
    height: 36px;
    width: 36px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.our-card-sm {
    min-height: 150px;
    height: auto;
    min-width: 250px;
    border: 1px solid rgb(224,224,224);
    border-radius: 12px;
}

.cards-row {
    overflow-x: hidden;
}

.our-card {
    height: 420px;
    background-color: #FFF;
    border: 1px solid rgb(224,224,224);
    border-radius: 12px;
}

.card-icon {
    width: 60px;
    opacity: 35%;
}

.btn-card {
    background-color: #009a74;
    border: none;
    color: white;
    border-radius: 0px 0px 12px 12px;
}

#card-nova-reclamacao {
    background-color: #009a74;
    border: none;
    color: white;
    border-radius: 12px;
    cursor: pointer;
}

#card-nova-reclamacao:hover {
    background-color: #006b50;
}

#card-nova-reclamacao:hover #card-nova-reclamacao-title {
    font-size: 26px;
    transition: font-size 0.6s ease 0s;
}

.btn-card:hover {
    background-color: #006b50;
}

.card-content:hover .card-icon {
    width: 70px;
    transition: width 0.5s ease 0s;
}

.card-btn-icon{
    width: 16px;
}

.our-card-full-width {
    width: 100%;
}

.card-data-table {
    padding: 16px;
}

.div-table-scroll {
    height: 80%;
    overflow-y: scroll;
}

.badge-educação {
    background-color: #009a74;
    color: #FFF;
}

.badge-prefeitura {
    background-color: #801612;
    color: #FFF;
}

.btn-action-table {
    width: fit-content;
}

.btn-delete-icon:hover .icon-delete{
    content: url(../../../../../../storage/img/icons/trash2.png);
}

.adjust-elements{
    display: flex;
}