.loading-screen {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,.85);
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 999999;
}

.loading-screen.show {
    display: flex;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 6px solid #ddd;
    border-top: 6px solid #0d6efd;
    border-radius: 50%;
    animation: spin .8s linear infinite;
}

.message {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.ts-wrapper {

    font-size:.875rem;

}

.ts-control{

   

    border:1px solid var(--phoenix-border-color);
    border-radius:.5rem;

    min-height:42px;

    box-shadow:none;

}

.ts-control:focus-within{

    border-color:var(--phoenix-primary);

    box-shadow:0 0 0 .25rem rgba(56,116,255,.25);

}

.ts-dropdown{

    border-radius:.75rem;

    border:1px solid var(--phoenix-border-color);

    overflow:hidden;

    box-shadow:0 .75rem 2rem rgba(0,0,0,.15);

}

.ts-dropdown .option{

    padding:12px 16px;

    border-bottom:1px solid #f3f3f3;

}

.ts-dropdown .active{

    background:var(--phoenix-primary);

    color:#fff;

}

.ts-dropdown .active .text-body-secondary{

    color:#dfe9ff !important;

}

.modal-content{
    background:#fff !important;
}

.modal-body{
    background:#fff !important;
}

.ts-dropdown {
    background: white !important;
}

.ts-dropdown-content {
    background: white !important;
}

.ts-dropdown .option {
    background: white !important;
}