html {
    font-size: 14px;
}

html {
    position: relative;
    min-height: 100%;
}

/*Layout Style*/
.navHeader {
    width: 23%;
}

.logo {
    width: 4%;
    position: absolute;
    top: 12%;
}

.navbar-brand {
    margin-left: 27%;
}

[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active, [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: rgb(52 58 64);
    color: #ebecec;
}

.nav-treeview .nav-item .active .fa-circle{
    color: #ffdd00;
}


/*Shared Styles*/
.title {
    margin-top: 3%;
}

.titleBtn {
    align-items: center;
    display: flex;
    justify-content: end;
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle, .mvc-grid-pager .active, .mvc-grid-pager .active:focus, .mvc-grid-pager .active:hover, .btn-primary, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #ffdd00;
    border-color: #ffdd00;
    color: black;
}

    .btn-check:focus + .btn-primary, .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.25rem rgb(253 233 49 / 50%);
        color: white;
    }

    .btn-primary:hover, .btn-primary.breadcrumb-item:hover {
        background-color: #ffbb00;
        border-color: #ffbb00;
    }

    .btn-primary a{
        color:black
    }

.card-body .col-sm-3 {
    max-width: 20%;
}

.card-body input, .card-body select {
    margin-bottom: 5%;
}

.card-primary:not(.card-outline) > .card-header {
    background-color: #fffad6;
}

    .card-primary:not(.card-outline) > .card-header, .card-primary:not(.card-outline) > .card-header a {
        color: black;
    }

.mvc-grid-pager {
    margin-top: 3%;
}

/*Assign POS Style*/
.pos .form-control {
    margin-top: 1%;
    margin-bottom: 2%;
}

.pos .form-group {
    text-align: center;
    margin-bottom: 1%;
}

    .pos .form-group input {
        width: 8%;
    }


/*template css*/
main {
    padding-left: 3%;
    padding-right: 3%;
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    /*left: 2%;*/
    margin-top: 0.125rem;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #ffdd00;
    color: black;
}

.nav-treeview li a {
    display: flex;
    align-items: center;
}

.nav-treeview li p {
    margin-bottom: 0;
}

.ImageCenter {
    width: 40%;
    max-width: 85px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/**dashboard style*/

.bg-Cash {
    background-color: #51c7bc;
}

.bg-Fawry {
    background-color: #8bc34a;
}

.bg-PayMob {
    background-color: #03a9f4;
}

.bg-Points {
    background-color: #ddc10c;
}

.bg-Visa {
    background-color: #e47855;
}

.bg-FawrySdk {
    background-color: #a09d9b;
}



/*end of dashboard style*/


/*info box hover*/
.info-box {
    cursor: pointer;
    min-height:60px !important;
}
/*Index Transaction Style*/
.header-gray {
    background-color: #f7f7f7 !important;
}
.flex-container {
    display: flex;
    justify-content: flex-end; /* Align children to the right */
}
.excel-color
{
    color:green !important;
}
.ExcelPrint {
    text-align: right;
}
    .ExcelPrint a .fa-file-excel {
        height: 30px;
    }
    @media (max-width: 820px) {
        html {
        font-size: 16px;
    }

    /*Layout Style*/
    .logo {
        width: 11%;
        position: relative;
    }

    .navbar-brand {
        margin-left: 3%;
    }

    .navHeader {
        width: 80%;
    }

    /*template css*/
    main {
        padding-left: 0%;
    }
}
.required {
    color: red !important
}

.button-group {
    float: inline-end;
}
.validation-summary-valid {
    display: none;
}
.col-custom {
    flex: 0 0 calc(100% / 9);
    max-width: calc(100% / 9);
}
/* Medium screens (tablets) → 6 items per row */
@media (max-width: 992px) {
    .col-custom {
        flex: 0 0 calc(100% / 6);
        max-width: calc(100% / 6);
    }
}

/* Small screens (mobiles) → 2 items per row */
@media (max-width: 576px) {
    .col-custom {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }
}