/* General */
.shadow-01 {
    box-shadow: 0 5px 5px 0 rgba(16, 16, 16, 0.59);
}
.mb-6 {
    margin-bottom: 85px;
}
.w-21 {
    width: 8rem;
}
.w-53 {
    width: 14rem;
}



/* Border */
.border-b-1 {
    border-bottom-width: 3px;
}
.border-White {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-Yellow {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 0 / var(--tw-border-opacity));
}
/* Border hover */
.hover\:border-Grey31:hover {
    --tw-border-opacity: 1;
    border-color: rgb(79 79 79 / var(--tw-border-opacity));
}


/* Background */
.bg-DarkBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 139 / var(--tw-bg-opacity));
}

.bg-Branco {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-DarkBlueGradient {
    --tw-gradient-from: #000670;  
    --tw-gradient-stops: var(--tw-gradient-from), #080134;  
    --tw-bg-opacity: 1;
    background: linear-gradient(to bottom, var(--tw-gradient-stops));  
}
/* Background Hover */
.bg-Yellow:hover {
    background-color: rgb(255, 255, 0);
}
.hover\:bg-Yellow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 0 / var(--tw-bg-opacity));
}


/* Text */
.text-DarkBlueGradient {
    color: #000670; 
}

/* Text Hover */
.hover\:text-DarkBlue:hover {
    --tw-text-opacity: ;
    color: rgb(0 0 139 / var(--tw-text-opacity));
}
.hover\:text-Black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:text-Yellow:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 0 / var(--tw-text-opacity));
}



.focus\:border-a:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 0 / var(--tw-border-opacity));
}



/*Componentes */
/* Footer */
footer {
    background: linear-gradient(to bottom, #000670, #080134);
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* Bar Grafic */
.barChartBox {
    background: linear-gradient(to bottom, #000670, #080134);
    border-radius: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);
    padding: 2% 2% 2% 2%;
}
.barChart {
    border-radius: 20px;
}

/* Tables */
.table-application {
    border: #000000 solid 2px;
    box-shadow: 0 5px 5px 0 rgba(16, 16, 16, 0.59);
    border-radius: 20px;
    text-align: center;
}

/*Select unidades*/
.select-btn {
    border: 1.5px solid #808080;
    justify-content: space-between;
    box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    align-items: center;
    padding: 0 16px;
    border-radius: 8px;
}
.select-btn .arrow-dwn{
    display: flex;
    height: 21px;
    width: 21px;
    color: black;
    font-size: 15px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: 0.3;
}
.list-items {
    position: relative;
    margin-top: 5px;
    border-radius: 8px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    display: none;
    max-height: 200px; 
    overflow-y: auto; 
}
 .item {
    display: flex;
    align-items: center;
    list-style: none;
    height: 30px;
    cursor: pointer;
    transition:  0.3s;
    border-radius: 8px;
    padding: 0 10px 0 10px;
}
.checkbox{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    margin-right: 12px;
    border: 1.5px solid rgb(26, 26, 26);
    transition: all 0.3s ease-in-out;
}
.item.checked .checkbox{
    background-color: #1a23be;
    border-color: #1a23be;
}
.checkbox .check-icon{
    color: #ffff3d;
    font-size: 11px;
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}
.select-btn.open ~ .list-items{
    display: block;
}
.item.checked .check-icon{
    transform: scale(1);
}
.list-items .item:hover {
    background-color: rgb(242, 246, 113);
}
.select-btn.open .arrow-dwn{
    transform: rotate(-180deg);
}

/*Select coordinators*/
.select-btn_coordinator {
    border: 1.5px solid #808080;
    justify-content: space-between;
    box-shadow: 0 5px 10px rgba(0,0,0, 0.1);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    align-items: center;
    padding: 0 16px;
    border-radius: 8px;
}
.select-btn_coordinator .arrow-dwn_coordinator {
    display: flex;
    height: 21px;
    width: 21px;
    color: black;
    font-size: 15px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: 0.3;
}
.list-items_coordinator {
    position: relative;
    margin-top: 5px;
    border-radius: 8px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    display: none;
    max-height: 200px; 
    overflow-y: auto; 
}
 .item_coordinator {
    display: flex;
    align-items: center;
    list-style: none;
    height: 30px;
    cursor: pointer;
    transition:  0.3s;
    border-radius: 8px;
    padding: 0 10px 0 10px;
}
.checkbox_coordinator {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    margin-right: 12px;
    border: 1.5px solid rgb(26, 26, 26);
    transition: all 0.3s ease-in-out;
}
.checkbox_coordinator .check-icon_coordinator{
    color: #fff700;
    background-color: #1a23be;
    border-color: #1a23be;
    font-size: 11px;
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}
.select-btn_coordinator.open ~ .list-items_coordinator{
    display: block;
}
.item_coordinator.checked .check-icon_coordinator{
    transform: scale(1);
}
.list-items_coordinator .item_coordinator:hover {
    background-color: rgb(242, 246, 113);
}
.select-btn_coordinator.open .arrow-dwn_coordinator{
    transform: rotate(-180deg);
}

/* Pagination */
.pagination-list li a:hover {
    background-color: rgb(253, 253, 229); 
}

.pagination-list li a.selected {
    background-color: #000670;
    color: white;
}