:root {
    --primary: #5f2c93!important;    
    --secondary: #6c757d!important;
    --info: #4679ec!important;
    --white: #fff!important;
    --black: #000!important;
    --dark: #333!important;
    --color1: #faf7f7;
    --color2: #eef2f1;
    --red-dark: #DA4453 ;
    --green2: #28B877;
    --grey: #808080;
}

/* Bg - Background Colors Css  */
.bg-primary, .bg-highlight { background-color: var(--primary)!important; color: #fff!important; }
.bg-info, .bg-blue-dark { background-color: var(--info)!important; color: #fff!important; }
.bg-red-dark { background-color: var(--red-dark)!important; color: #fff!important; }
.bg-green2 { background-color: var(--green2)!important; color: #fff!important; }

.section-bg1 { background-color: var(--color1);}
.section-bg2 { background-color: var(--color2);}

/* Text - Font Colors Css  */
.font-primary { color: var(--primary)!important; }
.font-info { color: var(--info)!important; }
.font-black { color: var(--black)!important; }
.font-dark { color: var(--dark)!important; }
.font-red-dark { color: var(--red-dark)!important; }
.font-green2 { color: var(--green2)!important; }

/* Buttons Css  */
.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-secondary {
    background-color: #6c757d!important;
    color: var(--white)!important;
}
.btn-secondary:hover { opacity: 0.8; }

.btn-outline-secondary {
    background-color: transparent;
    border: 1px solid;
    border-color: var(--secondary);
}

.d-float-center {
    display: flex!important;
    align-items: center;
    column-gap: 5px;
    row-gap: 0px;
    flex-flow: wrap;
}
.gap-10 { column-gap: 10px; }
.gap-15 { column-gap: 15px; }
.gap-20 { column-gap: 20px; }
.gap-25 { column-gap: 25px; }

.flex-nowrap{ flex-flow: nowrap; }

.row-gap { row-gap: 5px; }

.font-16 { font-size: 16px; }

.font-100 {
    font-weight: 100!important;
}
.font-200 {
    font-weight: 200!important;
}
.font-300 {
    font-weight: 300!important;
}
.font-400 {
    font-weight: 400!important;
}
.font-500 {
    font-weight: 500!important;
}
.font-600 {
    font-weight: 600!important;
}
.font-700 {
    font-weight: 700!important;
}
.font-800 {
    font-weight: 800!important;
}
.font-900 {
    font-weight: 900!important;
}

.black-logo { width: 75px; }

a { color: var(--primary);}
.profileTabCard .form-control, .profileTabCard .form-select { border-color: var(--info)!important; }

.plansTable .th2 {
    background: linear-gradient(90deg, var(--info) 15%, var(--primary) 100%);
}
.plansTable .th3 {
    background: linear-gradient(90deg, var(--info) 15%, var(--primary) 100%);
}

.cursor-pointer {
    cursor: pointer;
}

.add-btn {
    font-weight: 600;
    padding: 7px 16px 10px;
    background: var(--primary);
    color: #fff;
    border-radius: 5px;
}
.add-btn:hover { opacity: 0.8; color: #fff; }

.form-check-input:checked {
    background-color: var(--green2);
    border-color: var(--green2);
}

.week-day-box.plansTable .actionLnk { padding: 12px; }

#application-form .actions ul li a { display: none;}

.preview-modal {
    .table-box th, .table-box td {
        padding: 0.35rem 0.5em;
        color: #333;
    }   
    .table-box th { font-weight: 700; } 
}
.dropdown-menu.dropdown-menu-right {
    right: 15px !important;
    top: 15px !important;
    left: auto!important;
    transform: translate(-50.2px, 18.4px);
    transform: none!important;
}
.w-max-content { width: max-content!important; }

.indicate-box {
    padding: 0 9px;
    border-radius: 3px;
    margin-right: 5px;  
    opacity: 1; 
}
.dropdown-menu.show li::marker { visibility: hidden; }