.font-bold{
    font-weight: bolder;
}

.d-flex{
    display: flex;
}

.d-inline-block{
    display: inline-block;
}

.gap-2{
    gap: 1.5rem;
}

.flex-column{
    flex-direction: column;
}

.align-items-center{
    align-items: center;
}

.text-align-end{
    text-align: end;
}

.m-0{
    margin: 0 !important;
}

.m-1{
    margin: 0.25rem !important;
}

.p-0{
    padding: 0 !important;
}

.p-2{
    padding: 1rem !important;
}

.py-1{
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.px-2{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.pb-0{
    padding-bottom: 0 !important;
}

.pb-1{
    padding-bottom: .75rem;
}

.mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ms-2{
    margin-left: 1rem !important;
}

.mb-1{
    margin-bottom: .75rem;
}

.mb-2{
    margin-bottom: 1.5rem;
}

.mb-3{
    margin-bottom: 1.75rem;
}

.mb-4{
    margin-bottom: 2rem;
}

.mb-5{
    margin-bottom: 2.75rem;
}

.border-bottom{
    border-bottom: 1px solid #FFFFFF;
}

.border-white{
    border-color: #FFFFFF;
}

.border-0{
    border-width: 0;
}

.border-1{
    border-width: 1px;
}

.box-shadow-none{
    box-shadow: none;
}

.w-100{
    width: 100%;
}

.w-75{
    width: 75%;
}

.w-50{
    width: 50%;
}

.w-30{
    width: 30%;
}

.w-25{
    width: 25%;
}

.w-10{
    width: 10%;
}

.w-max-content{
    width: max-content;
}

.font-weight-normal{
    font-weight: normal;
}

.gc-evaluation-button{
    background-color: #FC6721;
    color: #FFFFFF;
}

.gc-card {
    border: 2px solid #FFFFFF;
    background-color: #D7D7D733;
    border-radius: 20px;
    margin: 1.3em 0;
    padding: 1.3em 30px !important;
}

.card-title {
    color: #FC6721;
    border-color: #FC6721;
}

.text-success{
    color: #FC6721;
}

legend{
    color: #4A4A4A;
}

[v-cloak] {
    display: none;
}

.gc-table,
.gc-table th,
.gc-table td,
.gc-table thead th,
.gc-table tbody td
{
    padding: 0.5em !important;
    color: #4A4A4A;
}

.gc-table tbody tr:nth-child(odd){
    background: #0000000D;
}

.page-item:not(.disabled){
    border-radius: 10px;
    cursor: pointer;
}

.page-item.disabled{
    cursor: default;
}

.page-item.active{    
    background: #FC6721;
    color: #FFFFFF;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.loading-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #FC6721;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.gc-date-picker{
    background: #fff; 
    cursor: pointer; 
    padding: 5px 10px; 
    border: 1px solid #ccc; 
    width: fit-content; 
    display: flex; 
    align-items: center; 
    flex-direction: row;
    gap: 5px;
}

.gc-date-picker img{
    width: 16px;
    height: 16px;
}

.gc-date-picker span{
    color: #000;
}

.table-filter{
    display: flex;
    gap: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 600px) {
    .gc-table{
        display: block;
        width: 100%;
    }

    .gc-table thead th{
        display: none;
    }

    .gc-table tbody td{
        display: block;
        border: none;
        width: 100%;
    }

    .gc-table tbody td::before{
        content: attr(data-name) ": ";
        font-weight: bold;
        margin-right: 5px;
    }

    .table-filter{
        display: block;
    }
}