.breadcrumb h1 {
    font-size: 30px;
}

.text-white {
    color: white !important;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {
    font-weight: 500;
    font-size: 15px;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {
    display: inline-flex;
    width: 100%;
    padding: 12px 10px;
    color: #0b192b;
    margin: auto;
    font-size: large;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .feather, .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon {
    font-size: x-large !important;
    color: #020659;
}

.intro-chapter__header {
    padding: 10px 20px;
}

.intro-chapter__items {
    padding: 20px 0px;
}

.order_table tbody tr td {
    text-align: center;
    height: unset;
    width: 150px;
    min-width: 150px;
}

[dir=rtl] .layout-sidebar-large .sidebar-left-secondary.open {
    left: auto !important;
    /*right: 250px;*/
}


@media only screen and (max-width: 767px) {

    .user_identity{

        display:none;
    }

    .layout-sidebar-large .main-header .logo {
        /* width: auto; */
    }

    .layout-sidebar-large .main-header{
        padding: 0 0.5rem;
    }

    [dir="ltr"] .user_wallet{
        margin-right: 0rem;
    }


    .mobile_not {
        display: none !important;
    }

    .breadcrumb {
        flex-direction: row;
        align-items: center
    }

    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter {
        text-align: left !important;
    }

    .footer_copy_right {
        text-align: center !important;
    }


    div.dataTables_wrapper div.dataTables_filter label,
    div.dataTables_wrapper div.dataTables_filter input {
        width: 90% !important;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 0px !important;
        margin: -17px 0px 10px 00px;
        text-align: center !important;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        align-content: center;
        margin: 2px 0;
        white-space: nowrap;
        justify-content: center !important;
    }

    .dataTables_length {

        display: none;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
        margin-bottom: 20px;
        padding: 10px;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: none;
        position: relative;
        padding-left: 40%;
        padding-bottom: 0px;
        white-space: normal;
        text-align: left;
        padding-right: 0px;
        padding-top: 5px;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        top: 6px;
        left: 6px;
        width: 34%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before {
        content: attr(data-title);
    }

    .fist_data {
        padding: 0px !important;
        text-align: center !important;
        margin-bottom: 10px;

    }

    .fist_data img {

        width: 35%;
    }
}
.add_product {
    position: sticky;
    top: 130px;
    background: rgba(255, 255, 255, 0.8);
}
.card-header {
    background: rgba(0, 0, 0, 0.03) !important;
}

.btn-outline-warning, .btn-warning{
    border-color: #ffc107 !important;
}

.btn-outline-warning:hover{
    color:white;
}

.ul-widget-s7__item-time{

    min-width:150px;
}

.ul-widget-s7:before {
    left: 170px;
}

[dir=rtl] .ul-widget-s7:before {
    left: unset;
    right:170px;
}

@media only screen and (max-width: 767px) {
    [dir="rtl"] #no-more-tables td {
        padding-left: 0%;
        padding-right: 40%;
        text-align: right;
    }
    [dir="rtl"] #no-more-tables td:before {
        left: auto;
        right: 0%;
        width: auto;
    }
    .layout-sidebar-large .sidebar-left.open {
        width: 120px;
    }
    .layout-sidebar-large .sidebar-left .navigation-left {
        width: 120px !important;
    }
}
@media only screen and (max-width: 767px) {
    [dir=rtl]   .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {
        margin-left: unset !important;
        margin-right: unset!important;
        color: #020659;
        font-size: 17px !important;
        text-align: center;
        width: 100%;
        flex-grow: 1;
        margin-top: 20px;
        color: inherit !important;
    }

    [dir=ltr]   .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {
        margin-left: unset !important;
        margin-right: unset!important;
        color: #020659;
        font-size: 15px !important;
        text-align: center;
        width: 100%;
        flex-grow: 1;
        margin-top: 20px;
        color: inherit !important;
    }
    .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon {

        padding-right: 0px !important;
        padding-top: 10px !important;
        padding: 10px 0px !important;
        flex-grow: 1;
        margin: unset !important;

    }
    .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {
        padding: 0;
        flex-wrap: wrap;
        text-align: center;
    }

    .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active > span {

        color: white;
    }
}


@media (max-width: 360px){
    .layout-sidebar-large .main-header .menu-toggle {

        margin: 0px !important;
    }
}
.invalid-feedback {
    display: block;
}

.subParent {
    width: 75%;
    height: auto;
    position: fixed;
    top: 15%;
    left: 15%;
    right: 15%;
    z-index: 11;
    background-color: white;
    border-radius: 5px;
    margin:auto;
}
.admin-loader img{height: 150px; width: 150px; object-fit: contain; object-position: center;}
.loadscreen {
    align-content: center;
}