:root {
    --primary-color: #ffc000;
    --secondary-color: #333;
}

.custom-btn {
    background-color: var(--primary-color);
    border: var(--primary-color);
}

.custom-btn:hover {
    background-color: var(--secondary-color);
}

.inst-login-card {
    border: 3px solid var(--secondary-color);
    border-radius: 5px;
}

.adm-login-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.customer-profile-img {
    width: 50px;
    height: 50px;
    display: inline-block;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
}

.company-information {
    margin-top: 10px;
    border: 1px solid var(--primary-color);
    padding: 10px;
    border-radius: 10px;
}

/* select 2 height fixed */
.select2-container--default .select2-selection--single {
    height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

.bg-gradient-primary {
    background-color: #ffcf00 !important;
    background-image: none;
}

.nav-item a,
.nav-item i,
.nav-item a::after,
.sidebar-dark .sidebar-heading {
    color: #222 !important;
}

.sidebar-dark #sidebarToggle {
    background-color: #222;
}

.bg-white {
    background-color: #ffffff8a !important;
}

.page-item.active .page-link {
    background-color: #ffcf00;
    border-color: #ffcf00;
}

.topbar-colo-bd {
    background-color: #1b2b36 !important;
}

.text-base-color {
    color: #1b2b36;
}

.btn-dark {
    background-color: #1b2b36;
    color: #fff;
}