:root {
    --primary-color: #02355a;
    --secondary-color: #02355a;
    --yellow-color: #FFB64D;
    --pink-color: #FF5370;
    --bg-color: #f1f0f0a3;
    --input-bg: #f5f5f5;
    --border-color: #e0e0e0;
     --text-secondary: #666666;
    --text-white: #ffffff;
}



.order-card {
    color: var(--text-white);
}

.bg-c-blue {
    background: linear-gradient(45deg, #4099ff, #73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg, #2ed8b6, #59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg, #FFB64D, #ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg, #FF5370, #ff869a);
}


.card {
    border-radius: 30px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding: 25px;
}

.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}


.has-arrow.mm-active {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    margin: 0 11px;
    border-radius: 10px;
}

.has-arrow.mm-active i {
    color: #fff !important;
}

.main-menuitem.active {
    background-color: var(--secondary-color);
    color: #fff !important;
    margin: 0 11px;
    border-radius: 10px;
}

.main-menuitem.active i {
    color: #fff !important;
}

.has-arrow.mm-active i {
    color: var(--text-white);
}

.has-arrow.mm-active:hover {
    background-color: var(--secondary-color) !important;
}

/* Remove margin when sidebar is collapsed (icon only mode) */
body[data-sidebar-size="sm"] .has-arrow.mm-active,
body[data-sidebar-size="sm"] .main-menuitem.active {
    margin: 0 !important;
}
.btn, input, select, textarea{
    border-radius: 10px !important;
}


.modal-content{
    border-radius: 30px !important;
}