.h5, h5 {
    font-size: 16px;
}

/* design v4 changes march 2024*/
.admin-page-section .admin-box:hover h5.card-title i.mdi {
    background-color: #3f51b533;
    color: #3f51b5;
}

table.fields tr:nth-child(1), .row table.fields td:nth-child(1) {
    width: 140px;
}

.text-primary {
    color: #3f51b5 !important;
}

.bg-primary {
    background-color: #3f51b5 !important;
}

.btn-primary:hover, .btn-primary:active {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #3f51b5;
    border-color: #d9dcf0;
    -webkit-box-shadow: 0 0 0 0.15rem #3f51b580;
    box-shadow: 0 0 0 0.15rem #3f51b580;
}

.btn-primary, .btn-secondary, .btn-info {
    -webkit-box-shadow: 0 2px 6px 0 rgba(75,166,239,.5);
    box-shadow: 0 2px 6px 0 rgba(75,166,239,.5);
    border: 0;
}

.button.small.wide {
    font-weight: 400 !important;
    line-height: 1.5 !important;
    padding: 5px;
    height: 30px;
    width: auto !important;
    border-radius: 0.25rem !important;
    background-image: none;
    color: #fff !important;
    background-color: #3f51b5;
    border-color: #3f51b5;
    font-size: 14px !important;
}

a {
    color: #3f51b5;
}

.dropDownHeading {
    white-space: nowrap;
}

a:hover {
    color: #3f51b5;
}

.nav-link:focus, .nav-link:hover {
    color: #3f51b5;
    opacity: 0.9;
}

.admin-box:hover {
    border-color: #3f51b5;
}

.admin-box a.btn.btn-outline-light.text-truncates {
    text-align: left;
}

.header-profile-user {
    height: 36px;
    width: 36px;
    background-color: #74788d;
    padding: 1px;
}

.filter span.uiLabel {
    padding-right: 8px;
}

.contact-section {
    display: flex;
    min-height: 75vh;
    padding-top: 100px;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

.page-title-box .breadcrumb-item + .breadcrumb-item::before {
    font-size: 20px;
    padding: 0px !important;
    line-height: 1.1;
}

.page-title-box .breadcrumb-item + .breadcrumb-item {
    padding-left: 0rem;
    margin-right: 0px;
}

.page-title-box .breadcrumb {
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
}

.page-title-box .breadcrumb-item.active {
    color: inherit;
}

.fields.customFields .clstd_customField {
    width: 210px !important;
}

.user-image-section .uploadLink-s {
    color: #2ab57d;
    padding: 0px;
    margin-left: -5px;
}

div#tabBasic div#passwordPolicy {
    position: absolute;
    font-size: 90%;
    height: 180px;
    z-index: 2;
}

.courseImage .courseModalityOverlay {
    position: absolute;
    width: 200px;
    height: auto;
    right: 0;
    bottom: 40px;
}

.inner-container .data-conntainer #CourseProfileImage {
    width: 100% !important;
    margin-right: 0px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 0px;
}

.courseImage .courseModalityOverlay img {
    height: 100%;
    max-width: 170px;
    height: auto;
}

#profileImagePreview .courseImage .courseModalityOverlay img {
    height: 100%;
    width: 200px;
    height: auto;
}

#profileImagePreview {
    max-width: 600px;
}

table.resultsTable tbody tr.selected {
    color: #222 !important;
}
/* design v4 changes march 2024*/
.row {
    margin: 0;
}

button.btn-back {
    background-color: transparent;
    border: 0px;
    display: flex;
    align-items: center;
    padding: 0;
}

    button.btn-back i {
        border-radius: 25px;
        border: 1px solid #d8d5d5;
        background-color: #efebeb;
        margin-right: 5px;
    }

    button.btn-back span {
        line-height: 14px;
    }

    button.btn-back i::before {
        font-size: 25px;
    }

.card-body.basic-info .accordion-button:not(.collapsed) {
    background-color: #d9dcf0;
}

input, select, textarea {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

    input[type="radio"], input[type="checkbox"] {
        padding: 8px 8px !important;
        margin: 0px 5px;
    }

#page {
    min-height: 85vh;
}

.log-help a, .log-help a:hover {
    color: #3f51b5 !important;
}

select, .simpleBox, input[type=file] {
    padding: 6px !important;
    margin: 5px 0px !important;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

p {
    margin-top: 5px;
}

div#main #links a.createLink {
    color: #222222;
}

.pager select {
    font-size: 14px;
    padding: 5px;
}

table.fields td.fieldName span.tip {
    margin-left: 5px;
}

.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 {
    -webkit-box-shadow: 0 0 0 0.15rem #3f51b580;
    box-shadow: 0 0 0 0.15rem #3f51b580;
}

/* design v4 changes march 2024*/

.searchResults {
    margin: 10px 0 !important;
}

.searchResultsWrapper {
    width: 100%;
}

.searchResults table.dividers.resultsTable tr td {
    overflow-wrap: anywhere !important;
    vertical-align: top;
}

.cookieBanner {
    margin-top: 0px;
    margin-bottom: 0;
    background: #25C2A3;
    padding: 15px 20px;
    color: #FFF;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 100;
}

/* 
code for dilogue box */

.ui-dialog.ui-widget .ui-widget-header {
    border: 0;
    background: none;
    border-bottom: 1px solid #dddddd;
    border-radius: 0;
    font-size: 18px;
    margin-bottom: 15px;
}

.ui-tabs .ui-tabs-panel table.fields td.fieldName {
    width: 140px;
}

.ui-dialog.ui-widget input, .ui-dialog.ui-widget select, textarea {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #444;
    padding: 5px;
}

.ui-accordion .ui-accordion-icons.ui-accordion-header-active {
    background-color: #3f51b5;
    background-image: none;
}

label, p, li {
    font-size: 14px;
}

table.fields td.fieldName {
    font-size: 14px;
}

.field-validation-error {
    padding: 4px;
}

.button.wide {
    text-align: center;
    font-size: 14px;
    max-width: 100%;
    border: 0 none;
    color: #fff;
    padding: 7px 10px;
    background-color: #3f51b5;
    background-image: none;
    border-radius: 3px;
    height: auto;
    width: auto;
}

button#request.button.wide {
    width: auto;
}

.courseImage #CourseProductImage {
    /*margin-bottom: 20px;*/
}

div.collapsible.collapsed .heading {
    background-color: #fff6ed !important;
    border-left: 5px solid #ffc381 !important;
}

div.collapsible .heading:hover, div.collapsible .heading {
    background-color: #d9dcf0 !important;
    color: #333 !important;
    border: 1px solid #3f51b5 !important;
    border-left: 5px solid #3f51b5 !important;
    cursor: pointer;
    padding: 5px 40px 5px 20px;
    margin-top: 10px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
    border-radius: 5px;
    box-shadow: none !important;
}

.lastModified table td {
    font-size: 12px !important;
}

    .lastModified table td a {
        font-size: 12px !important;
        color: #25c2a3;
    }


.lastModified {
    margin-top: 30px;
    padding: 8px;
    border: 1px solid #3f51b5;
}

.last-modified-cls .lastModified {
    margin-top: 0;
}

footer.container {
    padding: 25px 20px 10px 10px;
    margin: auto !important;
}
/* Index Admin page CSS*/
.admin-page-section .admin-box h5.card-title i.mdi {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    color: #74788d;
    -webkit-transition: all .4s;
    transition: all .4s;
    border: 1px solid #e9e9ef;
    border-radius: 50%;
    margin-right: 16px;
    vertical-align: middle;
}

/*
.admin-page-section .admin-box:hover h5.card-title i.mdi {
    background-color: rgba(234,67,53,.2);
    color: #3f51b5;
} */

.admin-page-section .admin-box h5.card-title {
    display: flex;
    align-items: center;
}


/*
Search page CSS */
div#outputOptionsContainer {
    padding: 10px 5px;
}

    div#outputOptionsContainer div label input[type="checkbox"] {
        margin: 0px 10px;
    }

.closeOutputOptions {
    right: 10px;
    top: 10px;
}

div#outputOptionsContainer div {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 5px;
}

    div#outputOptionsContainer div label {
        margin-bottom: 5px;
    }

/* newly addded from Rev 52*/

.row.page-header .page-title-box {
    padding-left: 15px;
    padding-right: 15px;
}

.row.page-header .col-12 {
    margin-bottom: 10px;
}


table.resultsTable tr.header th {
    background-color: #f9f9fa;
}

    table.resultsTable tr.header th.hover {
        background-color: #e9e9ef;
    }

div#applicationSettings {
    margin-bottom: 30px;
}

.applicationSetting .value {
    width: 100%;
    margin-left: 0px;
}

.applicationSetting .set-value {
    width: 100%;
}

.applicationSetting .setting {
    text-align: left;
    padding-left: 15px;
    width: 250px;
    max-width: max-content;
}


.applicationSetting .set-save {
    text-align: left;
    padding-left: 15px;
    min-width: 60px;
}

div#applicationSettings table tr th {
    --bs-table-accent-bg: #ffd3cf;
    background-color: #ffbf53 !important;
    padding: 10px 15px;
    color: #363a38;
}

.applicationSetting .update {
    cursor: pointer;
    margin-left: 10px;
    width: 18px;
    height: auto;
}

/*  Button ----------------------------------- Off canvas-- */

.offcan-container .offcanvas-header {
    background-color: #ffffff;
    padding: 10px 20px 5px 15px;
    border-bottom: 1px solid #f3f3f9;
}

.offcanvas-body {
    padding: 0px 5px 0px 5px;
}

.offcan-container .offcanvas-search {
    padding: 5px 10px 5px 5px;
}

.offcan-container .offcanvas-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
}

.offcan-container .offcanvas-body .my-vertical-menu {
    background-color: #fff;
    position: relative;
    top: -10px;
    width: 100%;
    border: none;
    padding: 5px !important;
    margin-bottom: -50px;
}

#sidebar-menu ul li ul.sub-menu li a {
    padding: 0.4rem 1.5rem 0.4rem 2.8rem;
    word-break: break-all;
    text-wrap: auto;
    display: flex;
}

#sidebar-menu ul li a {
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}

.mm-active > a, .mm-active > a i {
    color: #3f51b5 !important;
}

.dropdown.fixed-admin-btn {
    position: fixed;
    top: 115px;
    right: 0px;
    height: 100px;
    display: flex !important;
    background-color: #3f51b5;
    border-radius: 10px 0px 0px 10px;
    padding: 10px 2px;
    width: 40px;
    border-left: 5px solid #d9dcf0;
    border-top: 5px solid #d9dcf0;
    border-bottom: 5px solid #d9dcf0;
    align-items: center;
}

div#tabExperienceLevels tr.experienceLevel td:nth-child(1) {
    width: auto !important;
    text-align: end;
}

div#tabExperienceLevels table.fields tbody tr th {
    padding-top: 16px;
}

div#tabExperienceLevels tr.experienceLevel input.price {
    max-width: 90%;
    float: right;
    clear: both;
}

div#tabExperienceLevels table.fields {
    background: white;
}

#sidebar-menu ul li.mm-active ul li a i {
    background-color: transparent;
    color: #3f51b5 !important;
    font-size: 18px;
    padding: 0px 0px !important;
}

#sidebar-menu ul li ul.sub-menu li a i {
    background-color: transparent;
    color: #3f51b5 !important;
    font-size: 18px;
    padding: 0px 0px !important;
}

.dropdown.fixed-admin-btn i.bx {
    color: white;
    margin-left: -8px;
}

#sidebar-menu ul li:hover a {
    color: #3f51b5 !important;
    background: #fff;
}

#sidebar-menu ul li.mm-active a {
    color: #545a6d !important;
    background: #fff;
}

    #sidebar-menu ul li:hover a i, #sidebar-menu ul li.mm-active a i {
        background-color: #3f51b5;
        color: #fff !important;
    }

#sidebar-menu .has-arrow:after {
    margin-right: 5px;
}

#sidebar-menu ul li ul.sub-menu li a:hover {
    color: #e91e63 !important;
    background-color: #f7f7f7;
}

#sidebar-menu ul li a i {
    line-height: 1;
    border-radius: 50%;
    padding: 4px 5px;
    color: #fff !important;
}

li.mm-active {
    /* border: 5px solid #ffd3cf !important; */
    box-shadow: 0px 0px 10px 1px #dedede;
}

ul#side-menu > li {
    border: 5px solid transparent;
    border-radius: 4px;
}

/* Issue resolved */
.tab-pane textarea,
.tab-pane select,
.tab-pane input[type=text],
.tab-pane input[type=password],
.tab-pane input[type=select],
.tab-pane input[type=money],
.tab-pane input[type=email] {
    /*width: 100% !important;
    max-width: 100vw !important;*/
}

textarea,
select,
input[type=text],
input[type=password],
.tab-pane textarea,
.tab-pane select,
.tab-pane input[type=text],
.tab-pane input[type=password],
.tab-pane input[type=select],
.tab-pane input[type=money],
.tab-pane input[type=email],
.tab-pane input[type=number] {
    padding: 0.3rem 0.5rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.ui-tabs .ui-tabs-panel h3 {
    padding: 10px 0px;
    font-size: 18px;
    margin-top: 5px;
}

#meetingTableBody input.cancelMeetingEdit, #meetingTableBody input.commitMeetingEdit {
    background-image: none !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 0.25rem !important;
    color: #343a40;
    border: 0;
    background-color: rgba(52, 58, 64, .1);
    margin-bottom: 10px;
}

.admin-box .row.card-body {
    align-items: flex-start !important;
    max-height: 90px;
}

.admin-box .btn-group.links-btn {
    min-height: 75px;
    display: flex;
    align-items: flex-end;
}

.admin-box {
    transition: 500ms;
    display: flex;
    justify-content: space-between;
}

#tabActivities .swappable.withNumberInput .number {
    text-align: center;
    width: 40px !important;
    min-width: 30px !important;
    margin-right: 10px !important;
    background-color: #d9dcf0;
    font-weight: 800;
}
/* Issue resolved  

.dropDown.organization .dropDownBody.organizationBody {
    top: auto !important;
    left: auto !important;
} */

.offcan-container .offcanvas-search .app-search .dropDownBody {
    top: auto !important;
    left: auto !important;
    display: block;
}



#notes .note.important {
    box-shadow: 0px 0px 13px 0px #d7d7d7;
    border: solid 1px #d60000;
}

    #notes .note.important .noteHeading span.importantIcon {
        position: absolute;
        display: flex;
        flex-wrap: nowrap;
        top: -20px;
        left: -20px;
        height: 25px;
        width: 25px;
        z-index: 2;
        align-items: center;
        justify-content: center;
        background-color: red;
        color: #fff;
        font-weight: 800;
        border-radius: 13px;
    }

#notes .note.editing {
    background-color: #f5f5f5 !important;
}

#notes .note .noteHeading {
    border-bottom: solid 1px #e9e9ef;
    display: block;
    position: relative;
}

.note .body {
    padding: 15px 10px;
}

#notes .note .info {
    font-size: 12px;
    border-top: 1px solid #ced4da;
    margin-top: 10px;
}

.note .noteHeading a.editLink {
    background-color: rgb(245 245 245) !important;
}

#notes .note {
    box-shadow: 0px 0px 13px 0px #d7d7d7;
    border: solid 1px #ced4da;
    margin: 15px 10px;
    background-color: #fff !important;
    padding: 10px;
}

div.newNote .note textarea#NoteText {
    min-height: 35px !important;
    width: 99% !important;
}




/* V3 Edit page css .edit-info-section */


.main-content .content {
    padding: 10px 15px 10px 15px;
    margin-top: 10px;
}

.ui-tabs.ui-widget {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 1.2rem !important;
}

.ui-tabs .ui-tabs-nav {
    display: block;
    max-width: 20%;
    height: fit-content;
    border-right: 3px solid #e9e9ef !important;
}

    .ui-tabs .ui-tabs-nav li {
        background: none !important;
        border: none;
        display: block;
        width: 100%;
    }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
            border-bottom: 3px solid #fff;
        }

        .ui-tabs .ui-tabs-nav li a.ui-tabs-anchor {
            padding: 0.7rem 1rem !important;
            white-space: pre-wrap;
            width: 100%;
            position: relative;
            font-weight: 500;
            font-size: 14px;
        }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #3f51b5;
    font-weight: 600 !important;
    text-decoration: none;
}

div.activity.withAttention > .content.detailsBox3 {
    padding: 20px 20px 20px 50px !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:before {
    left: unset !important;
    bottom: unset !important;
    top: -2px;
    right: -10px;
    width: 6px;
    height: 101%;
    background: #3f51b5;
    content: "";
    z-index: 7;
    display: inline-block;
    position: absolute;
}

.vertical-tabs-info .row.info-section {
    padding: 1.2rem !important;
}

.user-info.tab-content .tab-pane .card-header, .user-info.tab-content .tab-pane .card {
    background: #f9f9fb;
    margin-bottom: 0px;
}

.ui-tabs .ui-tabs-panel {
    width: 80%;
    display: block;
    background-color: #f9f9fb;
    background-clip: border-box;
    border: 1px solid #e9e9ef;
    border-radius: 0.25rem;
    margin-left: 20px;
}

div#tabBasic {
    background-color: #fff;
}


.resultsTable tr th {
    background-color: #e9e9ef;
}

.ui-tabs-panel.ui-widget-content a.createLink {
    font-weight: 600 !important;
    line-height: 1.5 !important;
    /*padding: 6px 10px 6px 30px !important;*/
    border-radius: 0.25rem !important;
    color: #343a40 !important;
    background-color: rgba(42,181,125,.18);
    background-position: 5px 8px;
    margin-top: 10px;
    display: inline-block;
    position: relative;
}

table.fields {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

    table.fields tr, .row table.fields td {
        border-bottom: none;
        text-align: left;
    }

.ui-widget input[type=number] {
    padding: .47rem 0.75rem;
    margin: 2px 5px !important;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.ui-widget input[type=text], .ui-widget input[type=password], .ui-widget input[type=select], .ui-widget input[type=money], .ui-widget input[type=email], .ui-widget input[type=money], .ui-widget textarea {
    /*display: block;*/
    /*width: auto !important;*/
    padding: .47rem 0.75rem;
    margin: 2px 5px !important;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    max-width: 550px;
}

.user-info.tab-content .tab-pane .card {
    margin-bottom: 0px;
}
/* V3 Edit page css */
/* V3 Only vertical tab code page css */
.nav-vert.nav-tabs-custom {
    border: 1px solid #e9e9ef;
}

.nav-vert .nav-link.active {
    /* border-right: 6px solid #3f51b5; */
    margin-right: -4px;
    transition: 0.2s ease all;
    color: #3f51b5;
}

textarea {
    min-width: unset;
}

.nav-tabs-custom .nav-item .nav-link:after {
    /*left: unset !important;
    bottom: unset !important;
    top: -2px;
    right: -5px;
    width: 6px !important;
    height: 101% !important;
    background: #3f51b5 !important;*/
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: #3f51b5;
    font-weight: 600;
}

.user-info.tab-content {
    margin-left: 20px;
}




.row.instuct-info .col .row .col {
    padding: 3px 5px;
}

.mail-list a {
    padding: 3px 5px;
}

.nav-tabs-custom .nav-item .nav-link.active::before {
    right: -43px;
    transition: all 250ms ease 0s;
    /*content: ""; */
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    z-index: 1;
    background-color: #fff;
    border-bottom: 1px solid #e9e9ef;
    border-left: 1px solid #e9e9ef;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 auto;
}

.nav-tabs-custom .nav-item .nav-link {
    padding: 0.7rem 1rem !important;
}

.table-responsive .table-sm tr td:first-child {
    font-weight: 600;
    min-width: 140px;
}

.nav-tabs-custom .nav-item .nav-link span.counts.badge {
    margin-left: 5px;
    margin-top: 0px;
    position: relative;
    text-wrap: wrap;
    line-height: 1;
    margin-right: 5px;
    display: inline-block;
    padding: 5px;
    height: 20px;
    width: auto;
    min-height: 20px;
    min-width: 20px;
    line-height: 1.3;
    position: absolute;
}

    .nav-tabs-custom .nav-item .nav-link span.counts.badge .deemphasize {
        font-size: 10px;
        color: #fff;
        font-weight: 400;
    }

.card-body .list div.item {
    margin-bottom: 5px;
}

.chat-list li .user-img .user-status {
    width: 18px;
    height: 18px;
}

.info-table .row .col {
    padding: 0.4rem !important;
    border-bottom: 1px solid rgb(233, 233, 239);
    overflow-wrap: anywhere;
}

.basic-info .widget-box-1-icon {
    right: 20px;
    top: -45px;
}

    .basic-info .widget-box-1-icon.bx.bx-plus {
        top: -6px;
    }

.basic-info .table-responsive table tr:nth-child(even) { /* background: #f2f2f2*/
}

.ui-dialog .ui-dialog-buttonpane button:nth-child(2) {
    color: #fff !important;
    background-color: #2ab57d !important;
    border-color: #2ab57d;
}

div.activity .title {
    padding-right: 20px;
}

.ui-dialog .ui-dialog-buttonpane button:nth-child(1) {
    color: #fff !important;
    background-color: #fd625e !important;
    border-color: #fd625e;
}

    .ui-dialog .ui-dialog-buttonpane button:nth-child(2):hover, .ui-dialog .ui-dialog-buttonpane button:nth-child(1):hover {
        opacity: 0.8;
    }

/* V3 Only vertical tab code page css */

/*admin page Starts*/
/*start New Design v5 changes APR 24*/

.text-dark:hover {
    color: #3f51b5 !important;
}

a.rosterLink {
    border-radius: 2px;
    color: #3f51b5;
    /*background-color: rgba(42, 181, 125, .1);*/
    /*border-color: transparent;*/
    padding: 5px;
}

.ui-tabs .ui-tabs-panel .deemphasize {
    color: #000 !important;
    font-weight: 400;
}

.box-container {
    display: flex;
    flex-wrap: wrap;
}

.admin-page-section.design-2-sec .page-title-box .page-title-left {
    padding: 10px 20px;
    margin-top: 20px;
    margin-left: 20px;
    /*border-left: 5px solid #3f51b5;*/
}

.admin-page-section.design-2-sec .page-title-box.active .page-title-left {
    padding: 15px 20px 0px;
}

.admin-page-section.design-2-sec .section {
    padding: 1.2rem 1.2rem;
}

.admin-box.design-2 .row.card-body {
    align-items: flex-start !important;
    padding: 20px 20px 5px 20px;
    border-bottom: 1px solid #c1c1c1;
}

.admin-box.design-2 .btn-group.links-btn {
    display: flex;
    align-items: flex-start;
}

.admin-page-section .admin-box.design-2:hover h5.card-title i.mdi {
    filter: opacity(0.7);
}

.admin-box.design-2 .btn-group.links-btn ul.list-group {
    list-style: none;
}

.admin-page-section .admin-box.design-2 h5.card-title i.mdi {
    color: #fff;
}

.admin-box.design-2 .card-body {
    align-items: flex-start !important;
    padding: 20px 20px 5px 20px;
    border-bottom: 1px solid #c1c1c1;
}

.admin-box.design-2:hover .row.card-body {
    border-color: #3f51b5;
}

.admin-box.design-2:hover {
    border-color: #3f51b5;
    box-shadow: 0px 0px 30px -15px #3f51b5 !important;
}

.admin-box.design-2 {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1) !important;
}

.admin-box.design-2 {
    transition: 500ms;
    display: block;
    margin-bottom: 0;
    height: 100%;
}

.admin-page-section .admin-box.design-2 h5.card-title i.mdi {
    width: 50px !important;
    height: 50px !important;
    padding: 15px;
}

.admin-box.design-2 .btn-group.links-btn .dropdown-item {
    text-wrap: wrap;
    word-break: break-all;
    padding-left: 25px;
    display: flex;
}

    .admin-box.design-2 .btn-group.links-btn .dropdown-item i.mdi {
        margin-left: -20px;
        margin-right: 6px !important;
    }

    .admin-box.design-2 .btn-group.links-btn .dropdown-item:focus, .admin-box.design-2 .btn-group.links-btn .dropdown-item:hover {
        color: #3f51b5;
        text-decoration: none;
        background-color: #fff;
    }

/*min height css small categories*/

.box-container.admin .admin-box.design-2 .btn-group.links-btn {
    /*min-height: 355px;*/
}

.box-container.learn .admin-box.design-2 .btn-group.links-btn {
    /*min-height: 350px;*/
}

.box-container.hyb .admin-box.design-2 .btn-group.links-btn,
.box-container.train .admin-box.design-2 .btn-group.links-btn {
    /* min-height: 280px; */
}

.box-container.train .admin-box.design-2 .btn-group.links-btn {
}

.box-container.bill .admin-box.design-2 .btn-group.links-btn {
    /* min-height: 200px; */
}

.box-container.set .admin-box.design-2 .btn-group.links-btn {
    /* min-height: 300px; */
}

.box-container.report .admin-box.design-2 .btn-group.links-btn {
    /* min-height: 100px; */
}
/*end min height css small categories*/
/*admin page end*/
/* profile page starts*/
/*starts v3 Code from profile page*/
.userImage {
    float: left;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 15px;
    border: 1px dashed #ccc;
}

.groupsContent {
    display: block;
}

.individualGroup {
    display: inline-block;
    margin-right: 5%;
    vertical-align: top;
}

#GDRP a.closeAccount {
    display: inline-block;
    color: #ffffff;
    background-color: #dc1919;
    border: solid 1px #dc1919;
    padding: 9px 40px;
    -webkit-appearance: none;
    cursor: pointer;
    font-size: 15px;
    margin-top: 15px;
}

    #GDRP a.closeAccount:hover {
        background-color: #a91414;
        border: solid 1px #dc1919;
        text-decoration: none;
        cursor: not-allowed;
    }

.interest {
    margin-bottom: 4px;
}

.interestGroup {
    margin-right: 80px;
}
/*styles added form new design v3 */

.chat-list li .user-status span.user-img.online {
    background-color: #2ab57d;
}

.chat-list li .user-status span.user-img {
    width: 18px;
    height: 18px;
    background-color: #adb5bd;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: none;
}

.chat-list li.user-status .user-profile-image {
    height: 70px;
    width: 70px;
}

h1, h2, h3, h4, p, a, li, div {
    font-family: var(--bs-body-font-family);
}

.nav-vert.nav-tabs-custom {
    border: 1px solid #e9e9ef;
}

.nav-vert .nav-link.active {
    margin-right: -4px;
    transition: 0.2s ease all;
    color: #ff6f64;
}

textarea {
    min-width: unset;
}

.info-section .col-md-3 .nav {
    /*border-right: 3px solid #e9e9ef !important;*/
}

/*start code for previous links*/

a.quick-links {
    text-align: left;
}

/* end code for previous links*/

.row.instuct-info .col .row .col {
    padding: 3px 5px;
}

.mail-list a {
    padding: 3px 5px;
}

.nav-tabs-custom .nav-item .nav-link.active::before {
    right: -43px;
    transition: all 250ms ease 0s;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    z-index: 1;
    background-color: #fff;
    border-bottom: 1px solid #e9e9ef;
    border-left: 1px solid #e9e9ef;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 auto;
}

.nav-tabs-custom .nav-item .nav-link {
    padding: 0.7rem 1rem !important;
}

.table-responsive .table-sm tr td:first-child {
    font-weight: 600;
    min-width: 140px;
}



.createnotes textarea {
    width: 100% !important;
    min-width: unset !important;
}

.chat-list li .user-img .user-status {
    width: 18px;
    height: 18px;
}

.row.instuct-info .mail-list a.instruct-link {
    padding: 0px 10px 3px 25px;
}

.info-table .row .col {
    padding: 0.4rem !important;
    border-bottom: 1px solid rgb(233, 233, 239);
}

.basic-info .widget-box-1-icon {
    right: 20px;
    top: -35px;
}

.basic-info .table-responsive table tr:nth-child(even) { /* background: #f2f2f2*/
}

.ui-dialog.ui-widget.ui-widget-content {
    width: 94% !important;
    margin-top: 100px;
    top: 0px !important;
    left: 8% !important;
    height: auto !important;
    max-width: 84%;
}

    .ui-dialog.ui-widget.ui-widget-content.parentMessageStudentDialog {
        left: 25% !important;
        max-width: 48%;
    }
span.badge a, span.badge a:hover {
    color: inherit;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23495057'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*end v4 Code from profile page*/

/*start v5 for new profile 2024*/

.student-profile-page .student-profile-card {
    margin-top: 90px;
    background: #EFF8FF;
    border-radius: 15px;
}

.student-profile-card .student-profile-image {
    max-width: 160px;
    border-radius: 50%;
    border: 1px solid #d9dcf0;
}

.student-profile-card .student-profile-image {
    max-width: 160px;
    min-width: 160px;
    min-height: 160px;
    max-height: 160px;
    width: 160px;
    height: auto;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #d9dcf0;
}

.student-profile-card .student-name {
    margin-top: 5px;
}

.student-profile-card .profile-img {
    margin-top: -90px;
}

.student-profile-card h5.card-text a {
    color: #8d8d8d;
    font-weight: 400;
    font-size: 14px;
}

.student-profile-card span.online {
    font-size: 12px;
    color: #fff;
}

.student-profile-card .user-status {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    height: auto;
    font-size: 12px;
    background: #560393;
    border: 1px solid #560393;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    border-radius: 0px 10px 0px 5px;
}

.student-profile-card .card-body {
    padding: 0.5rem;
    box-shadow: 0px 0px 25px -10px #ced4da;
}

.student-profile-card .student-profile-cta-buttons {
    padding: 20px 10px 10px 10px;
}

.student-profile-card .student-profile-cta-links {
    margin-top: 10px;
}

    .student-profile-card .student-profile-cta-links a.quick-links:before {
        font-size: 18px !important;
    }

    .student-profile-card .student-profile-cta-links a.quick-links:hover {
        text-decoration: underline !important;
    }

    .student-profile-card .student-profile-cta-links a.quick-links {
        display: inline-block;
        margin: 5px 10px !important;
        color: #3f51b5 !important;
        font-weight: 500 !important;
    }

.student-profile-card .student-profile-cta-buttons .btn {
    margin: 5px 15px 10px 15px;
    /*min-width: 170px;*/
}

    .student-profile-card .student-profile-cta-buttons .btn i.bx {
        margin-top: -5px;
    }

.tab-profile-2 .user-info.tab-content .tab-pane .card-header {
    background-color: #3f51b5;
}

.user-info.tab-content > .active > .card > .card-header {
    background-color: #3f51b5;
    border-color: #3f51b5;
}

    .user-info.tab-content > .active > .card > .card-header h5 {
        color: #fff;
        font-size: 18px;
    }

.tab-profile-2 .user-info.tab-content .tab-pane .card-header h5 {
    color: #fff;
}

.profile-2 .vertical-tabs-info .row.info-section {
    padding: 0 !important;
    padding-top: 1rem !important;
}

.tab-profile-2 .user-info.tab-content .tab-pane .card {
    background: #fff !important;
}

.profile-2 .vertical-tabs-info .row.info-section .col-md-10 {
    padding: 0 !important;
    padding-left: 10px !important;
}

.tab-profile-2 .nav-tabs-custom .nav-item .nav-link:after {
    right: unset !important;
    bottom: unset !important;
    top: 5px;
    left: 0px !important;
    width: 5px !important;
    height: 30px !important;
    background: #3f51b5 !important;
}

.nav-tabs-custom .nav-item .nav-link:after {
    right: unset !important;
    bottom: unset !important;
    top: 5px;
    left: 0px !important;
    width: 5px !important;
    height: 30px !important;
    background: #3f51b5 !important;
}

/*.tab-profile-2*/ .info-section .col-md-3 .nav {
    border: 0 !important;
}

.profile-2 .vertical-tabs-info .user-info.tab-content {
    margin-left: 10px;
}

.topSubmitButton {
    /*margin-bottom: 0px !important;*/
}

    .topSubmitButton input[type=submit] {
        display: none !important;
    }

form input[type=submit].button {
    margin: 0px auto;
    display: flex;
    justify-content: center;
}

#chooserIFrame select, #chooserIFrame .simpleBox, #chooserIFrame input[type=file] {
    padding: 5px;
    margin: 0px !important;
}

#addMeetingsContainer table.fields td:nth-child(1) {
    width: 110px;
}

#addMeetingsContainer table.fields label {
    margin: 0;
}

#basicInfoTable td .dropDown {
    margin-left: 0 !important;
}

#studentDetails table.fields td:nth-child(1) {
    width: 100px;
}

.ui-tabs .ui-tabs-panel #postClassActivityAvailability td.fieldName {
    width: 300px;
}

.ui-tabs .ui-tabs-panel #postClassActivityAvailability label {
    margin: 0;
}

#addMeetingsContainer td#days {
    display: flex;
    align-items: center;
}

    #addMeetingsContainer td#days label {
        display: inline-flex;
        align-items: center;
    }

.card #classDetails table.fields td {
    padding: 10px;
    height: auto;
}

#classDetails tr td {
    vertical-align: top !important;
}

#choiceInfo {
    margin-top: 20px;
}

/*td:empty {
    opacity:0;
}*/

div#tabBasic table td:first-child {
    width: 170px;
}

.navbar-header {
    height: auto;
}


/* Start New student-Dashboard-card */
.main-wrapper {
    background-color: #ffffff;
    padding: 0px;
    min-height: 100%;
}

    .main-wrapper .main-container {
        width: 100%;
        background: #fff;
    }

        .main-wrapper .main-container .welcome-container {
            background: rgb(236, 246, 255);
            background: linear-gradient( 169deg, rgba(236, 246, 255, 1) 0%, rgba(255, 255, 255, 1) 100% );
            border: 1px solid #d8d5d5;
            border-radius: 10px;
            display: flex;
            /*margin: 0px 15px;*/
            margin-bottom: 30px;
            overflow: hidden;
            position: relative;
        }

            .main-wrapper .main-container .welcome-container .student-container {
                padding: 20px 0px 20px 20px;
                flex: 1;
            }

            .main-wrapper .main-container .welcome-container .profile-img-container {
                background: url(/images/User-dashboard/profile-picture-bg.png) no-repeat;
                background-position: bottom -10px left 10px;
                background-repeat: no-repeat;
                background-size: cover;
                min-width: 260px;
                height: auto;
                display: flex;
                align-items: center;
            }

                .main-wrapper
                .main-container
                .welcome-container
                .profile-img-container
                .profile-img {
                    width: 95px;
                    height: 95px;
                    overflow: hidden;
                    display: flex;
                    justify-content: center;
                    margin: auto auto;
                    border: 4px solid #ffffff;
                    border-radius: 50%;
                    background: rgb(236, 246, 255);
                }

.action-container {
    margin: 50px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .action-container .action-links {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .action-container .action-links a {
            display: flex;
            align-items: center;
            padding: 0px !important;
            background-color: transparent !important;
            font-size: 12px !important;
            color: #030eff !important;
            margin: 0px 20px 10px 0px !important;
            font-weight: 500 !important;
        }

            .action-container .action-links a:hover {
                text-decoration: underline !important;
            }

            .action-container .action-links a .link-icon {
                display: flex;
                align-items: center;
                margin-right: 10px;
            }

    .action-container .action-btns {
        display: flex;
        align-items: center;
    }

        .action-container .action-btns a .btn-icon {
            display: flex;
            align-items: center;
            margin-right: 7px;
        }

        .action-container .action-btns a {
            font-size: 13px;
            color: #030eff;
            font-weight: 500 !important;
            text-decoration: none;
            margin-right: 15px;
            display: flex;
            align-items: center;
            border: 1px solid #d8d5d5;
            padding: 4px 10px;
            background-color: #fff;
            border-radius: 4px;
        }

            .action-container .action-btns a:hover {
                background-color: #d8f3ff;
                text-decoration: none;
                color: #331dff;
            }

        .action-container .action-btns button {
            font-size: 13px;
            display: flex;
            align-items: center;
            margin-right: 10px;
        }

            .action-container .action-btns button img {
                height: 15px;
            }

.heading-1 {
    font-size: 20px;
    font-weight: 700;
    color: #560383;
}
.heading-2 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

.accordion-item h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0px;
    text-align: left;
}

.data-container h2 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.section-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.section-container {
    /*margin: 0px 15px;*/
    margin-bottom: 30px;
}
    .section-container.courserecommendations, .section-container.past-due {
        width: 100%;
        margin-bottom: 30px;
    }
    .section-container .data-container.message-container {
        width: 100%;
        /*font-size: 12px;*/
        font-size: 16px;
        color: #353535;
    }
.training-section-container {
    padding: 0px;
    background: #ffffff;
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
}

.data-container:first-child {
    margin-top: 0px;
}

.inner-section-container .data-container {
    padding: 15px;
    background: #ffffff;
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    margin-bottom: 15px;
}
    .inner-section-container .data-container .pageTitle.recording {
        padding: 10px 20px 10px 90px !important;
        margin-bottom: 0px;
        border: 0px;
    }
    .inner-section-container .data-container.message-container {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    margin-bottom: 15px;
    text-align: center;
}
.section-container .data-container.message-container {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    margin-bottom: 15px;
    text-align: center;
}
    .inner-section-container .data-container .description {
        margin-bottom: 10px;
    }

    .inner-section-container .data-container .detailsBox2 {
        padding: 0;
        border: 0px;
    }

.list.lab-series-list {
    display: flex;
    flex-wrap: wrap;
}

    .list.lab-series-list .item {
        border: 1px solid #d8d5d5;
        background-color: #F6F6F6;
        padding: 10px;
        border-radius: 5px;
        width: 48%;
        margin: 1%;
    }

    .list.lab-series-list .name {
        font-size: 14px;
    }

.txt-italic {
    font-style: italic;
    text-align: right;
    color: #000;
}
/*CUSTOM SCROLLBAR*/

/* width */
.section-container ::-webkit-scrollbar,
.training-section-container ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.section-container ::-webkit-scrollbar,
.training-section-container ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #cccccc;
    border-radius: 10px;
}

/* Handle */
.section-container ::-webkit-scrollbar,
.training-section-container ::-webkit-scrollbar-thumb {
    background: #666666;
    border-radius: 10px;
}

    /* Handle on hover */
    .section-container ::-webkit-scrollbar,
    .training-section-container ::-webkit-scrollbar-thumb:hover {
        background: #555555;
    }

.tabs-container {
    padding: 20px 0px 20px 15px;
    border-right: 1px solid #d8d5d5;
    background-color: #eefaff;
    border-radius: 10px 0px 0px 10px;
}

    .tabs-container ul {
        /*width: 300px;*/
        padding-right: 0px;
    }

    .tabs-container .nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .tabs-container .nav-tabs-custom .nav-item {
        margin-bottom: 2px;
    }

        .tabs-container .nav-tabs-custom .nav-item .nav-link {
            font-size: 14px;
            color: #3d45ff;
            font-weight: 600;
            padding: 7px 15px;
            display: flex;
            border: 1px solid #eefaff;
            text-decoration: none;
            background-color: #eefaff;
            -webkit-transition: none;
            padding: 8px !important;
            flex-wrap: wrap;
            align-items: center;
            /*justify-content: space-between;*/
        }

            .tabs-container .nav-tabs-custom .nav-item .nav-link:after {
                display: none;
            }

            /*.tabs-container .nav-tabs-custom .nav-item .nav-link:hover,
            .tabs-container .nav-tabs-custom .nav-item .nav-link.active {
                color: #560383;
                font-weight: 600;
                background: linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 2px) calc(100% - 2px) no-repeat, linear-gradient(270deg, transparent 0%, #560383 100%);
                border-radius: 0px;
                box-sizing: border-box;
                border: 1px solid #ffffff;
            }*/
            .tabs-container .nav-tabs-custom .nav-item .nav-link:hover,
            .tabs-container .nav-tabs-custom .nav-item .nav-link.active {
                color: #560383;
                font-weight: 600;
                background: #ffffff;
                border-radius: 0px;
                box-sizing: border-box;
                border: 1px solid #d8d5d5;
                margin-right: -2px;
                border-radius: 5px 0px 0px 5px;
                border-right: 0;
            }

                .tabs-container .nav-tabs-custom .nav-item .nav-link:hover .tab-info,
                .tabs-container .nav-tabs-custom .nav-item .nav-link.active .tab-info {
                    color: #ffffff;
                    border: 1px solid #560383;
                    background-color: #560383;
                }

.card-wrapper .card-container span.counts.tab-info {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #560383;
    background-color: #f4f4f4;
}

.tabs-container .nav-tabs-custom .nav-item .nav-link .icon img {
    height: 20px;
    width: 20px;
    position: absolute;
}

.training-content.tab-content > .active {
    display: flex;
}

.tabs-container .tab-info {
    background-color: #ffffff;
    border: 1px solid #7dd8ff;
    border-radius: 20px;
    color: #3d45ff;
    font-size: 9px;
    margin-top: 0px;
    line-height: 10px;
    text-align: center;
    width: auto;
    height: auto;
    min-height: 22px;
    min-width: 22px;
    padding: 5px;
}

.tabs-container .nav-tabs-custom .nav-item {
    width: 100%;
}

.tabs-container .tab-pane.announcements .content .collapsible .heading {
    border: 1px solid #bac5ff !important;
    background: #fff !important;
}

.training-content .detailsBox2 {
    border: 1px solid #d8d5d5;
    border-radius: 5px;
}

.training-section-container .training-content {
    /*width: 100%;*/
    padding: 25px;
    min-height: 150px;
}

.tabs-container .nav-tabs-custom .nav-item a.nav-link .title {
    padding-left: 30px;
    padding-bottom: 5px;
    font-size: 13px;
}

.tabs-container .nav-tabs-custom .nav-item .nav-link .icon {
    padding-right: 5px;
}

.dashboard .card-wrapper {
    max-height: 440px;
}

.card-wrapper {
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
}

.page-transcript .card-wrapper,
.details-sec .card-wrapper,
.details .card-wrapper {
    /*max-height: 640px;*/
}

.section-container .tabs-container .nav-tabs-custom .nav-item {
    margin: 0px;
}

.card-wrapper .card-container {
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
}

    .card-wrapper .card-container .card {
        border: 1px solid #d8d5d5;
        border-radius: 10px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        height: 100%;
    }

.text-muted {
    color: #353535 !important;
}

.inner-section-content .card-wrapper .card-container .card {
    height: auto;
}

.card-details {
    padding: 45px 20px 20px;
}

.card-wrapper .card-img {
    background-color: #f2f2f2;
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-start;
}

    .card-wrapper .card-img .banner-icon {
        max-width: 135px;
        height: auto;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: 0;
        margin: 10px;
    }

        .card-wrapper .card-img .banner-icon img {
            width: 100%;
        }

    .card-wrapper .card-img img {
        width: 100%;
    }

.card-details h2 {
    height: 47px;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 1rem;
    color: #000000;
}

    .card-details h2 a {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.2rem;
        color: #000000;
    }

        .card-details h2 a:hover {
            color: #3d45ff;
        }

.card-details h5 {
    height: 26px;
    font-size: 14px;
    overflow: hidden;
    line-height: 1;
    font-weight: 500;
    color: #3d45ff;
    margin-top: 15px;
}

    .card-details h5 a:hover {
        color: #000000;
    }

.course-time {
    margin: 5px 0px;
    padding: 15px;
    background: #f8f5f5;
    border-radius: 5px;
    font-size: 12px;
    color: #343a40;
    max-height: 110px;
    overflow: auto;
}

.course-status {
    font-size: 12px;
    color: #353535;
    display: flex;
    align-items: self-end;
    justify-content: space-between;
    min-height: 40px;
}

    .course-status a.deleteLink-s {
        padding: 0px;
    }

    .course-status .status-update {
        display: flex;
        align-items: center;
    }

    .course-status div:nth-child(2) {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
    }

    .course-status .status-update img {
        margin-right: 5px;
        width: 20px;
    }

    .course-status .status-action a {
        height: 20px !important;
    }

.links.w-100 {
    display: flex;
    grid-gap: 5px;
    flex-wrap: wrap;
}

.card-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    background-color: #560383;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 55px;
    left: 20px;
}

    .card-icon img {
        width: 40px;
    }

.card-wrapper .card-container-download {
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 60px 10px 10px 10px;
}

    .card-wrapper .card-container-download .card {
        border: 1px solid #d8d5d5;
        border-radius: 10px;
    }

}

.card-wrapper .card-container {
    padding-right: 20px !important;
    padding-left: 10px !important;
}

.download-card-icon-wrapper {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: -47px;
}

.download-card-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    background-color: #560383;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

    .download-card-icon img {
        width: 35px;
    }

.achievement-container,
.my-course-container {
    padding: 15px;
    background: #ffffff;
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    display: flex;
}

    .my-course-container span.pr-title {
        width: 70%;
    }

.section-container.my-course-section .chart-1 {
	padding-right: 0.5rem !important;
}

.section-container.my-course-section .chart-2 {
	padding-left:0.5rem !important;
}

.achievement-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 270px;
	flex-wrap: wrap;
	justify-content: space-around;
}

.section-container.achievement-section {
	padding: 0.5rem;
}

.section-container .card-wrapper.tab-pane {
    /*overflow:hidden;*/
}

.section-container.my-course-section {
	padding: 0.5rem;
}

.achievement-container .achievement-data {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	align-content: center;
}

.achievement-data .icon-box {
    width: 115px;
    height: 115px;
    background-color: #f2f1f1;
    border-radius: 50%;
    margin: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .achievement-data .icon-box img {
        width: 50px;
    }

.achievement-data .achievement-label {
    font-size: 14px;
    font-weight: 700;
    color: #3f3e3e;
    text-align: center;
}

.my-course-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    min-height: 270px;
    flex-wrap: wrap;
}

    .my-course-container .course-label {
    }

    .my-course-container .progress-chart {
        /*width: 175px;*/
        margin: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .my-course-container .progress-chart img {
            width: 100%;
        }

    .my-course-container ul.bullet-list {
        margin: 5px;
        list-style-type: none;
        padding-left: 0px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .my-course-container span.counts.tab-info {
        min-width: 22px;
        min-height: 20px;
        margin-left: 5px;
        background-color: #ffffff;
        border: 0;
        border-radius: 50%;
        padding: 5px;
        display: flex;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .my-course-container ul.bullet-list li {
        padding-left: 0px;
        font-size: 12px;
        font-weight: 400;
        color: #3f3e3e;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
        margin-right: 8px;
    }

        .my-course-container ul.bullet-list li .bullet {
            width: 9px;
            height: 8px;
            background-color: #140372;
            display: block;
            border-radius: 50%;
            margin: 5px;
        }

    .my-course-container ul.bullet-list .green,
    .my-course-container ul.bullet-list .blue,
    .my-course-container ul.bullet-list .red {
        color: #000;
    }

        .my-course-container ul.bullet-list .green .bullet {
            background-color: #560383;
            color: #fff;
        }

        .my-course-container ul.bullet-list .blue .bullet {
            background-color: #00acf5;
            color: #fff;
        }

        .my-course-container ul.bullet-list .red .bullet {
            background-color: #ff4d6e;
            color: #fff;
        }

        .my-course-container ul.bullet-list .green .counts {
            border: 1px solid #560383;
            color: #000000;
        }

        .my-course-container ul.bullet-list .blue .counts {
            border: 1px solid #00acf5;
            color: #000000;
        }

        .my-course-container ul.bullet-list .red .counts {
            border: 1px solid #ff4d6e;
            color: #000000;
        }


/*New student-Dashboard-card */

/*New student-Transcript-Page */
.welcome-container .student-profile-card.student-container .student-profile-cta-links a.quick-links {
    padding: 0px !important;
    background-color: transparent !important;
    font-size: 13px !important;
    color: #030eff !important;
    margin: 0px 25px 10px 0px !important;
    font-weight: 500 !important;
}

.student-profile-card.student-container .student-profile-cta-buttons {
    padding: 10px 5px 5px 5px;
    display: flex;
}

    .student-profile-card.student-container .student-profile-cta-buttons .btn,
    .student-edit-card.student-container .student-profile-cta-buttons .btn {
        /*min-width: 96px;*/
        width: auto !important;
        background: transparent;
        display: flex;
        margin: 0px 10px 0px 0px;
        align-items: center;
        justify-content: center;
        box-shadow: none;
    }
    
    .student-profile-card.student-container .student-profile-cta-buttons .btn:hover {
        background-color: #d8f3ff;
    }

.student-edit-card.student-container .student-profile-cta-buttons .action-btns {
    justify-content: flex-start;
}

.student-profile-card.student-container .action-btns {
    display: flex;
    align-items: center;
    min-width: 280px;
    justify-content: flex-end;
}

.student-profile-card.student-container .action-container .action-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.student-profile-card.student-container .action-container {
    margin: 30px 0px 0px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.student-profile-card.student-container .quickLinksBar {
    margin-bottom: 0px !important;
}

.student-profile-card.student-container .student-profile-cta-buttons .btn i.bx {
    margin-top: -2px;
}

.section-container.transcript .card-wrapper .card-container-download.none,
.section-container .card-wrapper .card-container.none {
    display: flex;
    width: 98%;
    padding: 10px;
    border: 1px solid #d8d5d5;
    border-radius: .25rem;
    margin: 1%;
}
/*New student-Transcript-Page */

/*New student-Enrollment-Page */
.enrollment .section-title-container:first-child {
    margin-top: 15px;
}

.enrollment .section-title-container {
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

    .enrollment .section-title-container:last-child {
        margin-bottom: 20px;
    }

.enrollment ul.bullet-list {
    margin: 5px;
    list-style-type: none;
    padding-left: 0px;
}

    .enrollment ul.bullet-list li {
        padding-left: 0px;
        font-size: 14px;
        font-weight: 400;
        color: #3F3E3E;
        display: flex;
        align-items: center;
    }

        .enrollment ul.bullet-list li .bullet-completed {
            width: 8px;
            height: 8px;
            background-color: #140372;
            display: block;
            border-radius: 50%;
            margin: 10px;
        }

.enrollment .inner-section-content {
    /*width: 100%;*/
    min-height: 200px;
}

.enrollment .section-container .inner-container {
    display: flex;
    margin-top: 10px;
}

.enrollment ol.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    justify-content: flex-end;
    align-items: center;
}

    .enrollment ol.breadcrumb li {
        font-size: 14px;
        color: #000000;
        padding: 0 15px;
    }

.training-content .user-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.training-content .tab-pane .user-info .user-icon {
    background-color: #fff;
    border: 1px solid #560383;
    width: 46px;
    height: 46px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .training-content .tab-pane .user-info .user-icon img {
        width: 25px;
        height: auto;
        border-radius: 0px;
    }

.training-content .user-info div {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

    .training-content .user-info div:last-child {
        margin-right: 0px;
    }

    .training-content .user-info div.all-time-standard:last-child {
        margin-left: auto;
    }

.training-content .user-info .user-name {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

    .training-content .user-info .user-name a {
        color: #030EFF;
    }

    .training-content .user-info .user-name:hover a {
        color: #000000;
        text-decoration: underline;
    }

.training-content .user-info div img {
    height: auto !important;
    border: 0 !important;
    margin: 0;
    padding: 0;
}

.training-content .accordion.event .user-info {
    border-bottom: 1px solid #d8d5d5;
}

.course-details-page .training-content .accordion.event .user-info {
    border-bottom: 0px;
}

    .training-content .accordion.event .user-info .user-name {
        width: 100%;
        display: flex;
        align-content: center;
        justify-content: space-between;
        flex-direction: row;
    }

    .training-content .accordion.event .user-info .user-name.left-direction {
        width: 100%;
        display: flex;
        justify-content: start;        
        flex-direction: row-reverse;
    }
    }

.training-content .user-info .user-name a {
    width: auto;
}

.training-content .accordion.event .user-info .user-name .accordion-button {
    width: auto;
    min-width: 70px;
    border: 0 !important;
    height: 40px;
    padding: 5px;
    box-shadow: none;
}

.training-content .accordion.event .user-info .user-name.left-direction .accordion-button {   
    min-width: 35px;
}

.main-wrapper.details .last-modified-cls.card {
    border: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.enrollment .data-container,
.training-content .data-container {
    width: 100%;
}

.enrollment .data-container,
.training-content .data-container,
.main-wrapper.details .last-modified-cls.card .lastModified {
    font-size: 12px;
    color: #353535;
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    padding: 20px;
    margin: 15px 0px;
}

    .enrollment .data-container table td,
    .training-content .data-container table td {
        vertical-align: top;
        padding: 5px;
        font-size: 13px;
    }

        .enrollment .data-container table td table tbody,
        .training-content .data-container table tbody {
            border: 0 !important;
        }

        .training-content .data-container table td a {
            font-size: 13px !important;
            color: #030EFF;
        }

            .training-content .data-container table td a:hover {
                font-size: 13px !important;
                color: #000;
            }

    .enrollment .data-container table.col-bg td,
    .training-content .data-container table.col-bg td {
        background-color: #fff;
    }

.training-content hr,
.enrollment hr {
    border-bottom: 1px solid #d8d5d5;
    border-top: 0px;
    height: 1px;
    opacity: 1;
}

.enrollment .adminLinks,
training-content .adminLinks {
    margin: 20px 10px 20px 20px;
}

.enrollment .action-btns.btns-purple .quickLinksBar a,
.enrollment .section-title-container .action-btns.btns-purple a,
.enrollment .section-title-container .action-btns.btns-purple a:hover {
    font-size: 13px !important;
    color: #FFFFFF !important;
    background-color: #560383 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-right: 15px !important;
    /*display: flex !important;*/
    align-items: center !important;
    border: 1px solid #560383 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
}

.enrollment .action-btns.btns-purple .quickLinksBar a {
    padding-left: 20px !important;
}
    .enrollment .action-btns.btns-purple .quickLinksBar a:last-child,
    .enrollment .section-title-container .action-btns.btns-purple a:last-child {
        margin-right: 0px !important;
    }

.enrollment .action-btns.btns-purple {
    display: flex;
}

    .enrollment .action-btns.btns-purple span.btn-icon {
        padding-right: 8px;
    }



    .enrollment .action-btns.btns-purple .quickLinksBar {
        margin-bottom: 20px !important;
        display: flex;
        align-items: center;
    }

.enrollment .tab-pane .accordion,
.training-content .tab-pane .accordion {
    margin-bottom: 0px;
}

    .enrollment .tab-pane .accordion .accordion-button,
    .training-content .tab-pane .accordion .accordion-button {
        padding: 0px;
        border: 0;
        border-bottom: 1px solid #d8d5d5;
        padding-bottom: 10px;
    }

        .enrollment .tab-pane .accordion .accordion-button:not(.collapsed),
        .training-content .tab-pane .accordion .accordion-button:not(.collapsed) {
            background: #ffffff;
            border: 0;
            color: #05adf4;
            border-bottom: 1px solid #d8d5d5;
            border-radius: 10px 10px 0px 0px;
        }

.course-details-page .tab-pane .accordion .accordion-button:not(.collapsed) {
    background: transparent;
    border: 0;
    color: #05adf4;
    border-bottom: 1px solid #d8d5d5;
    border-radius: 10px 10px 0px 0px;
}

    .enrollment .tab-pane .accordion .accordion-item,
    .training-content .tab-pane .accordion .accordion-item {
        border: 0;
    }

    .enrollment .tab-pane .accordion .accordion-header,
    .training-content .tab-pane .accordion .accordion-header {
        margin-bottom: 0;
        border: 0 !important;
    }

.course-details-page .enrollment .tab-pane .accordion .accordion-header,
.course-details-page .training-content .tab-pane .accordion .accordion-header {
    margin-bottom: 5px;
    border: 0 !important;
    background-color: #eefaff;
    border-radius: 5px 5px;
    padding: 0px 10px 0px;
    border: 1px solid #a3f1e7 !important;
}

.enrollment .tab-pane .accordion .accordion-body,
.training-content .tab-pane .tab-pane .accordion .accordion-body {
    padding: 5px 0px;
    border: 0 !important;
}

    .enrollment .tab-pane .accordion .accordion-button::after,
    .training-content .tab-pane .accordion .accordion-button::after {
        right: 25px;
        position: absolute;
        border-radius: 25px;
        height: 25px;
        width: 25px;
        background-size: 15px;
        background-position: 4px 4px;
        border: 1px solid #08aef4;
    }
    .enrollment .tab-pane .accordion .left-direction .accordion-button::after,
    .training-content .tab-pane .accordion .left-direction .accordion-button::after {
        right: 10px;        
    }

    .training-content .tab-pane .accordion .accordion-collapse .accordion-body {
        padding: 0px;
        margin-top: 15px;
        border-radius: 0px 0px 10px 10px;
    }

        .training-content .tab-pane .accordion .accordion-collapse .accordion-body .detailsBox3 {
            margin-bottom: 10px;
            background-color: #eefaff;
            border: 1px solid #4ba6ef;
            color: #560383;
            font-weight: 500;
            font-size: 14px;
            padding: 10px;
        }
/*
.enrollment .tab-pane .card-details{
    padding: 20px 20px 20px;
}
    */

    .enrollment .tab-pane div.licenseAgreement {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
    border: 1px solid #d8d5d5;
    flex-direction: row;
}

.enrollment .tab-pane div.softwareCheck {
    padding: 10px;
    border: 1px solid #d8d5d5;
}

    .enrollment .tab-pane div.softwareCheck input[type=button] {
        margin: 2px;
    }

.inner-section-content .data-container #softwareCheckWrapper {
    margin-top: 0px;
    padding: 0px;
    border: 0px;
}

.inner-section-content .content #softwareCheckWrapper {
    margin-top: 0px;
    padding: 0px;
    border: 0px;
}

.enrollment .tab-pane div.softwareCheck div.actions,
.enrollment .tab-pane div.licenseAgreement div.actions {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.enrollment-section .collapsible .heading {
    background-color: #ffffff !important;
}

.enrollment .tab-pane.GeneralActivities .progress-container {
    background-color: #f6ffff;
    border: 1px solid #d6d6d6;
    margin: 0px 0px 20px 0px !important;
    padding: 20px;
    border-radius: 5px;
}

    .enrollment .tab-pane.GeneralActivities .progress-container .progressBar {
        /*width: 100%;*/
        background-color: #DA97FF;
    }

        .enrollment .tab-pane.GeneralActivities .progress-container .progressBar .progress {
            background-color: #560383;
            background-image: none;
        }

            .enrollment .tab-pane.GeneralActivities .progress-container .progressBar .progress .progressText {
                color: #fff;
                font-size: 12px;
            }

            .enrollment .tab-pane.GeneralActivities .progress-container .progressBar .progress .progressText {
                color: #fff;
                font-size: 12px;
            }

.enrollment div.activity > .content div.collapsible .heading {
    background: #fff !important;
    border: 2px solid #b7aaf8 !important;
}

.enrollment div.activities h2.activitySectionName {
    font-size: 18px;
    font-weight: 600;
}

.enrollment div.activity > .content div.activity div.collapsible {
    background-color: #fff;
    padding: 1px 10px 10px 10px;
    margin-top: 10px;
}

.enrollment .tab-pane.GeneralActivities .content .activities .activitySectionContent {
    margin-top: 20px;
}

.data-container .deemphasize {
    font-size: 12px;
}

.enrollment .tab-pane.GeneralActivities .content .activities .activity {
    /*border: 1px solid #d8d5d5;*/
    margin-bottom: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.enrollment div.activity.withAttention > .content.detailsBox3 {
    margin-top: 0px;
    background-color: #eefaff;
}

.enrollment .tab-pane.GeneralActivities .activity .connector {
    background-color: #fff;
    padding: 10px 10px 5px 10px;
}

.enrollment .tab-pane.GeneralActivities div.activity .attention {
    border: 2px solid #560383;
    background-color: #560383;
    width: 30px;
    height: 30px;
    margin: 5px 5px 5px 5px;
    background-position: -7px -2px;
}

.enrollment .tab-pane.InstructorFeedback .card,
.enrollment .tab-pane.Notes .card {
    border: 1px solid #d8d5d5;
    padding: 5px;
    height: auto;
}

.enrollment-section div#CourseFeedback {
    border: 1px solid #d8d5d5;
    padding: 15px;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}

.welcome-container .action-container .action-btns a:before {
    font-size: 18px;
    line-height: 1;
}

/*End student-Details-Page */


/*New student-Details-Page */

.details-sec .training-content .tab-pane span.badge.rounded-pill {
    border-radius: 4px !important;
    background-color: #eff8ff !important;
    color: #4ba6ef;
    border: 2px solid #4ba6ef;
}

.training-content .data-container .list .interestGroup h2 span.badge.rounded-pill {
    background-color: #fff !important;
    color: #560383 !important;
    border: 0;
    border-radius: 0px !important;
    padding: 5px 5px !important;
    margin-bottom: 5px;
    font-size: 17px !important;
    font-weight: 600;
    border-bottom: 1px solid #560383;
}

.details-sec .training-content .tab-pane span.badge.rounded-pill:hover {
    background-color: #4ba6ef !important;
    color: #fff;
}

.training-content .data-container .list {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 10px;
    align-items: flex-start;
}

    .training-content .data-container .list .individualGroup {
        margin: 10px;
        padding: 10px;
        border: 1px solid #4ba6ef;
        background-color: #fff;
    }

.training-content .card-wrapper .card-container.info {
    width: 100%;
}

.training-content .tab-pane .list div.item {
    margin: 6px !important;
}
/*End student-Details-Page */

/* student-Edit-Page */
.student-edit-card .action-container {
    margin: 0px 0px 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px;
    align-items: flex-end;
    flex-direction: row;
}

    .student-edit-card .action-container .action-btns {
        margin-top: 20px !important;
    }

.student-edit-card .img-edit {
    display: flex;
    align-items: flex-end;
    margin-right: 10px;
    flex-wrap: wrap;
}


    .student-edit-card .img-edit #userProfileImageEdit .profileimg {
        height: 120px;
        width: 120px;
        padding: 8px;
        background-color: #fff;
        background-size: 90%;
        border: 3px solid #7DD8FF;
        border-radius: 10px;
        margin-right: 20px;
        margin-bottom: 5px;
    }

.student-edit-card.student-container .action-container {
    display: flex;
    align-items: flex-end;
}

.edit-tab .data-container table tr td input[type=text],
.edit-tab .data-container table tr td input[type=password],
.edit-tab .data-container table tr td input[type=text],
.edit-tab .data-container table tr td select {
    width: auto;
    max-width: 300px;
    margin: 0;
    outline: 0px !important;
    border: 1px solid #adb5bd;
}

.edit-tab .data-container table tbody {
    border: 0;
}

.edit-tab .data-container tr td .dropDownHeading {
    width: 100% !important;
    position: relative;
    display: block;
    max-width: 300px !important;
}

.data-container.interest .interestGroup .groupName {
    background-color: #fff !important;
    color: #560383 !important;
    border: 0;
    border-radius: 0px !important;
    padding: 5px 5px !important;
    margin-bottom: 10px;
    font-size: 17px !important;
    font-weight: 600;
    border-bottom: 1px solid #560383;
}

.data-container.interest #interestGroups {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.data-container.interest .interestGroup {
    padding: 0px;
    margin: 10px;
}

.data-container.interest .groups .userInterest {
    border-radius: 4px !important;
    background-color: #eff8ff !important;
    color: #4ba6ef;
    border: 1px solid #d9dcf0;
    padding: 8px 15px 8px 5px;
    display: flex;
    line-height: 1;
    align-items: center;
    margin-bottom: 5px;
    justify-content: flex-start;
}

    .data-container.interest .groups .userInterest label {
        margin-bottom: 0px;
    }


.data-container .hours {
    border: 1px solid #d8d5d5;
    padding: 10px 10px 0px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

}

.data-container .hours .col {
    padding: 5px 10px;
}

.data-container .hours .row {
    border: 1px solid #a2cff3;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.data-container div.hours .row:nth-child(even) {
    background: #eefaff;
}

.data-container .detailsBox {
    border: 2px;
    padding: 0px;
}

.data-container .button {
    margin-right: 4px;
}

    .data-container .button:last-child {
        margin-right: 0px;
    }

.inner-container .data-conntainer {
    width: 100%;
}

.inner-section-container .data-container .no-results {
    border: 1px solid #d8d5d5;
    padding: 15px;
    border-radius: 5px;
}

.inner-section-container .data-container .view-results {
    border: 1px solid #d8d5d5;
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0 0 30px;
}

/*End student-Edit-Page */

/*New Catalog v6 changes APR 24*/

.catalog_main .tab-content.catalog_tab_content .tab-pane .card-container.col {
	/*max-width: 50%;*/
}

/*New Catalog v6 changes APR 24*/


/*Begins Navbar changes MAY 25*/
.navbar-header .header-item {
    height:auto;
}
.navbar-header .top-nav-links {
    /*display: flex;*/
    align-items: center;
    flex-wrap: wrap;
    flex-direction: initial;
    text-align: right;
}

.navbar-header .logo {
    display: inline-block;
    margin: 8px auto;
}
.navbar-header .logo span.logo-sm img {
    max-width: 230px;
    height: auto;
    max-height: 50px;
}

/*End Navbar changes MAY 25*/
/*.navbar-header .navbar-brand-box {
    width: auto !important;
}*/
.top-nav-icon-links {
    display: initial;
}
@media (max-width: 1366px) {
    #page-topbar .navbar-header .topnav-menu.navbar-nav ul li {
        font-size: 13px;
    }
}
/*End Navbar changes MAY 25*/

@media (min-width: 768px) and (max-width: 1024px) {    
    .navbar-brand-box {
        width: auto !important;
    }
}

@media (max-width:992px) {
    .navbar-brand-box {
        width: auto !important;
    }
    .box-container.learn .admin-box.design-2 .btn-group.links-btn {
        min-height: 250px;
    }

    .box-container.hyb .admin-box.design-2 .btn-group.links-btn {
        min-height: 200px;
    }

    .box-container.train .admin-box.design-2 .btn-group.links-btn {
        min-height: 260px;
    }

    .box-container.set .admin-box.design-2 .btn-group.links-btn {
        min-height: 260px;
    }
    /*v5 profile*/

    /*.profile-2*/ .vertical-tabs-info .user-info.tab-content {
        margin-top: 30px;
        margin-left: 0px !important;
    }
    /*.profile-2*/ .nav-tabs-custom .nav-item {
        display: inline-block;
        width: auto;
        margin: 5px 10px;
    }

    /*.profile-2*/ .nav-tabs-custom {
        display: inline-block;
    }

        .nav-tabs-custom .nav-item .nav-link {
            padding: 0.7rem 2rem 0.7rem 1rem !important;
        }
	.section-container .tabs-container {
		margin: 0px;
		padding: 20px;
		width: 100%;
		border-right: 0;
		border-radius: 10px 10px 0px 0px;
	}

	.tabs-container .nav-tabs-custom .nav-item .nav-link:hover, .tabs-container .nav-tabs-custom .nav-item .nav-link.active {
		border-right: 1px solid #d8d5d5;
		border-radius: 5px;
	}
    /*E v5 profile*/
}

@media (max-width:768px) {
    .topnav .topnav-menu {
        padding: .5rem;
    }
    .section-container .tabs-container {
        margin: 0px;
        padding: 20px;
        width: 100%;
    }
	
    .tabs-container .nav-tabs-custom .nav-item .nav-link:hover,
    .tabs-container .nav-tabs-custom .nav-item .nav-link.active {
        border-right: 1px solid #d8d5d5;
    }
    /*New Design v5 changes APR 24*/

    .box-container .admin-box.design-2 .btn-group.links-btn {
        min-height: 120px !important;
    }

    /*New Design v5 changes APR 24*/

    
}

@media screen and (max-width:767px) {
    /*New Design v5 changes APR 24*/
	.section-container.my-course-section .chart-1,
	.section-container.my-course-section .chart-2 {
		padding:0!important;
	}
	.section-container.my-course-section .chart-2 {
		padding-top: 15px !important;
	}
    .tabs-container .nav-tabs-custom .nav-item .nav-link:hover,
    .tabs-container .nav-tabs-custom .nav-item .nav-link.active {
        border-radius: 5px;
        margin-right: 0px;
    }

    .section-container.achievement-section {
        padding:0 !important;
    }

    .section-container.my-course-section {
        padding-left: 0px;
    }

    .student-profile-card.student-container .action-container {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .main-wrapper .main-container .welcome-container .profile-img-container {
        background-size: contain;
    }
    /*New Design v5 changes APR 24*/

    .course-info-banner .courseImage {
        height: 100px !important;
        overflow: hidden;
    }
}


@media (max-width: 992px) {
    .my-vertical-menu {
        display: block !important;
    }

    textarea {
        width: 100% !important;
        min-width: 400px !important;
    }



    .card-body .quickLinksBar a {
        display: inline-block;
        margin: 1px !important;
    }

    .ui-tabs.ui-widget {
        flex-wrap: wrap;
    }

    .ui-tabs .ui-tabs-nav {
        width: 100%;
        max-width: 100%;
    }

    .vertical-tabs-info .col-md-3.tab-titles, .vertical-tabs-info .col-md-9 {
        width: 100% !important;
    }

    .ui-tabs .ui-tabs-panel {
        width: 100%;
        max-width: 100%;
        margin-top: 30px !important;
        margin-left: 0px !important;
    }

    .vertical-tabs-info .col-md-9 .user-info.tab-content {
        margin-left: 0px;
        margin-top: 20px;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:before,
    .nav-tabs-custom .nav-item .nav-link:after {
        content: none;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
    .nav-tabs-custom .nav-item .nav-link.active {
        border-bottom: 3px solid #3f51b5;
    }

    .nav-tabs-custom .nav-item .nav-link,
    .ui-tabs .ui-tabs-nav li a {
        border-bottom: 3px solid #ffffff;
    }

    .ui-tabs .ui-tabs-nav,
    .info-section .col-md-3 .nav {
        border-right: 0 !important;
    }
}

@media (max-width: 640px) {
    .ui-widget input[type=text], .ui-widget input[type=password], .ui-widget input[type=select], .ui-widget input[type=money], .ui-widget input[type=email], .ui-widget input[type=money], .ui-widget textarea {
        width: 100% !important;
    }

    textarea {
        width: 100% !important;
        min-width: 200px !important;
    }

    .main-wrapper .main-container .welcome-container {
        flex-wrap: wrap-reverse;
    }

        .main-wrapper .main-container .welcome-container .profile-img-container {
            background: rgb(86,3,131);
            background: linear-gradient(300deg, rgba(251,33,206,1) 35%, rgba(86,3,131,1) 35%);
            width: 100%;
            padding: 15px;
        }
}


/* new issue resolution 14 4 22 */