@media (min-width: 768px){
    html:not([dir=rtl]) .sidebar.sidebar-fixed:not(.sidebar-end) {
        left: 0;
        width: 12rem;
    }

    .sidebar-fixed.sidebar-narrow, .sidebar-fixed.sidebar-narrow-unfoldable:not(:hover) {
    z-index: 1031;
    width: 4rem!important;
    }
    .sidebar:not(.sidebar-end)~* {
        --cui-sidebar-occupy-start: 12rem;
    }
    .sidebar-narrow-unfoldable.sidebar:not(.sidebar-end)~*{
        --cui-sidebar-occupy-start: 4rem;

    }
    .sidebar-narrow-unfoldable.hide.sidebar:not(.sidebar-end)~* {
        --cui-sidebar-occupy-start: 0rem;

    }
    html:not([dir=rtl]) .sidebar-nav .nav-icon:first-child {
        margin-left: calc(var(--cui-sidebar-nav-link-padding-x)*-1);
        margin-right: -10px;
    }
    .sidebar-narrow-unfoldable .sidebar-nav .nav-icon:first-child{
        margin-right: 0px!important;
    }


}
/* .nav-link {
    text-decoration: none;
    color: rgb(255, 255, 255)!important;
} */
.sidebar-nav .nav-icon {
    color: hsl(0 0% 100% / 80%);
}
.sidebar-nav .nav-link {
    color: hsl(0deg 0% 100% / 80%);
}
.sidebar-nav .nav-title {
    color: hsl(0deg 0% 100% / 80%);

}
html:not([dir=rtl]) .ms-2 {
        color: #fff!important;
        background-color: #ff7700;
        border-color: #e56c01;
}
.btn-outline-primary:hover {
    color: #fff!important;
    background-color: #ff7700!important;
    border-color: #e56c01!important;
}
.btn-outline-primary {
    color: #ff7700!important;
    border-color: #e56c01!important;
}
.btn-primary:hover {
    color: #fff!important;
    background-color: #ff7700e3!important;
    border-color: #e56c01!important;
}
.btn-primary {
    color: #fff!important;
    background-color: #ff7700!important;
    border-color: #e56c01!important;
}
.page-item.active .page-link {
    color: #fff;
    background-color: #ff7700!important;
    border-color: #e56c01!important;
}
.hover\:border-orange-600:hover {
    text-decoration: none;
}
button.btn.dropdown-toggle.btn-light {
    border: 1px solid #c8c8c8;
}

li.breadcrumb-item a {
    color: white;
}
li.breadcrumb-item.active {
    color: white;
}
html:not([dir=rtl]) .breadcrumb-item+.breadcrumb-item:before {
    color: white;
}
.card {
    border-radius: 0.50rem!important;
}
td p {
    margin: 0px;
}
    .sidebar-nav .nav-link {
        white-space: unset;
        font-weight: 600;
        font-family: sans-serif;
        font-size: 14px;
        /* padding: 12px; */
    }
    a.nav-link.active.show {
        font-weight: 600;
        font-family: sans-serif;
    }
    img.pl-play-card.img-fluid.position-relative {
        height: 100px;
        width: -webkit-fill-available;
        object-fit: cover;
    }
    .filename-container {
        border-color: #cfaa67;
        background-color: #fff7cc;
        box-shadow: 0 0 0 1px #cfaa67;
        border-radius: 0px 0px 5px 5px;
        border: 0px solid #cfaa67;
        margin-top: 5px;
        padding-bottom: 7px;
    }
    .filename-container i.fa.fa-file-image {
        font-size: 20px;
        padding: 5px;
        margin-left: 10px;
        color: #000;
    }
    .filename-container i.fa.fa-file-video {
        font-size: 20px;
        padding: 5px;
        margin-left: 10px;
        color: #000000;
    }
    .filename-container i.fa.fa-file-pdf {
        font-size: 20px;
        padding: 5px;
        margin-left: 10px;
        color: #ff0000;
    }
    .ellipsis-gallery {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
      }
    span.filename {
        font-size: 12px;
    }
    .pris-cu label {
        display: inline-block;
        margin-bottom: .5rem;
        font-weight: 600;
    }
    hr {
        border-top: 1px solid rgb(95 91 91 / 70%)!important;
    }
    .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: unset!important;
        border-radius: .25rem;
        box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(64 64 64 / 20%) !important;
    }
    .table td, .table th {
        padding: 0.50rem!important;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        border-radius: 5px;

    }ol.breadcrumb.my-0.ms-2 li a {
        color: white!important;
    }
    button#prisdropdownMenuButton {
        padding: 5px 20px 5px 20px!important;
    }
    .breadcrumb {
        padding: 5px 20px 5px 20px!important;
    }
    .pris-custom .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        font-size: 12px;
    }