.fi-logo {
    width: 316px !important;
    height: 87px !important;
}

.fi-sidebar-nav{
    background-color: #1F2B3726 !important;
}

.fi-sidebar-item-active a{
    background-color: #1F2B37 !important;
}

.fi-sidebar-item-active a span{
    color: #F97B00 !important;
}

.fi-sidebar-item-active a svg{
    color: #F97B00 !important;
}

/* Apply only to the login page */
.fi-body > .fi-simple-layout {
    background-color: #1F2B37 !important;
}

.packages, .card-details{
    padding: 10px;
    position: relative;
}


.package-item{
    padding: 10px;
    border: 2px solid #1F2B37;
    border-radius: 10px !important;
    cursor: pointer;
}

.package-item:hover{
    background-color: #1F2B37;
    color: #ffff;
}

.package-item-input:checked{
    color: #F97B00 !important;
}
.package-item:has(input:checked)
{
    background-color: #1F2B37;
    color: #ffff;
}

.package-item-active{
    background-color: #1F2B37;
    color: #ffff;
}

.card-details-card{
    color: #1F2B37;
    padding: 10px;
    border: 2px solid #1F2B37;
    border-radius: 10px !important;
    cursor: pointer;
}