/*h1, .h1-title{
    color: var(--black);
}*/
h3 span,
.h3-title span {
    color: var(--theme-clr-1);
}

.ds-main {
    background: var(--light-gray-2);
    padding: 30px 0;
}

/*body:not(.pagelayout-frontpage) .ds-main{    
    padding: 0 !important;
}*/
.pagelayout-admin .breadcrumb ul li,
.pagelayout-report .breadcrumb ul li,
.pagelayout-standard .breadcrumb ul li {
    color: #000;
}

#page-admin-tool-certificate-my #page-header {
    display: none;
}

.tool_courserating-widget {
    margin-top: 20px;
}

#page.drawers div[role="main"] {
    padding: 0;
}

.drawer.drawer-right.show {
    border-radius: 15px;
    top: 137px;
    width: 328px;
    max-width: 328px;
}

.block_configurable_reports ul {
    padding: 5px 10px;
}

.block_configurable_reports ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.block_configurable_reports ul li .column {
    display: block;
    font-weight: 500;
    color: var(--black);
    cursor: pointer;
}

.ds-body {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    border-radius: 15px;
    background: var(--white);
}

.ds-body .sec-head {
    margin-bottom: 30px;
}

.btn.btn-icon.icons-collapse-expand {
    color: #000;
    background-color: unset;
}

.section-item .course-section-header h3.sectionname {
    text-align: left;
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.section-item .course-content-item-content .activityname a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--black);
    margin: 0;
    font-weight: 600;
}

.wlcm-box {
    padding: 20px;
    border: 1px solid var(--light-gray-2);
    border-radius: 10px;
    text-align: left;
    margin-bottom: 30px;
}

.wlcm-box h2 {
    text-align: left;
    font-size: 32px;
}

.ds-anunce-head h3 {
    margin-bottom: 0;
}

.ds-anunce-head {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #BBBBBB;
}

.ds-anunce-head,
.ds-anunce-bdy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.sec-head p {
    width: 100%;
}

.sec-head.no-line h2 {
    border: 0;
    padding-right: 0;
    margin-right: 0;
}

.ds-cmn-box .sec-head h2 {
    font-size: 32px;
}

.bg-white {
    background: var(--white);
}

.ds-cmn-box {
    padding: 20px;
    border: 1px solid var(--light-gray-2);
    border-radius: 10px;
}

.ds-anunce-date {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ds-anunc-cd {
    background: var(--light-gray-2);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.ds-anunc-cd:last-child {
    margin-bottom: 0;
}

.ds-anunce-content p {
    color: var(--black);
    font-weight: 500;
    font-style: italic;
}

.filter-btn {
    background: transparent;
    border: 0;
    position: relative;
}

/* .filter-btn:hover .sub-menu {
    display: block;
} */

.ds-body .search-form>* {
    margin-bottom: 0;
}

.ds-body .search-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0;
    border: 0;
}

.filter-menu {
    text-align: left;
}

.filter-menu label,
.filter-menu li {
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px 0;
    display: block;
    transition: all ease-in-out .3s;
}

.filter-menu label:last-child,
.filter-menu li:last-child {
    margin-bottom: 0;
}

.filter-menu label:has(input[type="radio"]:checked),
.filter-menu label:hover,
.filter-menu li:hover {
    color: var(--theme-clr-1);
}

.filter-menu label input[type="radio"],
.filter-menu li a {
    opacity: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.filter-menu li a {
    opacity: 1;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.ds-course-cd-wrp .row {
    --bs-gutter-y: 24px;
}

.ds-course-cd {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--light-gray-2);
}

.ds-cs-cd-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-height: 220px;
    position: relative;
    z-index: 1;
}

.ds-cs-cd-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ds-cs-content {
    padding: 20px 15px;
}

.ds-cs-cntnt-head {
    margin-bottom: 15px;
}

.ds-cs-cntnt-head h3 {
    margin-bottom: 5px;
}

.ds-cs-cntnt-head h3 a {
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
    text-decoration: underline !important;
}

.ds-cs-cntnt-head span {
    font-weight: 600;
    color: var(--light-gray);
    font-size: 18px;
    display: block;
}

.ds-cs-cntnt-body p {
    margin-bottom: 10px;
}

.ds-course-cd .ds-cs-cntnt-body p {
    color: var(--text-clr) !important;
}

.course-progress {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    height: 10px;
    border-radius: 10px;
    background: var(--light-gray-2);
    overflow: hidden;
}

.course-progress-container.mx3 {
    max-width: 300px;
}

.course-progress .c-progress {
    position: absolute;
    height: 100%;
    background: var(--theme-clr-1);
    border-radius: 10px;
    width: 50px;
}

.c-progress-txt {
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--light-gray);
    font-size: 16px;
}

.ds-details-content .c-progress-txt {
    color: var(--white);
}

.ds-btn-wrp {
    margin-top: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

#page-course-view-topics .ds-main {
    padding: 0 !important;
}

.ds-details-main {
    background: var(--white);
    padding: 0 !important;
}

.ds-details-main .ds-body {
    padding: 0;
}

.ds-body .row .col-lg-3.active {
    width: 72px;
    flex: unset;
}

.ds-body .row .col-lg-3 .ds-sidebar-close {
    display: block;
}

.ds-body .row .col-lg-3.active .ds-sidebar-close {
    display: none;
}

.ds-body .row .col-lg-3.active .ds-sidebar-toggler {
    display: block;
}

.ds-body .row .col-lg-3 .ds-sidebar-toggler {
    display: none;
}

.ds-body .row .col-lg-9.active {
    width: calc(100% - 72px);
}

.ds-body .row .col-lg-3.active .ds-sidebar-inr {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ds-body .row .col-lg-3 .ds-sidebar-inr {
    /* transition: all ease-in-out .3s; */
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.ds-sidebar-head .ds-sidebar-close {
    opacity: 0;
    pointer-events: none;
}

.ds-sidebar-wrp button.ds-sidebar-toggler,
.ds-sidebar-wrp button.ds-sidebar-close {
    margin-bottom: -23px;
}

.ds-sidebar-wrp {
    /*padding: 20px 8px;
    height: 100%;
     overflow-y: auto; 
    width: 100%;*/
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 100;
    padding-right: 10px;

}

.ds-sidebar-wrp button {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.ds-sidebar {
    height: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.ds-sidebar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.ds-sidebar-head h3 {
    margin-bottom: 0;
}

.ds-sidebar-drpdn-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--theme-clr-1);
    padding: 12px;
    cursor: pointer;
}

.ds-sidebar-drpdn-title i.fa-chevron-down {
    transform: rotate(180deg);
    font-size: 16px;
    transition: all ease-in-out .3s;
}

.ds-sidebar-drpdn-title.active i.fa-chevron-down {
    transform: rotate(0);
}

.ds-sidebar-drpdn-title>* {
    color: var(--white);
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.ds-sidebar-drpdn {
    background: var(--light-gray-2);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.ds-sidebar-drpdn.ds-sidebar-drpdn--sub {
    border-radius: 0;
    margin-bottom: 1px;
}

.ds-sidebar-drpdn.ds-sidebar-drpdn--sub .ds-sidebar-drpdn-title {
    background: #eeeeee;
}

.ds-sidebar-drpdn.ds-sidebar-drpdn--sub .ds-sidebar-drpdn-title>p,
.ds-sidebar-drpdn.ds-sidebar-drpdn--sub .ds-sidebar-drpdn-title>i {
    color: #000;
}

.ds-sidebar-drpdn-content ul {
    padding: 12px;
    border-bottom: 1px solid white;
}

.ds-sidebar-drpdn:last-child {
    margin-bottom: 0;
}

/*.ds-sidebar-drpdn-content{
    padding: 12px;
}*/
.ds-sidebar-drpdn-content ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ds-sidebar-drpdn-content ul li i {
    font-size: 12px;
    color: var(--black);
}

.ds-sidebar-drpdn-content ul li i.fa-check {
    color: #008000;
    font-size: 14px;
}

.ds-sidebar-drpdn-content ul li:last-child {
    margin: 0;
}

.ds-sidebar-drpdn-content ul li a,
.ds-sidebar-drpdn-content ul li label {
    display: block;
    font-weight: 500;
    color: var(--black);
    cursor: pointer;
}

.ds-sidebar-drpdn-content ul li a:hover,
.ds-sidebar-drpdn-content ul li label:hover {
    font-weight: 700;
}

.ds-details-bnr {
    position: relative;
    padding: 50px 30px 10px;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.ds-details-bnr:last-child {
    margin-bottom: 0;
}

.ds-details-body {
    background: var(--light-gray-2);
    padding: 30px;
}

.ds-details-content .breadcrumb ul li {
    background: var(--white);
    padding: 5px 12px;
    color: var(--theme-clr-1);
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
}

.ds-details-content h1 {
    color: var(--white);
    font-size: 32px;
    margin-bottom: 15px;
}

.ds-details-content p {
    margin-bottom: 25px;
    color: var(--white);
}

.ds-details-bnr-btn-wrp {
    justify-content: flex-end;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ds-details-bnr-btn-wrp .cmn-btn {
    border-radius: 5px;
}

.ds-details-content {
    position: relative;
    z-index: 1;
}

.ds-details-bdy-card {
    background: var(--white);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--light-gray);
}

.ds-announcements {
    background: rgba(2, 63, 98, .1);
    border-left: 5px solid #023F62;
    padding: 20px 30px;
    border-radius: 10px;
    text-align: left;
}

.ds-announcements h3 {
    color: var(--black);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

.ds-announcements ul {
    list-style: disc;
    padding-left: 20px;
}

.ds-announcements ul li {
    margin-bottom: 10px;
}

.ds-announcements ul li:last-child {
    margin-bottom: 0;
}

.ds-dbcd-head {
    text-align: left;
    margin-bottom: 30px;
}

.ds-dbcd-head.text-start h2 {
    justify-content: flex-start;
}

.ds-dbcd-head:last-child {
    margin-bottom: 0;
}

.ds-dbcd-head h2 {
    text-align: left;
    margin-bottom: 15px;
    font-size: 32px;
}

.ds-dbcd-head h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 5px;
}

.ds-dbcd-head h2 i {
    font-size: 16px;
    margin-left: auto;
    display: inline-block;
}

.ds-details-body>* {
    margin-bottom: 20px;
}

.ds-details-body>*:last-child {
    margin-bottom: 0;
}

.slide-toggler {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slide-toggler i {
    font-size: 16px;
}

.topic-content-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.topic-content-head .title-text {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--black);
    margin: 0;
    font-weight: 600;
}

.topic-content-head .title-text span {
    text-decoration: underline;
}

.topic-content-head i.fa-check {
    color: #008000;
}

.topic-content-icon {
    width: 20px;
    display: block;
}

.topic-content-icon img {
    width: 100%;
}

.topic-content-wrp {
    width: 100%;
    display: flex;
    /* align-items: center; */
}

.topic-content {
    width: 100%;
    max-width: calc(100% - 20px);
    padding-left: 10px;
}

.topic-content-inr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.topic-content-right {
    display: flex;
    align-items: center;
    gap: 10px;
    /*flex-wrap: wrap;
    width: 354px;*/
}

a.cmn-btn.start-assessment {
    width: max-content;
}

.topic-status {
    position: relative;
}

.topic-status-bar {
    width: 160px;
    height: 46px;
    /* background: linear-gradient(90deg,#008000 50%,var(--white) 0%); */
    background: var(--white);
    border: 1px solid #008000;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.topic-status .status-percent {
    position: absolute;
    left: 0%;
    top: 0%;
    color: var(--white);
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #008000;
    height: 100%;
}

.topic-content-left p {
    color: var(--black);
    font-weight: 500;
}

.topic-content-wrp {
    margin-bottom: 25px;
}

.topic-content-wrp:last-child {
    margin-bottom: 0;
}

.discussion-form-toggler {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--light-gray-2);
    flex-wrap: wrap;
    padding: 12px;
    border-radius: 10px;
}

.discussion-form-toggler>p {
    margin: 0;
    color: var(--black);
    font-weight: 600;
}

.learners-feed-head {
    margin-bottom: 30px;
}

.learners-feed-head h2 {
    display: block;
    cursor: auto;
    font-size: 32px;
    text-align: left;
}

.stars {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stars i {
    color: var(--light-gray);
}

.learner-feed-card {
    margin-bottom: 40px;
}

.learner-feed-card:last-child {
    margin-bottom: 0;
}

.learner-feed-card>p {
    color: var(--black);
    font-weight: 600;
}

/* Topic Details Begin */

.t-details .breadcrumb {
    margin-bottom: 20px;
}

.t-details .breadcrumb ul {
    display: flex;
    align-items: center;
    background: var(--white);
    flex-wrap: wrap;
    gap: 0 0;
    padding: 5px 12px;
    border-radius: 30px;
}

.t-details .breadcrumb ul li {
    color: var(--text-clr);
    font-weight: 500;
    font-size: 18px;
}

.t-details .breadcrumb ul li.parent {
    color: var(--black);
}

.mark-as-done {
    gap: 10px;
    position: relative;
    cursor: pointer;
}

.mark-as-done::before {
    width: 0;
    right: 0;
    left: auto;
}

.mark-as-done:hover::before {
    right: 0;
    left: auto;
    width: 0;
}

.mark-as-done:hover {
    color: var(--white);
}

.mark-as-done input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;

}

.mark-as-done:has(input:checked)::before {
    width: 100%;
    left: 0;
}

.mark-as-done:has(input:checked) {
    color: var(--theme-clr-1);
}

.ds-dbcd-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 15px;
}

.ds-dbcd-title h2 {
    margin: 0;
}

.topic-video-cd {
    padding: 60px;
}

.topic-video {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.topic-video .vdo-thumb {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: all ease-in-out .3s;
}

.topic-video .vdo-thumb::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.topic-video .vdo-thumb img,
.topic-video video,
.topic-video video source {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    transition: all ease-in-out .3s;
}

.topic-video .vdo-thumb i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: var(--white);
    display: block;
    z-index: 2;
    cursor: pointer;
}

.topic-video .vdo-thumb.active {
    opacity: 0;
    pointer-events: none;
}

.topic-navigation ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.topic-navigation ul.flex-end {
    justify-content: flex-end;
}

.topic-navigation ul li .next-btn img {
    transform: rotate(180deg);
}

/* End Of Topic Details */


/* Forum Styles */
.forum {
    margin: auto;
    /* background: #fff; */
    /* border: 1px solid #ddd; */
    border-radius: 6px;
    /*overflow: hidden;*/
}

.forum-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    background: var(--white);
    padding: 12px 20px;
    border-left: 3px solid var(--theme-clr-1);
    margin-bottom: 20px;
    border-radius: 10px;
}

.post-left-wrp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.post-left-wrp strong {
    font-weight: 500;
    font-size: 14px;
}

.post-left-wrp img {
    width: 15px;
    display: block;
    margin-bottom: 3px;
}

.post-left-wrp i {
    color: var(--theme-light);
}

.forum-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.post-right-wrp {
    flex: 1;
}

.forum-header .title {
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
}

.forum-header .title svg {
    width: 18px;
    height: 18px;
    stroke: #777;
    fill: none;
    stroke-width: 2;
}

.forum-header .last-post {
    font-size: 0.9em;
    color: #666;
}

.forum-header .stats {
    display: flex;
    gap: 10px;
    font-size: 16px;
    color: var(--text-clr);
    border-right: 1px solid #CCCCCC;
    padding-right: 12px;
    margin-right: 12px;
}

.forum-header .stats div strong {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 4px;
}

.forum-header .menu {
    font-size: 18px;
    color: var(--text-clr);
    cursor: pointer;
    text-align: center;
}

.forum-header .menu i {
    font-size: 16px;
}

.post {
    padding: 20px;
    background: var(--white);
    margin-bottom: 20px;
    border-radius: 10px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.post:last-child {
    margin-bottom: 0;
}

.post-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.user-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.badge {
    font-size: 0.8em;
    padding: 2px 6px;
    color: #fff;
}

.badge.admin {
    background: var(--white);
    color: var(--theme-clr-1);
    font-size: 12px;
    font-weight: 600;
    border: 1px solid var(--theme-clr-1);
    padding: 3px 15px;
    border-radius: 30px;
}

.badge.starter {
    border-bottom: 1px solid var(--theme-clr-1);
    padding-bottom: 5px;
    color: var(--theme-clr-1);
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 0;
}

.link-icon {
    display: block;
}

.name {
    font-weight: 600;
    font-size: 16px;
    color: var(--theme-light);
    padding-left: 15px;
    position: relative;
}

.name::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--theme-light);
}

.joined {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.85em;
    color: var(--text-clr);
    width: 100%;
}

.joined p {
    margin-bottom: 0;
}

.joined .post-time {
    margin-left: 10px;
}

.post-time {
    font-size: 0.85em;
    color: #666;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
    gap: 6px;
}

.post-time span {
    display: block;
    width: 100%;
}

.post-content {
    margin-bottom: 12px;
    line-height: 1.5;
}

.post-content>p {
    color: var(--black);
}

.post-footer {
    text-align: left;
}

.btn {
    font-size: 0.9em;
    padding: 6px 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn-reply {
    color: var(--theme-clr-1);
    background: transparent;
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-qoute {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
}

.post-right-wrp:has(.reply-form.active) .post-footer {
    display: none;
}

div[data-content="inpage-reply-content"] .card.card-body {
    background: #fafafa;
}

.forum-post-container .post-content .text_to_html {
    margin: 0 0 15px 0;
    color: var(--black);
}

.post-footer {
    background: var(--light-gray-2);
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

/* Reply form */
.reply-form {
    background: #fafafa;
    padding: 15px;
    border-radius: 10px;
    margin-top: 15px;
    display: none;
}

.reply-form.active {
    display: block;
}

.rich-text-toolbar {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.rich-text-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.1em;
}

.reply-form textarea {
    width: 100%;
    min-height: 80px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-family: inherit;
}

.file-attach {
    margin-top: 8px;
    font-size: 16px;
    color: var(--text-clr);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.file-attach small {
    margin-left: auto;
}

.file-attach input {
    margin-left: 6px;
}

.form-footer {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn-cancel {
    background: none;
    border: 1px solid #ccc;
    color: #333;
}

.btn-submit {
    background: #d9534f;
    color: #fff;
}

textarea {
    border-radius: 10px;
    margin-bottom: 20px;
    display: block;
}

textarea:last-child {
    margin-bottom: 0;
}

.review-filter {
    position: relative;
}

.review-filter>p {
    padding: 10px 15px;
    margin: 0;
    color: var(--text-clr);
    font-weight: 500;
    border: 1px solid var(--text-clr);
    border-radius: 50px;
    font-size: 16px;
}

.review-filter>p i {
    margin-left: 5px;
    display: inline-block;
}

button#ish-load-more {
    margin: 35px 0 18px 85px;
    display: block;
}

.review-filter>ul {
    list-style: none;
    width: 150px;
    background: var(--white);
    border-radius: 20px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    top: 110%;
    pointer-events: none;
    transition: all ease-in-out .3s;
    z-index: 9999;
}

.review-filter:hover>ul {
    opacity: 1;
    visibility: visible;
    top: 100%;
    pointer-events: all;
}

.review-filter>ul li {
    color: var(--text-clr);
    font-weight: 500;
    font-size: 16px;
    padding: 5px 0;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all ease-in-out .3s;
}

.review-filter>ul li:hover {
    color: var(--black);
}

.review-filter>ul li:last-child {
    margin-bottom: 0;
}

.reviews-container .sec-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.reviews-container .sec-head h2 {
    margin-bottom: 0;
}

.review-card {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 12px;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 30px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 30px;
}

.review-card:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

/* .fa-thumbs-up{
    color: #FFA500;
} */
.rcd-action-btn {
    display: flex;
    align-items: center;
    gap: 5px;
}

.thumbs-wrp {
    position: relative;
}

.thumbs-wrp i {
    transition: all ease-in-out .3s;
}

.thumbs-wrp input[type='radio'] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}

.thumbs-wrp input[type='radio']:checked~i {
    color: #FFA500;
}

.r-card-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.r-card-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.r-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.r-card-content {
    width: calc(100% - (100px + 70px));
    padding-left: 20px;
}

.r-single-card {
    margin-bottom: 20px;
}

.r-single-card:last-child {
    margin-bottom: 0;
}

.r-single-card p {
    margin-bottom: 10px;
}

/* Discussion Forum Begin */

.d-forum-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 8px 15px;
    border-radius: 50px;
    background: #F5F5F5;
    border-bottom: 2px solid var(--theme-clr-1);
}

.df-category {
    display: flex;
    align-items: center;
    gap: 8px;
}

.df-category label {
    display: flex;
    align-items: center;
    gap: 12px;
}

.df-category label img {
    width: 25px;
    filter: brightness(0);
}

.df-category select {
    background-color: transparent;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    padding: 0 25px 0 0;
    height: auto;
}

.d-forum-head button.cmn-btn,
.d-forum-head a.cmn-btn {
    height: auto;
    padding: 6px 15px;
    font-size: 16px;
}

.d-forum-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
}

.d-forum-table table {
    width: 100%;
}

.d-forum-table table th,
.d-forum-table table td {
    padding: 10px 15px;
    text-align: left;
    color: #555555;
}

.d-forum-table table th {
    font-weight: 600;
}

.d-forum-table table td {
    font-weight: 600;
}

.d-forum-table table td span {
    display: inline-block;
}

.d-forum-prcs-nm {
    color: #3F7796;
}

.d-forum-table table td .theme {
    color: var(--theme-clr-1);
}

.d-forum-author-date span:nth-child(2),
.d-forum-last-post>*:nth-child(2) {
    color: #3F7796;
}

.d-forum-table {
    background: var(--white);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--light-gray);
}

.d-forum-table table tr td:nth-child(3) .d-forum-link {
    border-left: 2px solid var(--theme-clr-1);
    text-align: center;
    display: block;
    padding: 5px 0;
    opacity: 0.7;
}

.d-forum-table table tr td:nth-child(3) .d-forum-link:hover {
    opacity: 1;
}

.d-forum-table table tr td .status-img {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    height: 100%;
    background: rgba(255, 255, 255, 0.002);
    border: 1px solid #EEEEEE;
    box-shadow: inset 0px 0px 18px 1px #E6E6E6;
}

/* End Of Discussion Forum */

/* Topic Details Page */

.start-assesment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.start-assesment p {
    margin: 0;
}

.ds-sec-head h2,
.page-header-headings h1.h2 {
    text-align: left;
    font-size: 32px;
}

.ds-sec-head,
.page-header-headings {
    margin-bottom: 20px;
}

.page-header-headings h1.h2 {
    color: var(--black);
    line-height: 1;
    margin: 0 0 25px 0;
    padding: 0;
}

.page-header-image {
    display: none;
}

.resourses-box {
    padding: 20px;
    border-radius: 10px;
    background: var(--light-gray-2);
}

.resourses-box ul li {
    /*display: flex;
    align-items: center;
    gap: 10px;*/
    margin-bottom: 15px;
}

.resourses-box ul li {
    color: var(--black);
    /* text-decoration: underline !important; */
    font-size: 16px;
    font-weight: 500;
}

.resourses-box ul li a {
    font-size: 16px;
    font-weight: 500;
}

.resourses-box ul li a:hover {
    text-decoration: underline !important;
}

.resourses-box ul li:last-child {
    margin-bottom: 0;
}

.activity.subsection .section h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    color: var(--theme-clr-1);
}

/* End Of Topic Details Page */

/* Additional Resources Page */

.resource-card {
    margin-bottom: 30px;
}

.resource-card:last-child {
    margin-bottom: 0;
}

.resource-card h3 {
    font-size: 20px;
    font-weight: 600;
}

.resource-card h3 a {
    text-decoration: underline !important;
}

/* End Of Additional Resources Page */

/* Assessment Page Begin */

.table-container,
.d-forum-table {
    overflow-x: auto;
    padding: 0 5px 5px 0;
}

.table-container.assessment-tbl table {
    min-width: 1060px;
}

.table-container::-webkit-scrollbar,
.d-forum-table::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.table-container::-webkit-scrollbar-track,
.d-forum-table::-webkit-scrollbar-track {
    background: var(--light-gray-2);
    border-radius: 20px;
}

.table-container::-webkit-scrollbar-thumb,
.d-forum-table::-webkit-scrollbar-thumb {
    background: var(--theme-clr-1);
    border-radius: 20px;
}

.table-container table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1200px;
}

.d-forum-table table {
    min-width: 800px;
}

#fitem_id_h5peditor .felement {
    display: block !important;
}

.table-container thead th,
#page-admin-tool-certificate-my .generaltable thead th {
    background-color: var(--black) !important;
    text-align: center;
    padding: 12px !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: var(--white);
    border: 1px solid #808080;
    text-transform: capitalize;
}

#page-admin-tool-certificate-my .generaltable thead th a {
    color: var(--white);
}

.table-container tr:nth-child(even) td {
    background: var(--light-gray-2);
}

.table-container tbody td,
#page-admin-tool-certificate-my .generaltable tbody td {
    padding: 12px;
    font-size: 16px;
    color: var(--text-clr);
    border: 1px solid #808080;
    font-weight: 500;
    text-align: center;
}

.table-container .status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* .table-container tbody tr:last-child td {
    border-bottom: none;
} */
.table-container .dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--white);
    min-width: 100px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.table-container .dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a {
    color: #333;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}

.pagination,
.dataTables_paginate {
    display: flex;
    list-style: none;
    padding: 0;
    margin-top: 16px;
    gap: 8px;
}

.pagination li a,
.dataTables_paginate a.paginate_button {
    width: 40px;
    height: 40px;
    border: 1px solid var(--text-clr);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-clr);
}

.pagination li.active,
.dataTables_paginate a.paginate_button.current {
    width: 40px;
    height: 40px;
    border: 1px solid var(--theme-clr-1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-clr-1);
    color: var(--white);
}

.pagination li.active a,
.pagination li a:hover,
.dataTables_paginate a.paginate_button.current a,
.dataTables_paginate a.paginate_button a:hover {
    background: var(--theme-clr-1);
    color: var(--white);
    border-color: var(--theme-clr-1);
}

/* Make sure button is relative */
#reporttable_first,
#reporttable_previous,
#reporttable_next,
#reporttable_last {
    position: relative;
    width: 40px;
    /* adjust as needed */
    height: 40px;
    /* adjust as needed */
    text-indent: -9999px;
    /* hide original text */
    overflow: hidden;
    color: transparent !important;
    font-style: normal;
}

/* Font Awesome arrows via ::before */
#reporttable_first::before {
    font-family: "Font Awesome 5 Free";
    /* or "Font Awesome 6 Free" */
    content: "\f100";
    /* fa-angle-double-left */
    font-weight: 900;
    /* solid style */
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: var(--text-clr);
}

#reporttable_previous::before {
    font-family: "Font Awesome 5 Free";
    content: "\f104";
    /* fa-angle-left */
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: var(--text-clr);

}

#reporttable_next::before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    /* fa-angle-right */
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: var(--text-clr);
}

#reporttable_last::before {
    font-family: "Font Awesome 5 Free";
    content: "\f101";
    /* fa-angle-double-right */
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    color: var(--text-clr);
}

/* Optional hover/focus style */
#reporttable_first:hover::before,
#reporttable_previous:hover::before,
#reporttable_next:hover::before,
#reporttable_last:hover::before {
    color: var(--theme-clr-1);
    /* change color on hover */
}

.dataTables_info {
    margin-top: 16px;
}

.dataTables_length label {
    display: flex;
    gap: 10px;
    align-items: center;
}

#reporttable_filter input[type="search"] {
    box-shadow: none;
    height: 46px;
    padding: 5px 45px 5px 15px;
    background: url(../pix/search-icon.svg) no-repeat right 15px center var(--white);
    background-size: 20px;
    border: 1px solid var(--light-gray);
    border-radius: 50px;
    width: 350px;
    margin-left: 10px;
    margin-bottom: 16px;
}

.btn-cancel {
    border: none;
}

/* End Of Assessment Page */

/* MCQ Bank Page Begin */

.mcq-b-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 30px;
}

.question-count {
    color: var(--black);
}

.currQcount {
    color: var(--theme-clr-1);
    font-weight: 600;
}

.mcq-single {
    padding: 20px;
    border-radius: 10px;
    background: var(--light-gray-2);
}

.mcq-single h3 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--light-gray);
}

.mcq-options-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    gap: 10px;
    flex-wrap: wrap;
}

.mcq-options-wrp>* {
    /*width: calc((100% - (3 * 30px)) / 4);*/
    width: 100%;
    background: var(--white);
    padding: 10px 15px 10px 34px;
    border-radius: 50px;
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    transition: all ease-in-out .3s;
}

.mcq-options-wrp label:has(input:checked) {
    background: #008000;
    color: var(--white);
}

.mcq-options-wrp label input {
    appearance: none;
}

.mcq-options-wrp label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 11px;
    width: 14px;
    height: 14px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid var(--black);
    transform: translateY(-50%);
    transition: all ease-in-out .3s;
}

.mcq-options-wrp label::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 13px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    transform: translate(0%, -50%);
    transition: all ease-in-out .3s;
}

.mcq-options-wrp label:has(input:checked)::after {
    background-color: var(--white);
}

.mcq-options-wrp label:has(input:checked)::before {
    border-color: var(--white);
}

.mcq-bank-left ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.mcq-bank-left ul li {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    position: relative;
    padding-left: 15px;
}

.qstat-cmn {
    position: relative;
    padding-left: 15px;
}

.qstat-cmn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--text-clr);
}

.answered::before,
.quiz-atempt-review-table .correct::before {
    background: #008000;
}

.flagged::before,
.quiz-atempt-review-table .incorrect::before {
    background: var(--theme-clr-1);
}

.not-answered::before {
    background: var(--text-clr);
}

.mcq-bank-left ul {
    padding: 12px 15px;
    border-radius: 30px;
    border: 1px solid var(--light-gray);
    list-style: none;
}

.mcq-bank-btm {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

/* End Of MCQ Bank Page */

/* Summary Page Begin */

.table-org table {
    min-width: 1000px;
}

.ds-details-bdy-card .note {
    background: rgba(209, 38, 38, .4);
    padding: 12px 15px;
    color: var(--black);
    font-weight: 500;
    margin: 30px 0;
    display: inline-block;
    border-radius: 5px;
}

.tbl-after {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#page-mod-quiz-summary .tbl-after {
    justify-content: flex-end;
}

#page-mod-quiz-review .submitbtns {
    margin-top: 15px;
}

.quiz-atempt-review-table td.c2>*,
.quiz-atempt-review-table td:nth-child(2)>* {
    display: inline;
}

/* ENd Of Summary Page  */

/* Profile Page Begin */

.profile-sec-head,
.user-info-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.user-info-head {
    justify-content: flex-start;
}

.user-info-head h1 {
    font-size: 32px;
    margin: 0;
}

.profile-sec-head h2 {
    font-size: 22px;
    margin: 0;
}

.user-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pr-info-card {
    background: var(--white);
    padding: 20px;
    border-radius: 10px;
}

.profile-info-wrp {
    background: var(--light-gray-2);
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.pr-info-card {
    width: calc((100% - 24px) / 2);
}

.pr-info-label {
    font-size: 20px;
    margin-bottom: 10px;
    color: var(--black);
    font-weight: 600;
}

.epr-bg {
    background: var(--light-gray-2);
    border-radius: 12px;
    padding: 20px;
}

.epr-gnrl-content .input-grp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 60%;
}

.epr-gnrl-content .input-grp>* {
    width: calc((100% - 12px)/2);
    display: block;
}

.edit-profile-form .prfrm-content-toggler {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid var(--light-gray-2);
    border-radius: 12px;
    padding: 20px;
}

.edit-profile-form .prfrm-content-toggler i {
    font-size: 16px;
}

.edti-profile-general {
    margin-bottom: 20px;
}

.profile-pic-delete img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.btn-group.header-button-group {
    display: none !important;
}

.page-user-edit #topofscroll {
    max-width: 100% !important;
}

.page-user-edit #page-header {
    padding: 0;
}

.page-user-edit #page-header .w-100>.flex-wrap {
    display: none !important;
}

.page-user-edit #page-header .page-context-header {
    justify-content: flex-start;
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    flex-wrap: wrap !important;
    margin-bottom: 20px !important;
}

.page-user-edit #page-header .page-context-header .page-header-image,
.page-user-edit #page-header .page-context-header .page-header-headings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.page-user-edit #page-header .page-context-header .page-header-image .aabtn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.page-user-edit #page-header .page-context-header .page-header-image .aabtn .userpicture {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-user-edit #page-header .page-context-header .page-header-headings .h2 {
    font-size: 32px;
    margin: 0;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: var(--black);
}

.page-user-edit #page-content #region-main div[role="main"] {
    padding: 0;
}

.page-user-edit #page-content #region-main h2 {
    font-size: 22px;
    margin-bottom: 20px;
    padding: 10px 0;
}

.page-user-edit #page-content .mform .collapsible-actions {
    display: block;
    width: 25%;
    float: right;
    margin-top: -70px;
}

.page-user-edit #page-content .mform .collapsible-actions .btn-link {
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px 20px !important;
    height: 46px;
    border-radius: 50px;
    background: var(--theme-clr-1);
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
    border: 1px solid var(--theme-clr-1);
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.page-user-edit #page-content .mform fieldset {
    border: none;
}

.page-user-edit #page-content .mform fieldset .ftoggler {
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid var(--light-gray-2);
    border-radius: 12px;
    padding: 20px;
}

.page-user-edit #page-content .mform fieldset .ftoggler a {
    float: right;
    right: 10px;
    position: absolute;
    margin-right: 0 !important;
    font-size: 16px;
    font-weight: 900;
    font-family: "Font Awesome 6 Pro";
    color: var(--black);
    background-color: #fff;
    border: none;
    box-shadow: none;
}

.page-user-edit #page-content .mform fieldset .ftoggler a:hover,
.page-user-edit #page-content .mform fieldset .ftoggler a:active,
.page-user-edit #page-content .mform fieldset .ftoggler a:focus {
    background-color: #fff;
    border: none;
    box-shadow: none;
}

.page-user-edit #page-content .mform fieldset .fcontainer {
    background: var(--light-gray-2);
    border-radius: 12px;
    padding: 20px;
}

.page-user-edit #page-content .mform fieldset .fcontainer .col-form-label {
    font-weight: 600;
    color: var(--black);
    padding-left: 20px !important;
}

.page-user-edit #page-content .mform #fgroup_id_buttonar {
    flex-direction: row-reverse;
}

/* .profile-pic-delete input[type='checkbox']{
    
} */
.epr-gnrl-content .input-grp.upload-grp {
    align-items: flex-start;
}

.epr-gnrl-content .input-grp.upload-grp>* {
    color: var(--black);
}

.upload-profile-pic>* {
    margin-bottom: 15px;
    display: block;
}

.epr-gnrl-upload .input-grp>label {
    width: 30%;
}

.epr-gnrl-upload .input-grp>* {
    width: calc(70% - 12px);
}

.upload-field-design {
    background: var(--white);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.upfd-inr {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px;
    padding: 12px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid transparent;
    border-image: repeating-linear-gradient(45deg,
            var(--text-clr) 0px, var(--text-clr) 8px, transparent 8px, transparent 16px) 1;
}

.upload-field {
    position: relative;
}

.upload-field input[type='file'] {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.upload-profile-pic>*:last-child {
    margin-bottom: 0;
}

.upload-profile-pic>* {
    font-size: 16px;
}

.upload-profile-pic .instructions {
    text-align: right;
}

.edit-profile-form .input-grp label {
    font-weight: 600;
}

.edit-profile-form .input-grp .profile-pic-delete-checkbox {
    padding-left: 10px;
    color: var(--text-clr);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.edit-profile-form .input-grp .profile-pic-delete-checkbox input {
    width: 15px;
    height: 15px;
    accent-color: var(--theme-clr-1);
    cursor: pointer;
}

.upfd-content>img {
    margin-bottom: 15px;
}

.upfd-content p {
    color: var(--text-clr);
}

/* End Of Profile Page */





.ds-main-head .sub-menu>li:last-child a {
    border-top: 1px solid var(--light-gray-2);
    padding-top: 10px;
    margin-top: 5px;
}

.ds-main-head .sub-menu {
    padding: 10px 0;
}

.topic-card .ds-dbcd-head {
    margin-bottom: 0;
}

.topic-contents-outer,
.topics-wrp {

    padding-top: 30px;
}

.topic-card .slide-toggler {
    margin: 0;
}

/*.three-star i:last-child,.three-star i:nth-last-child(2),.two-star i:last-child,.two-star i:nth-last-child(2),.two-star i:nth-last-child(3),.one-star i:last-child{
    color: var(--light-gray);
}*/
/* Highlight stars depending on rating */
.one-star i:nth-child(-n+1) {
    color: #FFA500;
}

.two-star i:nth-child(-n+2) {
    color: #FFA500;
}

.three-star i:nth-child(-n+3) {
    color: #FFA500;
}

.four-star i:nth-child(-n+4) {
    color: #FFA500;
}

.five-star i:nth-child(-n+5) {
    color: #FFA500;
}

.ish-like.mychoice {
    color: #FFA500;
}

.questionflag .aabtn,
.submitbtns .mod_quiz-next-nav {
    font-size: 18px !important;
    font-weight: 500;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px 20px !important;
    height: 46px;
    border-radius: 50px !important;
    background: var(--black);
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 1px solid var(--black) !important;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.questionflag .aabtn .questionflagimage {
    filter: brightness(0) saturate(10%) invert(100%) sepia(100%) saturate(0%) hue-rotate(352deg) brightness(100%) contrast(100%);
}

.questionflag .aabtn:hover .questionflagimage,
.questionflag .aabtn:focus .questionflagimage {
    filter: brightness(0) saturate(100%) invert(17%) sepia(55%) saturate(5877%) hue-rotate(352deg) brightness(91%) contrast(85%);
}

.questionflag .aabtn:hover,
.questionflag .aabtn:focus {
    color: var(--theme-clr-1);
    background: var(--white);
    box-shadow: none;
}

input[type="checkbox"]:focus {
    box-shadow: none;
}

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

.question-count {
    font-weight: 700;
}

.ds-filter-wrp select {
    background: url(../pix/chevron-down-white.svg) no-repeat calc(100% - 15px) center var(--theme-clr-1);
    color: var(--white);
    width: auto;
    border-color: var(--theme-clr-1);
    margin-left: auto;
}

.ds-filter-wrp {
    margin-bottom: 30px;
}

.share-btn {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid var(--theme-clr-1);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: all ease-in-out .3s;
}

.share-btn img {
    transition: all ease-in-out .3s;
}

.share-btn:hover {
    background: var(--theme-clr-1);
}

.share-btn:hover img {
    filter: brightness(0) invert(1);
}

.table-container table td .btn-wrp {
    justify-content: center;
}

.mcq-b-pagination .cmn-btn {
    min-width: 150px;
}

.ds-filter-wrp {
    padding-right: 5px;
}

.disable-btn {
    background: #bbbbbb;
    color: var(--black);
    pointer-events: none;
    border-color: #bbbbbb !important;
}

.ds-dbcd-head {
    margin: 0 -20px !important;
    padding: 0 20px 20px !important;
    border-bottom: 1px solid #BBBBBB;
}

.ds-dbcd-head p {
    padding-bottom: 20px !important;
}

.ds-dbcd-head:has(p) {
    padding-bottom: 0 !important;
}

.discussion-form .ds-dbcd-head {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0;
}

.discussion-form .slide-toggler i {
    transform: rotate(0);
}

.ds-dbcd-head h2 i,
.slide-toggler i {
    transform: rotate(180deg);
    transition: all ease-in-out .3s;
}

.ds-dbcd-head.active h2 i,
.slide-toggler.active i {
    transform: rotate(0);
}

.learners-feed-head {
    padding-bottom: 20px;
    border-bottom: 1px solid #BBBBBB;
}

.ds-dbcd-head h2:last-child {
    margin-bottom: 0;
}

/* Responsive CSS */

@media only screen and (max-width: 1199px) {
    .ds-main-head .search-form input {
        width: auto;
        font-size: 16px;
    }

    .navbar-nav>li>a {
        padding: 10px 15px;
        height: auto;
    }

    .ds-cs-content {
        padding: 15px 12px;
    }

    .ds-course-cd {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .ds-sidebar-wrp {
        padding: 0;
    }

    .ds-details-body {
        padding: 20px;
    }

    .ds-sidebar-drpdn-title>* {
        color: var(--white);
        font-size: 16px;
    }

    .ds-sidebar-drpdn-content {
        padding: 10px 8px;
    }

    .epr-gnrl-content .input-grp {
        width: 100%;
    }

    .table-container.assessment-tbl table {
        min-width: 1100px;
    }

    .mcq-options-wrp {
        gap: 12px;
    }

    .mcq-options-wrp>* {
        width: calc((100% - (3 * 12px)) / 4);
        padding: 10px 12px 10px 20px;
    }

    .mcq-options-wrp label::before {
        left: 6px;
    }

    .mcq-options-wrp label::after {
        left: 8px;
    }

    .mcq-b-head {
        margin-bottom: 20px;
    }

    .ds-sec-head h2 {
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 991px) {
    .navbar-toggler {
        order: 3;
        margin-left: 10px;
        width: 30px;
    }

    .nav-right-part {
        margin-left: auto;
    }

    .navbar-brand {
        width: 160px;
    }

    .wlcm-box h2,
    .ds-cmn-box .sec-head h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .wlcm-box,
    .ds-cmn-box,
    .ds-anunc-cd {
        padding: 12px;
    }

    h3,
    .h3-title {
        font-size: 22px;
    }

    .cmn-btn {
        height: auto;
        padding: 10px 15px;
    }

    .ds-anunce-head {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }

    .navbar {
        padding: 20px 0;
    }

    .sub-menu>li>a {
        padding-left: 10px;
    }

    .sub-menu,
    .navbar-nav>li>.sub-menu .sub-menu {
        background: #fff;
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 1000;
        display: none;
        border: 1px solid var(--light-gray-2);
        border-radius: 10px;
        width: 200px;
        padding: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .ds-main-head .navbar-collapse .navbar-nav {
        flex-direction: column;
        gap: 12px;
        padding: 12px !important;
    }

    .ds-main-head .navbar-nav>li>a {
        padding: 5px 0;
        background: var(--white);
        border: 0;
        color: var(--black);
    }

    .ds-main-head .navbar-nav>li>a:hover,
    .ds-main-head .navbar-nav>li.current-menu-item a {
        color: var(--theme-clr-1);
    }

    .ds-cs-cntnt-head h3 a {
        font-size: 18px;
    }

    .ds-body .row {
        margin: 0;
    }

    .ds-body .row .col-lg-3 {
        width: 30px;
        position: relative;
        padding: 0;
    }

    .ds-body .row .col-lg-3.active {
        width: 30px;
    }

    .ds-body .row .col-lg-9,
    .ds-body .row .col-lg-9.active {
        width: calc(100% - 30px);
    }

    .ds-sidebar-wrp {
        padding: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 300px;
        padding: 12px 12px 12px 0;
        background: var(--white);
        z-index: 99;
    }

    .ds-body .row .col-lg-3.active .ds-sidebar-wrp {
        padding: 0;
        width: auto;
        position: static;
    }

    .ds-dbcd-head h2 {
        font-size: 28px;
    }

    .epr-gnrl-content .input-grp>*:first-child {
        width: 30%;
    }

    .epr-gnrl-content .input-grp>*:last-child {
        width: calc(70% - 12px);
    }

    .edit-profile-form .prfrm-content-toggler {
        padding: 12px;
        font-size: 20px;
        border-radius: 5px;
    }

    .mcq-options-wrp>* {
        width: auto;
        padding: 10px 12px 10px 25px;
    }

    .mcq-options-wrp label::before {
        left: 11px;
    }

    .mcq-options-wrp label::after {
        left: 13px;
    }

    .mcq-single h3 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 20px;
    }

    .mcq-single {
        padding: 12px;
    }

    .ds-details-bdy-card {
        padding: 12px;
    }

    .mcq-b-head {
        flex-wrap: wrap;
    }

    .reply-form {
        padding: 12px;
    }

    .post {
        padding: 12px;
        gap: 12px;
    }

    .file-attach small {
        margin-left: 0;
    }

    .file-attach {
        gap: 6px;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-toggler {
        margin-left: 10px;
        width: 30px;
    }

    .profile-img>img {
        width: 40px;
        height: 40px;
        margin-right: 0px;
    }

    .profile-control {
        margin-left: 10px;
    }

    .navbar-brand {
        width: 120px;
    }

    .resourses-box,
    .ds-details-bdy-card,
    .ds-details-body {
        padding: 12px;
    }

    .ds-sec-head h2 {
        font-size: 28px;
    }

    .table-container table {
        min-width: 1140px;
    }

    .epr-bg {
        padding: 12px;
    }

    .file-attach input {
        margin-left: 0;
    }

    .post,
    .reply-form,
    .forum-header {
        padding: 12px;
    }

    .forum-header .stats {
        flex-wrap: wrap;
        border: 0;
    }

    .question-count {
        width: 100%;
    }

    .ds-sec-head h2 {
        margin-bottom: 10px;
    }

    .mcq-bank-left ul {
        padding: 8px 12px;
        gap: 12px;
    }

    .mcq-bank-left ul li {
        font-size: 16px;
    }

    .mcq-bank-btm {
        margin-top: 20px;
    }

    .upload-profile-pic .instructions {
        text-align: left;
    }

    .mcq-b-pagination .cmn-btn {
        min-width: 130px;
    }

    .ds-dbcd-head {
        margin: 0 -12px !important;
        padding: 0 12px 12px !important;
    }

    .ds-dbcd-head p {
        padding-bottom: 12px !important;
    }

    .ds-dbcd-head:has(p) {
        padding-bottom: 0 !important;
    }

    .discussion-form .ds-dbcd-head {
        padding: 0 !important;
        margin: 0 !important;
    }

    .learners-feed-head {
        padding-bottom: 12px;
    }
}

@media only screen and (max-width: 575px) {
    .nav-right-part {
        margin-left: 0;
    }

    .navbar-brand {
        width: 150px;
        margin-bottom: 8px;
    }

    .navbar {
        padding: 12px 0;
    }

    h2.mb-4 {
        margin-bottom: 0 !important;
    }

    .table-container tbody td,
    .table-container tbody th {
        font-size: 14px;
        padding: 8px;
    }

    .table-container table {
        min-width: 1000px;
    }

    .breadcrumb {
        margin-top: 0;
    }

    .ds-details-bnr {
        padding: 30px 12px 10px;
    }

    .ds-announcements {
        padding: 12px;
    }

    .topic-status-bar {
        height: 40px;
        width: 150px;
    }

    .ds-dbcd-head,
    .learners-feed-head,
    .learner-feed-card {
        margin-bottom: 20px;
    }

    .learner-feed-card>p {
        margin-bottom: 10px;
    }

    .learners-feed-container.mb-5 {
        margin-bottom: 20px !important;
    }

    h3,
    .h3-title {
        font-size: 20px;
    }

    .r-card-content {
        padding-left: 0;
        width: calc(100% - (80px + 60px));
    }

    .r-card-actions {
        gap: 10px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .hero-content-inr p {
        margin-bottom: 10px;
    }

    .r-card-img {
        width: 60px;
        height: 60px;
    }

    .ds-details-content h1 {
        font-size: 26px;
    }

    .ds-dbcd-head h2,
    .learners-feed-head h2 {
        font-size: 24px;
    }

    .btn-wrp,
    .topic-navigation ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .t-details .breadcrumb ul {
        padding: 12px;
    }

    .t-details .breadcrumb ul li {
        font-size: 16px;
    }

    .pr-info-card {
        width: 100%;
        padding: 12px;
    }

    .pr-info-label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .profile-info-wrp {
        gap: 15px;
    }

    .epr-gnrl-content .input-grp>* {
        width: 100% !important;
    }

    .epr-gnrl-content .input-grp {
        gap: 6px;
    }

    .upload-profile-pic>* {
        margin-bottom: 10px;
    }

    .ds-body>.row>.col-lg-3 {
        position: absolute;
    }

    .ds-body>.row>.col-lg-3 .ds-sidebar-wrp {
        padding: 0;
        /* width: 100%; */
        background: transparent;
    }

    .ds-body .row .col-lg-3 .ds-sidebar-inr {
        background: var(--white);
        padding: 12px 6px 12px 0;
    }

    .ds-body .row>.col-lg-9,
    .ds-body .row>.col-lg-9.active {
        width: 100%;
        padding: 0;
        padding-top: 35px;
    }

    .ds-filter-wrp .search-form .input-grp {
        width: 100%;
    }

    .ds-filter-wrp .search-form .input-grp input {
        width: 100%;
    }

    /* .ds-filter-wrp select{
        margin-right: auto;
    } */
    .ds-sidebar-wrp button.ds-sidebar-toggler,
    .ds-sidebar-wrp button.ds-sidebar-close {
        margin-bottom: -32px;
    }

    .mcq-options-wrp {
        justify-content: flex-start;
    }

    .tbl-after {
        flex-wrap: wrap;
    }

    .ds-details-bdy-card .note {
        margin: 20px 0;
    }

    .tbl-after .pagination {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 479px) {
    .ds-main-head .search-form input {
        font-size: 13px;
        padding-right: 40px;
    }

    .search-form {
        padding-left: 0;
    }

    .profile-img>i {
        font-size: 14px;
    }

    .navbar-toggler {
        order: unset;
    }

    .navbar-brand {
        margin: 0;
    }

    .navbar {
        gap: 8px;
    }

    .profile-control .menu-item-has-children:hover .sub-menu {
        padding: 10px 0;
    }

    .ds-main {
        padding: 20px 0;
    }

    h1,
    .h1-title {
        font-size: 26px;
    }

    .ds-body {
        padding: 12px;
        border-radius: 12px;
    }

    .sec-head h1 img,
    .ds-anunce-date>img {
        width: 30px;
    }

    .ds-body .sec-head,
    .wlcm-box {
        margin-bottom: 20px;
    }

    .ds-body .sec-head.mb-5 {
        margin-bottom: 20px !important;
    }

    .wlcm-box h2,
    .ds-cmn-box .sec-head h2,
    .ds-sec-head h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .ds-body .sec-head h2:last-child,
    .wlcm-box:last-child,
    .ds-sec-head h2:last-child {
        margin-bottom: 0;
    }

    .wlcm-box,
    .ds-cmn-box,
    .ds-anunc-cd {
        padding: 12px 8px;
    }

    h3,
    .h3-title {
        font-size: 20px;
    }

    .filter-btn {
        padding: 0;
    }

    .ds-body .search-form {
        justify-content: center;
    }

    .pagination {
        flex-wrap: wrap;
    }

    .resourses-box,
    .ds-details-bdy-card,
    .ds-details-body {
        padding: 8px;
    }

    .resourses-box ul li {
        gap: 6px;
        margin-bottom: 12px;
    }

    .pagination li a,
    .pagination li.active {
        width: 35px;
        height: 35px;
    }

    .review-card {
        flex-wrap: wrap;
    }

    .r-card-content {
        width: 100%;
    }

    .ds-course-cd-wrp .row>* {
        padding: 0;
    }

    .ds-cs-cntnt-head span {
        font-size: 16px;
    }

    .ds-announcements h3 {
        margin-bottom: 15px;
    }

    .ds-announcements h3 img {
        width: 15px;
    }

    .ds-announcements {
        padding: 12px 8px;
    }

    .ds-dbcd-head h2 {
        font-size: 20px;
    }

    .topic-content {
        max-width: calc(100% - 15px);
        padding-left: 8px;
    }

    textarea {
        font-size: 16px;
        padding: 12px;
    }

    .edit-profile-form .prfrm-content-toggler {
        font-size: 18px;
    }

    .ds-main:has(.ds-sidebar-wrp) {
        padding-top: 0;
    }

    .inr-bnr-img::after {
        background: linear-gradient(90deg, var(--black) 0%, rgba(0, 0, 0, 0) 100%);
    }

    .ds-details-content .breadcrumb ul li,
    .c-progress-txt {
        font-size: 14px;
    }

    .c-progress-txt {
        margin-bottom: 0;
    }

    .ds-details-content h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .ds-details-content p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .ds-details-bnr {
        padding: 20px 12px;
    }

    .l-thoughts-form .btn-wrp .cmn-btn {
        width: 100%;
    }

    .df-category label img {
        width: 20px;
        flex-shrink: 0;
    }

    .df-category {
        gap: 5px;
    }

    .df-category select {
        font-size: 14px;
        padding-right: 10px;
        background: url(../pix/sort-down.svg) no-repeat right center transparent;
        background-size: 10px;
    }

    .d-forum-head {
        gap: 5px;
        padding: 8px 12px;
    }

    .d-forum-head button.cmn-btn {
        padding: 6px 12px;
        font-size: 14px;
    }

    .forum-header .stats {
        font-size: 15px;
    }

    .wlcm-box .search-form .input-grp {
        width: 100%;
    }

    .topic-navigation ul {
        gap: 5px;
    }

    .topic-navigation ul .cmn-btn {
        padding: 8px 12px;
        gap: 6px;
    }

    .topic-navigation ul .cmn-btn img {
        width: 15px;
    }

    .ds-body .col-lg-12 {
        padding: 0;
    }

    .mcq-bank-left ul {
        padding: 12px;
        border-radius: 10px;
        gap: 8px;
    }

    .mcq-single h3 {
        font-size: 18px;
    }

    .nav-right-part,
    .ds-main-head .search-form input {
        width: 100%;
        margin-right: 0;
    }

    .nav-right-part>:first-child {
        flex: 1;
    }

    .mcq-b-pagination .cmn-btn {
        min-width: 110px;
    }

    .post {
        flex-wrap: wrap;
    }

    .name {
        font-size: 13px;
        padding-left: 10px;
    }

    .joined p {
        font-size: 10px;
    }

    .badge.admin {
        padding: 3px 10px;
    }

    .name::before {
        width: 6px;
        height: 6px;
    }

    .post-right-wrp {
        width: 100%;
        flex: auto;
    }

    .post-content>p {
        line-height: 1.2;
    }

    .post-header {
        flex-wrap: wrap;
    }

    .post-time span {
        text-align: left;
        width: auto;
    }

    .post-time {
        width: 100%;
        justify-content: space-between;
    }

    .joined .post-time {
        margin-left: 5px;
        width: auto;
    }

    .mcq-options-wrp {
        flex-direction: column;
    }

    .mcq-options-wrp>* {
        width: 100%;
    }
}

/*Block Style */
.block-region .block.card {
    margin-bottom: 0 !important;
    border: none;
}

.block-region .block.card .card-body.p-3 {
    padding: 0 !important;
}

.block-region .block.card .card-body.p-3 .card-text {
    margin-top: 0 !important;
}

.wlcm-box .card-body p {
    color: var(--text-clr);
}

/*Block Style */

/* Hide original radio UI inside this item */
.feedback-item-multichoicerated label,
.feedback-item-multichoicerated .form-control-feedback {
    display: none !important;
}

.feedback-item-multichoicerated .star-rating {
    display: inline-flex;
    cursor: pointer;
    margin-left: 10px;
}

.feedback-item-multichoicerated .star-rating .star {
    font-size: 26px;
    color: #ccc;
    margin-right: 3px;
    transition: color 0.2s;
}

.feedback-item-multichoicerated .star-rating .star.selected {
    color: #f5b301;
}

.feedback-item-multichoicerated .star-rating .star:hover {
    color: #f5d67c;
}

.feedback-item-multichoicerated .col-form-label {
    justify-content: space-between;
}

#page-mod-feedback-view .ds-details-bdy-card .alert-block {
    opacity: 1;
}


/* DK-CSS */

@media only screen and (min-width:1280px) and (max-width:1365px) {

    /* USER */

    body.panel-user {
        .ds-main-head .nav-right-part {
            padding-right: 20px;
        }
    }

    /* USER */

}

@media only screen and (min-width:1000px) and (max-width:1279px) {

    /* USER */

    body.panel-user {
        .ds-main-head .nav-right-part {
            padding-right: 20px;
        }

        .fp-navbar.bg-faded.card.mb-0 {
            margin-bottom: 10px !important;
        }
    }

    /* USER */

    /* ADMIN */

    body.panel-admin {

        .navbar-nav>li {
            padding-top: 0px;
            padding-bottom: 0px;
        }
    }

    /* ADMIN */

}

@media only screen and (min-width:820px) and (max-width:999px) {

    /* USER */

    body.panel-user {
        .filter-menu li a {
            justify-content: center;
        }

        .ds-main-head .nav-right-part {
            padding-right: 20px;
        }

        .fp-navbar.bg-faded.card.mb-0 {
            margin-bottom: 10px !important;
        }

        .preferences-container {
            overflow-x: auto;

            table.preference-table {
                width: max-content;
            }
        }
    }

    /* USER */

}

@media only screen and (min-width:768px) and (max-width:819px) {

    /* USER */

    body.panel-user {
        .filter-menu li a {
            justify-content: center;
        }

        .ds-main-head .nav-right-part {
            padding-right: 20px;
        }

        .fp-navbar.bg-faded.card.mb-0 {
            margin-bottom: 10px !important;
        }

        .preferences-container {
            overflow-x: auto;

            table.preference-table {
                width: max-content;
            }
        }
    }

    /* USER */

    /* ADMIN */

    body.panel-admin {

        .ds-main-head .search-form {
            margin-bottom: 0px;
            border-bottom: 0;
        }

        .ds-main-head .navbar-brand {
            margin-left: 0;
            margin-bottom: 0;
        }

        .nav-right-part>:first-child {
            flex: auto;
        }

        .ds-main-head .profile-control {
            flex: auto;
            margin-left: auto;
        }

        .custom-control-label {
            left: 15px;
        }
    }

    /* ADMIN */

}

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

    /* USER */

    body.panel-user {
        .fp-toolbar {
            margin-bottom: 10px;
        }

        .filter-menu li a {
            justify-content: center;
        }

        .ds-filter-wrp .search-form .input-grp input {
            width: 100% !important;
        }

        .ds-main-head .nav-right-part {
            gap: 20px;
        }

        .nav-right-part>:first-child {
            flex: auto;
        }

        .ds-main-head .search-form {
            margin-bottom: 0px;
            border-bottom: 0;
        }

        .ds-main-head .profile-control {
            flex: 1;
        }

        .action-menu-trigger {
            margin-left: auto;
            margin-right: 20px;
        }

        .ds-main-head .navbar-brand {
            margin-right: 0;
            margin-left: 0;
            margin-bottom: 0;
        }

        .page-user-edit #page-content .mform .collapsible-actions {
            width: auto;
            margin-top: -65px;
        }

        .filemanager-container.card {
            min-height: 170px;
        }

        .fp-navbar.bg-faded.card.mb-0 {
            margin-bottom: 10px !important;
        }

        .preferences-container {
            overflow-x: auto;

            table.preference-table {
                width: max-content;
            }
        }
    }

    /* USER */

    /* ADMIN */

    body.panel-admin {

        .generalbox {
            overflow-y: auto;
        }

        .generalbox table#permissions {
            width: max-content;
        }

        .generalbox table#permissions tr th {
            padding: 10px;
        }

        .ds-filter-wrp .search-form .input-grp input {
            width: 100% !important;
        }

        .ds-main-head .search-form {
            margin-bottom: 0px;
            border-bottom: 0;
            padding-bottom: 0;
        }

        .ds-main-head .navbar-brand {
            margin-left: 0;
            margin-bottom: 0;
        }

        .nav-right-part>:first-child {
            flex: auto;
        }

        .ds-main-head .profile-control {
            flex: auto;
            margin-left: auto;
        }

        .ds-main-head .editmode-switch-form {
            width: 0px;
            position: relative;
            right: -20px;
        }

        .custom-control-label {
            left: -25px;
        }

        .menubar .dropdown {
            position: relative;
            left: 25px;
        }
    }

    /* ADMIN */


}

@media only screen and (min-width:390px) and (max-width:479px) {

    /* USER */

    body.panel-user {
        .fp-toolbar {
            margin-bottom: 10px;
        }

        .filter-menu li a {
            justify-content: center;
        }

        .ds-filter-wrp .search-form .input-grp input {
            width: 100% !important;
        }

        .ds-main-head .nav-right-part {
            gap: 20px;
        }

        .nav-right-part>:first-child {
            flex: auto;
        }

        .ds-main-head .search-form {
            margin-bottom: 0px;
            border-bottom: 0;
        }

        .ds-main-head .profile-control {
            flex: 1;
        }

        .action-menu-trigger {
            margin-left: auto;
            margin-right: 20px;
        }

        .profile-sec-head a.cmn-btn,
        .user-info-head a.cmn-btn {
            padding: 8px 19px !important;
        }

        .page-user-edit #page-content .mform .collapsible-actions {
            width: auto;
            margin-top: -65px;
        }

        .filemanager-container.card {
            min-height: 170px;
        }

        .fp-navbar.bg-faded.card.mb-0 {
            margin-bottom: 10px !important;
        }

        .preferences-container {
            overflow-x: auto;

            table.preference-table {
                width: max-content;
            }
        }
    }

    /* USER */

    /* ADMIN */

    body.panel-admin {

        .generalbox {
            overflow-y: auto;
        }

        .generalbox table#permissions {
            width: max-content;
        }

        .generalbox table#permissions tr th {
            padding: 10px;
        }

        .ds-filter-wrp .search-form .input-grp input {
            width: 100% !important;
        }

        .ds-main-head .search-form {
            margin-bottom: 0px;
            border-bottom: 0;
        }

        .nav-right-part>:first-child {
            flex: auto;
        }

        .ds-main-head .profile-control {
            flex: auto;
            margin-left: auto;
        }

        .ds-main-head .editmode-switch-form {
            width: 0px;
        }

        .custom-control-label {
            left: -22px;
        }

        .menubar .dropdown {
            position: relative;
            left: 0px;
        }
    }

    /* ADMIN */


}

@media only screen and (min-width:360px) and (max-width:389px) {

    /* USER */

    body.panel-user {
        .fp-toolbar {
            margin-bottom: 10px;
        }

        .filter-menu li a {
            justify-content: center;
        }

        .ds-filter-wrp .search-form .input-grp input {
            width: 100% !important;
        }

        .ds-main-head .nav-right-part {
            gap: 20px;
        }

        .nav-right-part>:first-child {
            flex: auto;
        }

        .ds-main-head .search-form {
            margin-bottom: 0px;
            border-bottom: 0;
        }

        .ds-main-head .profile-control {
            flex: 1;
        }

        .action-menu-trigger {
            margin-left: auto;
            margin-right: 20px;
        }

        .profile-sec-head a.cmn-btn,
        .user-info-head a.cmn-btn {
            padding: 8px 19px !important;
        }

        .page-user-edit #page-content .mform .collapsible-actions {
            width: auto;
            margin-top: -65px;
        }

        .filemanager-container.card {
            min-height: 170px;
        }

        .fp-navbar.bg-faded.card.mb-0 {
            margin-bottom: 10px !important;
        }

        .preferences-container {
            overflow-x: auto;

            table.preference-table {
                width: max-content;
            }
        }
    }

    /* USER */

    /* ADMIN */

    body.panel-admin {

        .generalbox {
            overflow-y: auto;
        }

        .generalbox table#permissions {
            width: max-content;
        }

        .generalbox table#permissions tr th {
            padding: 10px;
        }

        .ds-filter-wrp .search-form .input-grp input {
            width: 100% !important;
        }

        .ds-main-head .search-form {
            margin-bottom: 0px;
            border-bottom: 0;
        }

        .ds-main-head .editmode-switch-form {
            width: 0px;
            position: relative;
            right: -20px;
        }

        .custom-control-label {
            left: -15px;
        }

        .menubar .dropdown {
            position: relative;
            left: 50px;
        }
    }

    /* ADMIN */

}

@media only screen and (min-width:320px) and (max-width:359px) {

    /* USER */

    body.panel-user {
        .fp-toolbar {
            margin-bottom: 10px;
        }

        .filter-menu li a {
            justify-content: center;
        }

        .ds-filter-wrp .search-form .input-grp input {
            width: 100% !important;
        }

        .ds-main-head .nav-right-part {
            gap: 20px;
        }

        .nav-right-part>:first-child {
            flex: auto;
        }

        .ds-main-head .search-form {
            margin-bottom: 0px;
            border-bottom: 0;
        }

        .ds-main-head .profile-control {
            flex: auto;
        }

        .page-user-edit #page-content .mform .collapsible-actions {
            width: auto;
            margin-top: -65px;
        }

        .filemanager-container.card {
            min-height: 170px;
        }

        .sub-menu.show {
            width: 100% !important;
        }

        .fp-navbar.bg-faded.card.mb-0 {
            margin-bottom: 10px !important;
        }

        .preferences-container {
            overflow-x: auto;

            table.preference-table {
                width: max-content;
            }
        }
    }

    /* USER */

    /* ADMIN */

    body.panel-admin {
        .generalbox {
            overflow-y: auto;
        }

        .generalbox table#permissions {
            width: max-content;
        }

        .generalbox table#permissions tr th {
            padding: 10px;
        }

        .ds-filter-wrp .search-form .input-grp input {
            width: 100% !important;
        }

        .ds-main-head .search-form {
            margin-bottom: 0px;
            border-bottom: 0;
        }

        .ds-main-head .editmode-switch-form {
            width: 0px;
        }

        .custom-control-label {
            left: -15px;
        }

        .menubar .dropdown {
            position: relative;
            left: 15px;
        }
    }

    /* ADMIN */

}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent;
}

.dropdown-item[aria-current="true"]:before,
.dropdown-item[aria-selected="true"]:before {
    content: '';
    display: none;
}

/* DK-CSS */