@import "config.css";

/* Edit Here extra css */
.select2.select2-container {
    width: calc(100% - 44px) !important;
}

.acc-card:hover {
    border: 2px solid var(--primary);
}

.acc-card label:hover {
    cursor: pointer;
}

.wizard-content .wizard>.steps>ul>li.current .step {
    border-color: var(--primary);
    background-color: #fff;
    color: var(--primary);
}

.wizard-content .wizard>.steps>ul>li.done .step {
    background-color: var(--primary);
    /* background-color: #2962FF; */
    border-color: var(--primary);
    color: #fff;
}

.wizard-content .wizard.wizard-circle>.steps>ul>li:after, .wizard-content .wizard.wizard-circle>.steps>ul>li:before {
    background-color: var(--primary);
}

.wizard-content .wizard>.actions>ul>li>a {
    background: var(--primary);
}

.wizard-content .wizard>.actions a, .wizard-content .wizard>.actions a:hover, .wizard>.actions a:hover {
    background: var(--primary);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--primary);
    border-color: #ffffff #ffffff var(--primary);
}
.nav-tabs .nav-link {
    color: gray;
}
.form-check:hover {
    color: var(--primary);
    cursor: pointer;
}
.scroll-sidebar {
    height: 100%;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--primary);
}
.form-control {
    font-weight: 500;
    color: #4b383c;
}
.form-control::placeholder { 
    color: #cac8c8;
    font-weight: 200;
    opacity: 1; 
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active {
    background-color: var(--primary);
    color: #fff !important;
    opacity: 1;
    font-weight: 400
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active i,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active i {
    color: #fff !important
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active:after,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active:after {
    border-color: #fff
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background-color: var(--primary);
}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin6], #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin6] {
    background: #ffffff;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background-color: #474747;
}


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

.form-check-input .check-outline .outline-primary {
    border: 1px solid var(--primary);
    background-color: transparent
}

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #eeeeee!important;
}

.left-sidebar {
    z-index: 11;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
    text-align: right;
}

/* dark theme set */
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active {
    background-color: #f7f7f7;
    color: var(--primary) !important;
    opacity: 1;
    font-weight: 400
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active i,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active i{
    color: var(--primary) !important;
}

.payment-card {
    width: 200px;
    height: 200px;
}

.navbar-dark .navbar-nav .nav-link.sidebartoggler {
    color: var(--primary);
}

.navbar-dark .navbar-nav .nav-link.sidebartoggler:hover {
    color: var(--primary);
}

/* Responsive */
@media (max-width:1440px) {
    
}
@media (max-width:768px) {
    .wizard-content .wizard > .actions > ul > li {
        margin: 0 auto;
    }
    .wizard-content .wizard > .actions {
        padding: 20px 10px;
    }
}
@media (max-width:425px) {
    .topbar .top-navbar .navbar-header .navbar-brand {
        padding: 0 25px;
    }
    .left-sidebar {
        top: 10px;
    }
}