body .answithdate > .no-ans-unit {
    margin-bottom: 0;
    position: relative;
}
.answithdate {
    margin-bottom: 16px;
}
.answer-date {
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.answer-date img {
    margin-right: 5px;
}
.answer-date i {
    font-size: 11px;
    font-weight: 500;
    color: #444444;
}
.orderinventory-sec ul {
    justify-content: center;
}
.orderinventory-sec ul li {
    margin: 0 5px;
}
.orderinventory-sec ul li button {
    text-transform: capitalize;
    background: #fff;
    border: 1px solid #ddd;
}
.orderinventory-sec ul li button.active {
    background-color: #17a2b8 !important;
    border-color: #17a2b8;
}



#tabit .tab-hw .site-wrapper {
    width: 100%;
}
#tabit .tabs-wrapper {
    padding: 32px 0;
}
#tabit .tabs {
    display: flex;
    align-items: center;
}
#tabit .tabs section {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 1rem;
    display: none;
}
#tabit .tabs section > *:nth-child(1) {
    transition-delay: 0.2s;
}
#tabit .tabs section.active-content > * {
    opacity: 1;
    transform: translateY(0);
}
#tabit .tabs section img {
    width: 100%;
    height: 540px;
    object-fit: contain;
}
#tabit .tabs section > * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.2s, transform 0.2s;
}
#tabit .tabs > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex: 0 0 60%;
    max-width: 60%;
}
#tabit .tabs > ul li {
    display: block;
}
#tabit .tabs > ul li a, #tabit .tabs > ul li a:visited {
    display: flex;
    text-decoration: none;
    padding: 10px;
    transition: all 0.2s ease-in-out;
    word-wrap: break-word;
}
#tabit .tabs > ul li a {
    color: #333;
}
#tabit .tabs section.active {
    display: block;
}
#tabit .descr {
    display: flex;
    column-gap: 16px;
    align-items: center;
    border-bottom: 1px dashed #999;
    padding: 0 0 20px;
}
#tabit .descr .des-txt h4 {
    margin-bottom: 5px;
    font-size: 16px;
    margin-top: 8px;
    font-weight: 600;
}
#tabit .descr .des-txt p {
    font-size: 14px;
    color: #605e5e;
}
#tabit .descr .icon-txt i {
    font-size: 18px;
    color: #777;
}
#tabit .tabs > ul li a.active i, #tabit .tabs > ul li a.active h4 {
    color: #00bbcf;
}
#tabit .tabs > ul li:last-child a.tab-link .descr {
    border-bottom: 0;
}
.order-inventry-total table {
    background: #ffffff;
    border: 1px solid #d9d9d9;
}
.order-inventry-total-flex {
    display: flex;
    justify-content: end;
    gap: 17px;
}
.order-inventry-total #dtTable {
    padding: 10px;
    background: #fff;
    border: unset;
}
.order-inventry-total-flex p {
    text-transform: capitalize;
    font-weight: 700;
    color: #000;
}
.orderinventory-sec .form-validation {
    background: #fff;
    margin-top: 30px;
}
.orderinventory-sec .order-inventry-total {
    padding-top: 0;
    min-height: unset;
}
.order-inventry-btn {
    margin-top: 30px;
    display: flex;
    justify-content: end;
    align-items: center;
}







.admin-appimg li {
    text-align: center;
}
.admin-appimg img {
    width: 178px;
    margin: 0 auto;
}
.utilization-sec h2.admindashh2:before {
    left: 10px;
}
.student-listing {
    margin: 40px 0 0;
    border: none;
    padding: 0 !important;
}
.student-listing section.student_status_panel {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 600;
}
.student-listing section.student_status_panel h2.admindashh2 {
    padding-left: 4px;
    padding-right: 4px;
}
.student-listing section.student_status_panel h2.admindashh2:before {
    left: 3px !important;
}
.admin-card-dashboard .slick-arrow {
    display: none !important;
}
.admin-card-dashboard.client-slider .slick-dots {
    bottom: -22px;
}
section.client-slider .slick-slider {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.client-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;;
    border-radius: 8px;
    padding: 14px 15px;
    margin: 0 0 20px;
}
.client-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.client-img {
	width: 80px;
	height: 80px;
	flex: 0 0 80px;
}
.client-btn .btn {
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    padding: 4px 13px;
    font-size: 12px;
}
.client-right {
	flex: 1 1;
	text-align: right;
}
.client-left {
	display: flex;
	gap: 12px;
	flex: 0 0 80%;
}
.client-content h5 {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
}
.client-content p {
	line-height: normal;
	color: #fff;
    font-size: 14px;
	margin: 6px 0 0;
}
.client-slider {
	padding: 0 10px;
}

#move_student {
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 18px;
    display: inline-block;
    width: max-content;
}
.new-student-enroll label#lblLoader {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
}
#openMoveStudent span {
    line-height: 33px;
}
#move_student_form_id .form-control {
    border: unset;
    padding: 0;
    height: auto;
    margin: 0 0 15px;
    width: 100% !important;
}
#openMoveStudent .select2.select2-container.select2-container--default {
    width: 100% !important;
}
#move_student_form_id .form-control label {
    width: 100%;
    font-weight: 500;
    color: #333;
}
#openMoveStudent .select2-selection__arrow {
    height: 32px;
}
#openMoveStudent .modal-header {
    align-items: center;
}
#openMoveStudent .modal-header {
    align-items: center;
}
#openMoveStudent .modal-header .close-btn {
    position: absolute;
    top: -13px;
    right: -14px;
    background: #2927278f;
    border-radius: 50%;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    min-width: 30px;
}
#openMoveStudent .modal-header .close-btn .btn {
    color: #ffffff;
    font-size: 17px;
    padding: 0;
}
.cm-recodcls {
    text-align: center;
    background: #fdfdfd;
    border: 1px solid #e3e2e2;
    padding: 50px;
    border-radius: 8px;
}

.cm-recodcls h4 {
    color: #b71919;
}


/*my css start*/
.client-slider .slick-dots {
	bottom: 20px;
}
.client-slider .ct_slider {
	margin-bottom: 0 !important;
}
.bookmark-unit .crstblbody-cmn {
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px 0;
}

.ques-anws {
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    position: relative;
}

.edit-cmnt {
    position: absolute;
    width: 20px;
    bottom: 31px;
    left: 25px;
}

.bookmark-unit .comment-para {
    padding-left: 30px;
}

.bookmark-unit .crstblbody-cmn a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
}

.bookmark-unit .crstblbody-cmn a i {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.bookmark-unit .count {
    text-transform: capitalize;
    font-size: 14px;
}

.bookmark-unit .crstblbody-cmn a[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.ques-anws img {
    max-width: 300px;
    margin: 0 0 20px 30px;
}
.ques-anws iframe {
    height: 350px;
}
/* .bookmark-unit .crstblbodycolapse .collapse.show {
    margin-bottom: 20px;
} */
.crstblbody {
    padding: 20px;
}

.bookmark-form-col p {
    margin: 0 0 10px;
    line-height: normal;
}

.journal-entry {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-align: center;
    width: 100%;
}

.bookmark-form-col select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 17px) !important;
    box-shadow: none;
}

.bookmark-form-col span {
    font-weight: 700;
}

.comment-area textarea {
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
}

.bookmark-form-table .crstblbodycolapsecol {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 28px;
    padding-top: 28px;
}

.bookmark-form-table .crstblbodycolapsecol:last-child {
    border-bottom: none;
}

.edit-cmnt i {
    font-size: 19px;
    margin-right: 10px;
    cursor: pointer;
}


.block-right {
    text-align: right;
}

.block-right .btn {
    text-transform: capitalize;
}

.block-right span {
    color: #fff;
    font-weight: 400;
    margin-right: 10px;
    font-size: 14px;
    border-bottom: 1px solid #0b89b3;
    text-transform: capitalize;
    background: #0b89b3;
    padding: 6px 15px;
    border-radius: 4px;
}

/*my css end*/
#agency_purchase_history_wrapper .col-xs-6 {
    width: 100%;
}

#agency_purchase_history_wrapper .col-xs-12 {
    width: 100%;
}

/* start education slider  */
.client-slider .slick-slide {
    margin: 0px 5px;
}

.relative_item:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.27);
}

.tab-content .table-responsive .autoLoginImpursonate {
    color: #fff;
}

.relative_item {
    padding: 30px 15px 15px 15px;
    margin: 25px 0;
    background: #fff;
    border-radius: 10px;
    min-height: 450px;
    border: 1px solid #e2e2e2;
}

.client-block {
    border: 1px solid #e2e2e2;
    padding: 20px;
}

.relative_item:hover {
    background: #FFF0F1;
}

.relative_data {
    margin-bottom: 20px;
}

.relative_img {
    border: 2px solid #BE1E2D;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
}

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

.relative_data h2 {
    margin-top: 16px;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    color: #000;
}

.relative_data .location {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.04em;
    color: #000;
    text-align: center;
}

.relative_data p {
    color: #898989;
    font-size: 11px;
    font-weight: 500;
    margin: 10px 0;
    text-align: center;
    line-height: 1.7;
}

.client-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background-color: #6ec1e4 !important;
    z-index: 9;
    color: white !important;
    border-radius: 50%;
    font-size: 25px;
}

.client-slider .slick-dots li button::before {
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    right: initial;
    bottom: initial;
    opacity: 1;
    margin: 0;
    content: "";
}

.client-slider .slick-dots li button {
    background: #6ec1e4 !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.relative_slider {
    padding: 0 40px;
}

.client-slider .slick-prev {
    left: 0px;
}

.client-slider .slick-next {
    right: 0px;
}

.client-slider .slick-arrow i {
    display: flex;
    justify-content: center;
    align-items: center;
}

.client-slider .slick-arrow:before {
    display: none;
}

/* end education slider */

.range-slider {
    --range-slider-common-height: 12px;
    --range-slider-handle-width: 16px;
    --range-slider-handle-height: 18px;

    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 16px;
}

.range-slider>div {
    /* position: absolute; */
    display: flex;
    align-items: center;
    left: 13px;
    right: 15px;
    height: var(--range-slider-common-height);
}

.range-slider>div>.range-slider-val-left,
.range-slider>div>.range-slider-val-right,
.range-slider>div>.range-slider-val-range {
    height: 10px;
}

.range-slider>div>.range-slider-val-left {
    position: absolute;
    left: 0;
    border-radius: 10px;
    background-color: #ccc;
    margin: 0 7px;
}

.range-slider>div>.range-slider-val-right {
    position: absolute;
    right: 0;
    margin: 0 7px;
    border-radius: 10px;
    background-color: #ccc;
}

.range-slider>div>.range-slider-val-range {
    position: absolute;
    left: 0;
    top: 0px;
    height: 12px;
    border-radius: 14px;
    background-color: #31689b;
}

.range-slider>div>.range-slider-handle {
    z-index: 1;
    position: absolute;
    top: -4px;
    margin-left: -11px;
    width: var(--range-slider-handle-width);
    height: var(--range-slider-handle-height);
    border-radius: 999px;
    background-color: #fff;
    text-align: left;

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    outline: none;
    cursor: pointer;
}

div.range-slider>input[type="range"]::-ms-thumb {
    width: var(--range-slider-handle-width);
    height: var(--range-slider-handle-height);
    border: 0 none;
    border-radius: 0px;
    background: red;

    pointer-events: all;

}

div.range-slider>input[type="range"]::-moz-range-thumb {
    width: var(--range-slider-handle-width);
    height: var(--range-slider-handle-height);
    border: 0 none;
    border-radius: 0px;
    background: red;

    pointer-events: all;
}

div.range-slider>input[type="range"]::-webkit-slider-thumb {
    width: var(--range-slider-handle-width);
    height: var(--range-slider-handle-height);
    border: 0 none;
    border-radius: 0px;
    background: red;

    pointer-events: all;
    -webkit-appearance: none;
}

div.range-slider>input[type="range"]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
}

div.range-slider>input[type="range"]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
}

.range-slider>input[type="range"] {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: var(--range-slider-common-height);

    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    pointer-events: none;
    -webkit-appearance: none;
}

div.range-slider>input[type="range"]::-ms-track {
    background: transparent;
    color: transparent;

    -webkit-appearance: none;
}

div.range-slider>input[type="range"]::-moz-range-track {
    background: transparent;
    color: transparent;

    -moz-appearance: none;
}

div.range-slider>input[type="range"]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
}

div.range-slider>input[type="range"]:focus {
    outline: none;
}

div.range-slider>input[type="range"]::-ms-tooltip {
    display: none;
}

.range-slider>div>.range-slider-tooltip {
    z-index: 2;
    position: absolute;
    top: -42px;
    margin-left: -16px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    background-color: #31689b;
    color: #fff;
    text-align: center;

    opacity: 0;
}

.range-slider>div>.range-slider-tooltip:after {
    content: "";

    position: absolute;
    left: 0;
    top: 19px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top-width: 16px;
    border-top-style: solid;
    border-top-color: #31689b;
    border-radius: 16px;
}

.range-slider>div>.range-slider-tooltip>span {
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
}

.range-slider:hover>div>.range-slider-tooltip {
    opacity: 1;
}


/* timeline css start here */
.timeline-date {
    background: #f4f7fe;
    display: inline-block;
    padding: 3px 28px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 30px;
    z-index: 8;
    position: relative;
}

.timeline-icon img {
    width: 100%;
}

.timeline-info .timeline-time {
    padding-top: 5px;
    margin-right: 10px;
    color: #647285;
    flex: 0 0 75px;
    max-width: 75px;
}

.timeline-data {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 30px;
}

.timeline-list .timeline-info:last-child .timeline-data {
    padding-bottom: 50px;
}

.timeline-data {
    color: #333;
}

.timeline-icon {
    position: relative;
    z-index: 1;
    flex: 0 0 35px;
    max-width: 35px;
}

.timeline-icon::before {
    content: "";
    height: 100%;
    width: 1px;
    background: #ddd;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
    top: 0;
}

.timeline-list-wrp>h3 {
    margin-bottom: 30px !important;
    margin-top: 15px;
}

.progress-prnt,
.stts {
    background: #fff;
    margin: 20px 16px 0 16px;
}

.stts .stts-infr {
    padding: 40px 24px;
    text-align: left;
}

.stts .stts-infr ol {
    padding-left: 15px;
    margin-top: 20px;
}

.stts .stts-infr ol li {
    margin-bottom: 12px;
    line-height: 1.7;
}

.stts .stts-infr h4 {
    margin-bottom: 15px;
}

.progress-prnt .crd .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.progress-prnt .contss .crd .number h3 span {
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
}

.progress-prnt .coltws .crd .number h3 span {
    font-size: 24px;
    font-weight: 600;
    font-style: italic;
}

.progress-prnt .ons {
    justify-content: space-around;
    margin: 0;
}

.progress-prnt .headd {
    text-align: center;
    margin-bottom: 15px;
}

.progress-prnt .colons .headd h4 {
    font-size: 24px;
    font-style: italic;
}

.progress-prnt .coltws .headd h4 {
    font-size: 20px;
    font-style: italic;
}

.cstm-mdl .modal-body a.btn-icon.btn.btn-info {
    margin-top: 15px;
}

.progress-prnt .colons {
    flex: 75%;
    max-width: 75%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    justify-content: center;
    row-gap: 24px;
}

.progress-prnt .contss {
    display: flex;
    justify-content: center;
}

.progress-prnt .contss .crd.right {
    max-width: 100%;
}

.progress-prnt .stts-infr {
    text-align: center;
}

.progress-prnt .stts-infr p {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .7px;
}

.progress-prnt .ststs-txt h5 {
    position: relative;
    font-size: 16px;
}

.progress-prnt .ststs-txt h5:after {
    position: absolute;
    content: '';
    left: 50%;
    top: -25px;
    background: #d0d0d0;
    width: 2px;
    height: 20px;
    transform: translateX(-50%);
}

.progress-prnt .coltws {
    flex: 0 0 25%;
    max-width: 25%;
    display: flex;
    border-left: 2px dashed #dadada;
    justify-content: center;
    align-items: center;
    padding: 20px;
    flex-direction: column;
}

.progress-prnt .coltws .crd {
    max-width: 100%;
}

.progress-prnt .crd {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 20px;
    flex: 0 0 20%;
    max-width: 20%;
    row-gap: 34px;
}

.progress-prnt .crd.stripe {
    position: relative;
}

.progress-prnt .crd.stripe:after {
    position: absolute;
    content: '';
    width: 35px;
    height: 1px;
    background: #ababab;
    right: -37px;
    top: 50%;
    transform: translateY(-50%);
}

.progress-prnt .crd .percent {
    position: relative;
}

.progress-prnt .contss .crd svg {
    position: relative;
    width: 130px;
    height: 130px;
    transform: rotate(-90deg);
}

.progress-prnt .coltws .crd svg {
    position: relative;
    width: 190px;
    height: 190px;
    transform: rotate(-90deg);
}

.progress-prnt .crd svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #f0f0f0;
    stroke-width: 10;
    stroke-linecap: round;
}

.progress-prnt .contss .crd svg circle:last-of-type {
    stroke-dasharray: 377px;
    stroke-dashoffset: calc(377px - (377px * var(--percent)) / 100);
}

.progress-prnt .coltws .crd svg circle:last-of-type {
    stroke-dasharray: 565px;
    stroke-dashoffset: calc(565px - (565px * var(--percent)) / 100);
}

.progress-prnt .crd .title h2 {
    margin: 25px 0 0;
}

.progress-prnt .crd:nth-child(1) svg circle:last-of-type {
    stroke: #ff0000;
}

.progress-prnt .crd:nth-child(2) svg circle:last-of-type {
    stroke: #ff736b;
}

.progress-prnt .crd:nth-child(3) svg circle:last-of-type {
    stroke: #ffc107;
}

.progress-prnt .crd:nth-child(4) svg circle:last-of-type {
    stroke: #28a745;
}

/* .progress-prnt .coltws .crd:nth-child(1) svg circle:last-of-type {
  stroke: #28a745;
} */


/* Menu Progress bar css */

.profile_pop.open-profile .percent {
    position: relative;
}

.profile_pop.open-profile .percent svg {
    position: relative;
    width: 80px;
    height: 80px;
    transform: rotate(-90deg);
}

.profile_pop.open-profile .percent svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #f0f0f0;
    stroke-width: 3;
    stroke-linecap: round;
}

.profile_pop.open-profile .percent svg circle:last-of-type {
    stroke-dasharray: 220px;
    stroke-dashoffset: calc(220px - (220px * var(--percent)) / 100);
}

.profile_pop.open-profile .percent svg circle:last-of-type {
    stroke: #ffc107;
}

.profile_pop.open-profile .percent .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.profile_pop.open-profile .percent .number h3 {
    font-size: 0px;
}

.profile_pop.open-profile .percent .number h3 span {
    font-size: 28px;
    font-weight: 600;
    font-style: italic;
}

.profile_pop.open-profile .i-inf {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Menu Progress bar css */


.cstm-mdl .modal-header {
    border: none;
    background: transparent;
    padding-bottom: 0px;
}

.cstm-mdl h5.ttl {
    padding-bottom: 15px;
    border-bottom: 1px dashed #b9b9b9;
    margin-bottom: 15px;
    font-style: italic;
}

.cstm-mdl .modal-body {
    padding: 0px 20px 32px 20px;
}

.cstm-mdl .modal-body p.info {
    color: #17a2b8;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 7px;
}

.cstm-mdl .modal-body button {
    margin-top: 15px;
}

.admin-outbox .progressBarBox {
    display: flex;
    align-items: center;
    column-gap: 16px;
    justify-content: flex-end;
}

.admin-outbox .progress {
    flex: 0 0 52%;
    max-width: 52%;
}

.admin-outbox .progress_prcnt {
    flex: 0 0 18%;
    max-width: 18%;
    text-align: right;
}

.key_list {
    display: flex;
    align-items: center;
    margin-right: 25px;
    margin-bottom: 20px;
}

.key_list_wrp {
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #f9f9f9;
    padding: 20px 20px 5px 20px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.key_list_wrp .key-icon {
    margin-right: 15px;
    flex: 0 0 30px;
    max-width: 30px;
}

.timeline-list .timeline-info:nth-child(2) .timeline-icon::before {
    height: calc(100% + 40px);
    top: -40px;
}

.timeline-list .timeline-data .card-header {
    background: transparent;
    padding: 0;
    height: auto;
}

.timeline-list .timeline-data .card-header button.btn {
    padding: 0;
    color: #0b89b3;
    font-size: 14px;
    text-decoration: none;
    border: 0;
}

.timeline-list .timeline-data .card {
    box-shadow: none !important;
}

.timeline-list .timeline-data .card-body {
    padding: 20px 0;
}

.student-timeline-design .notfnd {
    text-align: center;
}

.student-timeline-design .notfnd img {
    width: 145px;
    margin-bottom: 16px;
}

/* timeline css ends here */

/* couurse status color start here */

.mycousrtablebtncol .btn.start-btn {
    background-color: #27A745;
    color: #fff;
}

.mycousrtablebtncol .btn.continue-color {
    background-color: #0B89B3;
    color: #fff;
}

.mycousrtablebtncol .btn.certificate-color {
    background-color: #05b6ca;
    color: #fff;
}

.mycousrtablebtncol .btn.compeletion-color {
    background-color: #92278f;
    color: #fff;
}

.mycousrtablebtncol .btn.compeletion-report-color {
    background-color: #d96f32;
    color: #fff;
}


.mycousrtablebtncol .btn.pendingreview-color {
    background-color: #e97b10;
    color: #fff;
}

.mycousrtablebtncol .btn.start-btn:hover {
    background-color: #20cf49;
    color: #fff;
}

.mycousrtablebtncol .btn.continue-color:hover {
    background-color: #28a5cf;
    color: #fff;
}

.mycousrtablebtncol .btn.certificate-color:hover {
    background-color: #25818b;
    color: #fff;
}

.mycousrtablebtncol .btn.compeletion-color:hover {
    background-color: #d627d0;
    color: #fff;
}

.mycousrtablebtncol .btn.pendingreview-color:hover {
    background-color: #b36b24;
    color: #fff;
}

.disabledCrsBtn {
    /* pointer-events: none;  */
    opacity: 0.5;
}

/* course statsus color end here */

/* help ceneter css start here */
.helpcenter-card {
    background: #17a2b8;
}

.help_cat i {
    font-size: 32px;
    color: #236eb5;
}

/* help ceneter css end here */

/*retake-color css start*/

li.nav-item.thumbvid.app--btn img {
    height: auto;
    border: 0;
    padding: 0;
}
.retake-sec .retake-text {
    font-weight: 700;
    font-size: 15px;
}

.retake-sec .color_o {
    background: #ffffbf;
}
.retake-sec .color_th {
    background: #f0aab3;
}


.agecnTable .col-xs-6 {
    width: 50%;
}

/*newsearchdropdown*/
.delAdmin {
    color: #fff !important;
}

.active_inactive_wrapp #course-available,
.main-content-inner #student-status-list {
    width: 100%;
    background: #fff;
}

#student-status-list img.lod,
#course-available img.lod {
    display: flex;
    margin: 0 auto;
}

.stdtdtlstatwrap #status_span {
    color: #fff;
    background: #29cc3d;
    padding: 3px 15px;
    font-weight: 600;
    margin-left: 20px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px;
}

.cke_notification {
    display: none;
}

.announcemnt_list_item:hover {
    background: #e4f5ff;
    cursor: pointer;
}

.search_dropdown select {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    color: #000;
    border: 1px solid #ddd;
    outline: 0;
    box-shadow: none;
    min-height: 42px;
    border-radius: 0;
    padding: 10px 17px 7px 35px;
}

.select-inner {
    position: relative;
}

#success .modal-dialog.modal-dialog-centered {
    box-shadow: none;
}

.select-inner .fa-search {
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    left: 17px;
    font-weight: 400;
}

.select-inner .fa-search:before {
    color: #868686;
}

/*newsearchdropdown*/

.unit-ques-modal .wrappps .appskiltabwrap.wraptabs {
    padding: 0;
    box-shadow: none;
}

.wraptabs .insights-box-data,
.wraptabs .reco-followup-quest,
.wraptabs .follow-up-box {
    margin-bottom: 24px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background: #f3f8fb;
}

.wraptabs .outer-box {
    padding: 20px;
}

.wraptabs #follow-up-qstn h2 {
    border-bottom: none;
    margin: 0;
    padding-bottom: 5px;
}


/* data response css end */
.coach-stdntdtl-tophead .coach-main-content .widget-number {
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 28px;
    position: relative;
}

body .coach-stdntdtl-tophead .coach-main-content .widget-number:before {
    position: absolute;
    content: "";
    background: #0b89b3;
    width: 30px;
    height: 4px;
    bottom: 0;
}

.bugboard_class {
    width: 100% !important;
}

#appskill .respns a {
    background: #0b89b3;
    color: #fff;
    border-radius: 4px;
    padding: 5px 15px;
}

#appskill .logtxtmg {
    justify-content: space-between;
}

#appskill .logtxtmg .logmg {
    display: flex;
    align-items: center;
}

#appskill .logtxtmg .nav-item.respns {
    flex: 0 0 auto;
}

/* data response css end */
/*------------------------- 1. Core Css -------------------*/
body {
    font-family: "Poppins", sans-serif;
}

a {
    color: #0b89b3;
}

a:hover {
    color: #0b89b3;
}

/*29-12-2023*/
.course-utilization-chart .chart {
    background: #0b89b30f;
    padding: 15px;
}

/*29-12-2023*/
.income-inner-title {
    display: flex;
    justify-content: space-between;
}

.cmon_form .close {
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    color: #fff !important;
    padding: 0;
    margin: -2rem -2rem -1rem -1rem;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000 !important;
    border: 1px solid #000000e0;
    outline: 0;
    opacity: 1;
}

/*10-11-2023**/
.tabs_below_inner {
    background: #f1f5f9;
    border: 1px dashed #ddd;
}

.main-content .sopadmintbl .table-responsive {
    margin-top: 0;
    background: #f1f5f9;
    border: 1px dashed #ddd;
    border-radius: 4px;
}

.announcemnt_icon svg {
    width: 20px;
    height: 20px;
}

.view-all-btn {
    text-align: right;
    width: 100%;
    display: inline-block;
}

.student_status_panel.std-status.sec-rgb h2.admindashh2 {
    position: relative;
    padding-bottom: 8px;
}

.student_status_panel.std-status.sec-rgb h2.admindashh2:before {
    background: #0b89b3;
    position: absolute;
    content: "";
    left: 16px;
    height: 3px;
    width: 32px;
    bottom: 2px;
}

.adminheaderarea .announcemnt_icon,
.adminheaderarea .search_icon {
    width: 30px;
    height: 30px;
}

.sec-rgb {
    background: #fff;
    padding: 20px !important;
    border-bottom: 4px;
}

.student_status_panel.std-status.sec-rgb {
    background: #fff;
    padding: 20px !important;
    border-bottom: 4px;
    border: 1px solid #e2e2e2;
    display: inline-block;
    width: 100%;
}

.student_status_panel .std-status h2.admindashh2 {
    padding: 30px 16px 30px;
    position: relative;
}

.student_status_panel .std-status h2.admindashh2:before {
    background: #0b89b3;
    position: absolute;
    content: "";
    left: 16px;
    height: 3px;
    width: 32px;
    bottom: 12px;
}

.col-rgb .card-body {
    background: #f1f5f9;
    border: 1px dashed #ddd;
    border-radius: 4px;
}

.col-rgb {
    padding: 0 5px 10px;
    margin: 12px 0;
}

.sec-rgb .tblrow,
.sec-rgb .tblrow:nth-child(odd) {
    background-color: #ffff;
}

.afltdashnumber-box {
    background: #0b89b3;
}

.all-courses-box {
    display: flex;
    justify-content: flex-end;
}

.all-courses-box input {
    margin: 0 5px 0;
}

/*10-11-2023**/

.paymentError {
    display: none;
}

.main-content-inner .student_status_panel .row.student-row {
    display: flex;
}

.main-content-inner .student_status_panel .row.student-row .card-outer {
    flex: auto;
}

/* .main-content-inner .progress-prnt .crd .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main-content-inner .progress-prnt .crd .number h3 {
    font-weight: 200;
    font-size: 3.5rem;
} */
/* .main-content-inner .progress-prnt .crd .number h3 span {
    font-size: 17px;
    font-weight: 600;
    font-style: italic;
} */
.row.student-row {
    margin: 0;
}

.student_status_panel {
    margin-bottom: 20px;
}

#loader {
    position: fixed;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(234, 234, 234, 0.7);
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: none;
}

#loader img {
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
}

.mt20 {
    margin-top: 20px;
}

#payments .mt20 .btn {
    padding: 8px 30px;
    font-size: 14px;
}

#payments .mt20 {
    text-align: right;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
}

.coach-dash-wrap .stdntvwtblwrap table.dataTable thead th {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

input[type="search"] {
    box-sizing: border-box !important;
}

.custom_zoho_booking a {
    background: #50a3b9;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 35px;
    display: inline-block;
    border-radius: 30px !important;
    letter-spacing: 1px;
}


/********************announcement page css start********************/

.anouncmnt-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 0 15px;
    flex-wrap: wrap;
}

.announcement_content .subheader {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    flex-wrap: wrap;
}

.ancmnt_item_teg span.blue-tag {
    background: #17a2b8;
    color: #fff;
}

.ancmnt_item_teg span.grey-tag {
    background: #17e5e6;
    color: #fff;
}

.ancmnt_item_teg span.green-tag {
    background: #0ea90e;
    color: #fff;
}

.unit-ques-modal .wraptabs .heading-ins {
    background: linear-gradient(to right, #0b89b3, white);
    padding: 13px 20px;
    margin-bottom: 0 !important;
}

.unit-ques-modal .wraptabs .heading-ins h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-style: italic;
}

.unit-ques-modal .wraptabs .show-more-insights {
    padding: 0 20px;
    color: #0b89b3;
}

.unit-ques-modal .wraptabs .show-more-insights p {
    color: #0b89b3;
    font-weight: 600;
}

.unit-ques-modal .wraptabs .sbmt-box {
    padding: 20px;
}

/* .unit-ques-modal .wrappps h2 {
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    color: #212529;
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e9e9e9;
} */
.unit-ques-modal .wrappps .paras .outer-box:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 12px;
}

.unit-ques-modal .wrappps .appskiltabwrap {
    padding: 20px;
    margin-top: 20px;
}

.sub-tags a {
    background: #17a2b8;
    padding: 6px 12px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    border-radius: 6px;
    text-decoration: none !important;
}

.announcement_content .subheader h3 {
    font-size: 20px;
    font-weight: normal;
}

.anouncmnt-page-header h1 {
    font-size: 28px;
    flex: 0 0 80%;
    max-width: 80%;
}

.anc-pghdrrgt {
    flex: 0 0 auto;
}

.hdr_icon_announcement a {
    margin-left: 10px;
}

.announcement_content {
    padding: 0 15px;
}

.ancmnt-edtr-data {
    margin-top: 20px;
}

.ancmnt-edtr-data h1 {
    font-size: 30px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h2 {
    font-size: 27px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h3 {
    font-size: 24px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h4 {
    font-size: 21px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h5 {
    font-size: 18px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h6 {
    font-size: 15px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data p,
.ancmnt-edtr-data ul {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}

.ancmnt-edtr-data p {
    display: inline-block;
}

.ancmnt-edtr-data ul {
    padding-left: 18px;
}

.ancmnt-edtr-data li {
    list-style: disc;
    line-height: 1.7;
    margin-bottom: 5px;
}

.anouncmnt-page-wrap {
    background: #fff;
    padding: 25px 12px;
}

.ancmnt-edtr-link,
.ancmnt-edtr-image {
    margin-bottom: 15px;
}




/******wuthout login start*******/

a.annoc_title {
    background: transparent;
    color: #000;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.date_annouc {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.anouncmnt-page-wrap-wtot-hdr {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 180px;
    padding-bottom: 120px;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

.anouncmnt-page-wrap-wtot-hdr h1 {
    position: initial;
    transform: none;
    width: auto;
    height: auto;
    margin: 0;
}

.anouncmnt-page-wrap-wtot-hdr .ancmnt-edtr-data {
    display: flex;
    flex-wrap: wrap;
}

.ancmnt-edtr-img img {
    max-width: 100%;
}

.anouncmnt-page-wrap-wtot-hdr .ancmnt-edtr-data .ancmnt-edtr-img {
    flex: 0 0 30%;
    max-width: 30%;
    padding-left: 30px;
}

.anouncmnt-page-wrap-wtot-hdr .ancmnt-edtr-data .ancmnt-edtr-cntnet {
    flex: 1 1;
    line-height: 1.7;
}

/******wuthout login ends*******/

/********************announcement page css ends********************/

/*******other menu css start********/
.vertical-nav-menu.metismenu li a {
    height: auto;
    line-height: inherit;
    border-radius: 0;
    white-space: inherit;
    margin: 0 !important;
}

.metismenu li.mm-active.affiliateOtherLinks>ul ul {
    top: 0;
    right: 0;
}

.metismenu li.affiliateOtherLinks>ul {
    padding-top: 270px;
    height: 160px !important;
    width: 100%;
    background: transparent;
    box-shadow: none;
}

.metismenu li.affiliateOtherLinks>ul span {
    display: block !important;
    margin-left: 0;
}

/*******other menu css end********/

/******success msg********/
#success .modal-header {
    border: 0;
    padding: 5px 15px 0 15px;
    background: #ecf7ef;
    border-radius: 0;
}

#success .modal-body {
    padding: 25px 20px 55px 20px;
    font-size: 18px;
    background: #ecf7ef;
    color: #155724;
    font-weight: 600;
}

#success .modal-content {
    border-radius: 10px;
    overflow: hidden;
}

/******success msg********/
/******success msg********/
#errorPop .modal-header {
    border: 0;
    padding: 5px 15px 0 15px;
    background: #f8d7da;
    border-radius: 0;
}

#errorPop .modal-body {
    padding: 25px 20px 55px 20px;
    font-size: 18px;
    background: #f8d7da;
    color: #721c24;
    font-weight: 600;
}

#errorPop .modal-content {
    border-radius: 10px;
    overflow: hidden;
}

#errorPop .modal-dialog {
    box-shadow: none;
}

/******success msg********/

#resourcemedia iframe {
    max-width: 100%;
}

.blue-text {
    color: #0b89b3 !important;
}

#dtTable {
    width: 100% !important;
    display: table;
}

.agencieslisttblwrap .col-xs-12 {
    width: 100%;
}

table th {
    background-image: none !important;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    content: "+" !important;
    background-color: #0b89b3 !important;
    top: 50% !important;
    transform: translate(5px, -50%) !important;
    line-height: 16px !important;
    border: 0 !important;
    box-shadow: none !important;
}

table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    content: "-" !important;
}

table.dataTable tr.child ul {
    width: 100%;
}

body .dataTables_wrapper .dataTables_paginate li.paginate_button {
    padding: 0;
    margin: 0;
}

body .dataTables_wrapper .dataTables_paginate li.paginate_button:hover {
    background: transparent !important;
    border-color: transparent !important;
}

body .dataTables_wrapper .dataTables_paginate li.paginate_button a:hover {
    background: #0b89b3 !important;
    border-color: #0b89b3 !important;
    color: #fff !important;
}

td.dataTables_empty {
    padding: 30px 20px;
}

.dataTables_wrapper.form-inline {
    display: block;
}

body .pagination li.active a {
    z-index: 1;
    color: #fff;
    background-color: #0b89b3;
    border-color: #0b89b3;
}

.metismenu>li.active>a:after {
    color: #fff;
}

.metismenu li.mm-active>a {
    background: #ddd;
    color: #000;
    font-weight: normal;
}

.metismenu li.mm-active>a i,
.metismenu li.mm-active>a:after,
.metismenu li a:hover:after {
    color: #0b89b3 !important;
}

body .metismenu .enroll-student a:hover {
    background: #0b89b3;
}

body .metismenu .enroll-student a:focus {
    box-shadow: none;
}

.sbar_collapsed .metismenu li ul {
    right: -5px;
    max-width: 100px;
}

.sbar_collapsed .metismenu li ul li a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    padding-bottom: 2px;
    word-break: break-all;
}

.stdntvwtblwrap.sctiveStd table thead tr th.sorting {
    padding-right: 15px;
}

.page-container {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding-left: 280px;
    -webkit-transition: padding-left 0.3s ease 0s;
    transition: padding-left 0.3s ease 0s;
}

.sbar_collapsed.page-container {
    padding-left: 0;
}

.card {
    border: none;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.card:hover {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.02);
}

.card-body {
    padding: 25.6px;
    padding: 1.6rem;
}

.h-full {
    height: 100%;
}

.main-content {
    width: 100%;
    background: #f3f8fb;
}

.main-content-inner {
    padding: 40px 10px 50px;
}

.course-table h4 {
    font-size: 16px;
}

.course-table {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
    overflow-x: inherit;
    padding-bottom: 15px;
}

.crstblheader .pull-left,
.crstblbody .pull-left {
    padding: 15px 20px;
}

.crstblheader {
    background: #ddd;
}

.course-table .collapse.show,
.course-table .collapse.in {
    display: flex;
}

.paymentdetailpop .input-group .input-group-prepend button {
    width: 100%;
    background: #0b89b3;
    border-color: #0b89b3;
}

.paymentdetailpop .input-group .input-group-prepend {
    flex: 0 0 150px;
    max-width: 150px;
    min-height: 45px;
}

.paymentdetailpop .input-group {
    margin-bottom: 20px;
}

.paymentdetailpop .input-group input,
.paymentdetailpop .input-group select {
    min-height: 45px;
    background: #f1f6f9;
}

.paymentdetailpop .card-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.paymentdetailpop .modal-body {
    padding-left: 30px;
    padding-right: 30px;
}


.std-drp .select2-container .select2-selection--single {
	height: 32px !important;
}


.paymentdetailpop .input-group.paybtnwrap {
    text-align: center;
    justify-content: center;
}

.paymentdetailpop .input-group.paybtnwrap #updatecardPayment {
    padding: 10px 40px;
    font-size: 15px;
    margin-top: 15px;
    background: #17a2b8;
}

.crstblbodycolapsecol p {
    margin-bottom: 10px;
}

.crstblbodycolapsecol {
    padding-top: 15px;
    padding-bottom: 15px;
}

.course-table .crstblheader h4 {
    font-weight: 600;
}

.crstblheader .pull-left,
.crstblbody .pull-left {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 0 !important;
}

.crstblbody .pull-left .widget-content {
    width: 100%;
}

.course-table .crstblbody h4,
.course-table .crstblbody strong {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #555;
}

.crstblbody a.btn.btn-info {
    background: #0b89b3;
    border-color: #0b89b3;
    padding: 7px 18px;
}

/*------------------------- END Core Css -------------------*/
.mycousrtablebtncol {
    flex-wrap: wrap;
}

.mycousrtablebtncol a,
.mycousrtablebtncol h4 {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

.mycousrtablebtncol a {
    padding: 7px 18px;
}

.header-area.adminheaderarea {
    /*Changes made by me*/
    padding: 15px 20px;
}

#vimeovideo .modal-dialog {
    max-width: 900px;
}

#vimeovideo iframe {
    max-width: 100%;
    width: 100%;
}

li.nav-item.thumbvid img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

li.nav-item.thumbvid a:hover {
    background: transparent;
}

li.nav-item.thumbvid img {
    width: 100%;
    height: 95px;
    object-fit: cover;
    padding: 5px;
    background: #fff;
    /*border: 1px solid #0b89b3;*/
    border: 2px solid #25a9df;
    border-radius: 10px;
}

.sbar_collapsed li.nav-item.thumbvid img {
    height: 60px;
}

footer {
    clear: both;
}

.metismenu li.nav-item.thumbvid a {
    padding-right: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.metismenu li ul li.active a {
    color: #0b89b3;
}

.btn.btn-primary {
    background: #0b89b3;
    border-color: #0b89b3;
}

.admins-list-tbl-wrap .stdntvwtblwrap {
    margin-top: 0;
}

.admins-list-tbl-wrap .stdntvwtblwrap table {
    padding-top: 20px;
}

.btn.btn-secondary {
    background: #0b89b3;
    border-color: #0b89b3;
}

.crsenrlment .card-body {
    background: #0b89b3;
    text-align: center;
    border-radius: 10px;
}

.crsenrlment .card {
    background: transparent;
    border: 0 !important;
    box-shadow: none;
}

.crsenrlment .card-body h2,
.crsenrlment .card-body h6 a {
    color: #fff !important;
}

.crsenrlment .card {
    flex: 0 0 23.5%;
    margin-right: 2%;
}

.crsenrlment .card:last-child {
    margin-right: 0;
}

#dtTable_filter input[type="search"] {
    border: 1px solid #ddd;
    padding: 6px 20px;
    background: #f2f7fa;
    min-width: 300px;
}

body .main-content {
    padding-bottom: 0;
}

/**********coach cousrse page css start**********/

.cochcrs-tdrow h4 {
    color: #555;
    font-size: 15px;
}

/**********coach cousrse page css ends**********/

/**********coach player page css start**********/
.coach_player_page .content_sec .input-wrapper {
    margin-top: -20px;
}

.close_player_btn {
    position: absolute;
    right: 20px;
    top: 15px;
}

.playerstep_img {
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px double #ddd;
}

.coach_player_page textarea#user_input_textarea {
    border: 1px solid #ddd;
    padding: 15px;
    font-size: 15px;
    min-height: 110px;
    width: 100%;
    outline: 0 !important;
}

.coach_player_page .content_sec .sub-title {
    font-family: poppins;
    padding: 0;
    margin-bottom: 10px;
    color: #0b89b3;
}

body.coach_player_page {
    font-family: "Poppins", sans-serif;
}

body.coach_player_page span {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px;
}

.nxt-prev-btnwrp button {
    text-transform: uppercase;
    margin-top: 20px;
    padding: 8px 35px;
    letter-spacing: 1px;
}

.coach_player_page form {
    padding: 0;
}

.coach_player_page .video-container {
    margin-top: -20px;
}

.coach_player_page .video-container .videoWrapper {
    padding-bottom: 56%;
}

.coch_pl_html,
.coach_player_page {
    padding: 0;
    margin: 0;
}

.coach_player_page .content_sec {
    background: #f9f9f9;
    padding: 20px;
    margin-bottom: 30px;
}

.coach_player_page .page-details {
    font-family: poppins;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}

/**********coach player page css ends**********/

/**********coach dashboard css start**********/
.coach-dash-wrap .dataTables_info,
.coach_resource_tbl .dataTables_info {
    padding-top: 5px !important;
    float: right;
}

.coach-dash-wrap .dataTables_paginate,
.coach_resource_tbl .dataTables_paginate {
    width: 100%;
    margin-top: 20px !important;
}

.coach_resource_tbl .dataTables_paginate {
    margin-top: 0px !important;
}

.coach-dash-wrap {
    padding: 1.6rem;
    background: #fff;
}

.coach-dash-wrap .open-evaluator-form {
    padding: 0 !important;
    width: auto !important;
    min-width: initial;
    /*   color: #0b89b3; */
    color: #bbb;
    border-radius: 0 !important;
    background: transparent;
    border: 0;
    margin: 0 !important;
    text-transform: capitalize;
    font-weight: 600;
    font-style: inherit;
    font-size: 15px !important;
    line-height: 1.3;
}

/* .coach-dash-wrap .open-evaluator-form.coachEvalSuccess {
    background: transparent;
    color: #48b648;
} */
#payments .modal-body .form-group table.student-view-table th,
#payments .modal-footer {
    border-radius: 0 !important;
}

.coach-dash-wrap .open-evaluator-form:focus,
.coach-dash-wrap .open-evaluator-form:active {
    box-shadow: none !important;
    background: transparent !important;
    color: #48b648 !important;
}

/**********coach dashboard css ends**********/

/**********coach resources css start**********/

.coach_resource_tbl .dataTables_wrapper label {
    margin-bottom: 1rem;
}

.coach_resource_tbl #example_length label select.form-control {
    margin: 0 8px;
}

.coach_resource_tbl .dataTables_filter input[type="search"] {
    min-width: 250px;
}

/**********coach resources css ends**********/

/**********coach student detail css start**********/
.coach_evaluator .steps li a {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.2px;
    font-size: 16px;
    text-align: center;
    border-radius: 0;
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 600;
}

.coach_evaluator .steps li.disabled a,
.coach_evaluator .steps li.first a,
.coach_evaluator .steps li.disabled a:hover {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.2px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    background: #e7e4e4;
    border-radius: 0;
    text-align: center;
}

.coach_evaluator .steps li.current a {
    background: #0b89b3;
    color: #fff;
}

.coach_evaluator #wizard .content {
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    margin-top: 20px;
    min-height: 380px;
}

h1.coach_evlt_hed {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    width: calc(100% - 0.5em);
    margin-left: auto;
    margin-right: auto;
}

.coach_evaluator #wizard .content .body {
    width: 100%;
    height: 100%;
}

.coach_evaluator #wizard .content .body p {
    font-family: "Poppins";
}

.coach_evaluator #wizard .content .body .radio-button {
    margin: 0;
    margin-top: 30px;
}

.coach_evaluator #wizard .content .body .radio-button label {
    background: transparent;
    font-family: "Poppins";
    border-radius: 30px;
    margin-right: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 15px;
    color: #000;
    border: 1px solid #000;
    font-weight: 600;
    background: #f5f5f5;
    cursor: pointer;
}

.coach_evaluator #wizard .content .body .radio-button label:hover {
    background-color: #17a2b8;
    color: #fff;
    border-color: #17a2b8;
}

.coach_evaluator #wizard .content .body .radio-button input[type="radio"]:checked+label {
    background: #0b89b3;
    color: #fff;
    border-color: #0b89b3;
}

.coach_evaluator #wizard .content .body .que {
    color: #0b89b3;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.coach_evaluator #wizard .content .body p.quiz_subhead {
    color: #999;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 0;
}

.coach_evaluator .modal-footer {
    display: none;
}

.coach_evaluator .modal-body {
    background: #f8f9fa;
}

.coach_evaluator .modal-header {
    border: 0;
    padding: 0;
}

.coach_evaluator .modal-header button.btn {
    position: absolute;
    right: 0;
    z-index: 99;
    background: #000;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #f8f9fa;
    box-shadow: none;
    outline: 0 !important;
}

.coach_evaluator .modal-header button.btn:focus {
    box-shadow: none;
}

.coach_evaluator .wizard>.actions a,
.coach_evaluator .wizard>.actions a:hover,
.coach_evaluator .wizard>.actions a:active {
    background: #0b89b3;
    font-family: "Poppins";
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 8px 30px;
    border: 1px solid #0b89b3;
}

.coach_evaluator .wizard>.actions .disabled a,
.coach_evaluator .wizard>.actions .disabled a:hover,
.coach_evaluator .wizard>.actions .disabled a:active {
    background: #fff;
    border: 1px solid #999;
    color: #999;
    cursor: context-menu;
}

.coach_evaluator .wizard>.steps .done a,
.coach_evaluator .wizard>.steps .done a:hover,
.coach_evaluator .wizard>.steps .done a:active {
    background: #9dc8e2;
    color: #fff;
}

#welcome .modal-header {
    font-size: 16px;
}

.prog-elearn-wrap .prog-elearn-wrap_lft.coach_elearnleft {
    flex: 0 0 100%;
    max-width: 100%;
}

.tabs-d .stdtdtldatacolsec h3 {
    font-size: 22px;
    margin: 0;
}

.stdtdtldatacolsec .boredr-s p {
    margin: 0;
}

.coach_crstbl .boredr-s {
    margin: 10px 0;
}

.coach_crstbl {
    padding: 20px;
    background: #fff;
}

.coach_crstbl .boredr-s:first-child {
    background: #f9f9f9;
}

/**********coach student detail css ends**********/

/*********bugboard css start************/

.bubbordwrap {
    background: #f3f8fb;
    padding: 15px 15px 15px 15px;
    align-items: center;
    margin: 15px 0 20px 0;
    display: flex;
    justify-content: space-between;
}

.bubbordwrap form select {
    margin-left: 15px;
    border-radius: 0;
}

.bubbordwrap form a.btn {
    border-radius: 0;
}

/*********bugboard css ends************/

/*********cbt course css start************/

.cbt-course-wrap li.list-group-item:nth-child(even) {
    background: #e6e6e6;
}

.cbt-course-wrap li.list-group-item {
    padding: 1.1rem;
}

.cbt-course-wrap li.list-group-item h4 {
    font-size: 22px;
}

.cbt-course-wrap li.list-group-item p {
    margin-top: 12px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}

.cbtcrsslctr {
    border: 1px solid #ddd;
    padding: 6px 20px;
    background: #f2f7fa;
    min-width: 300px;
    border-radius: 0;
    min-height: 42px;
}

.cbt-course-img {
    width: 15% !important;
}

.cbt-course-txt {
    width: 83% !important;
}

.cbt-course-wrap li.list-group-item:hover {
    background: #0b89b3;
}

.cbt-course-wrap li.list-group-item:hover h4,
.cbt-course-wrap li.list-group-item:hover h4 span,
.cbt-course-wrap li.list-group-item:hover p {
    color: #fff !important;
}

.cbt-course-wrap li.list-group-item:hover a.btn {
    background: #fff;
    color: #0b89b3;
    border-color: #fff;
}

#course-list .row.active,
#course-list .row:hover {
    background-color: #0b89b3 !important;
}

/*********cbt course css ends************/

/*********referraloptions css start************/

.refrloptn-pagewrp th {
    vertical-align: middle !important;
}

/*********referraloptions css ends************/

/*********affiliate dashboard css start************/
.card.prgres-rprt-card {
    /* max-width: 1200px; */
    width: 100%;
    margin: 0 auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.card.prgres-rprt-card form {
    border: 1px dashed lightgray;
    padding: 42px 24px 28px;
    border-radius: 7px;
    margin-top: 32px;
}

.prgres-rprt-card .prgrsrprtbtn {
    margin-bottom: 1rem;
    margin-top: 2.4rem;
}

.prgres-rprt-card label {
    margin: 0;
}

.prgres-rprt-card input[type="date"],
.prgres-rprt-card .ms-options-wrap button {
    border: 1px solid #ddd;
    padding: 6px 20px;
    background: #f2f7fa;
    border-radius: 0;
    min-height: 40px;
}

.afltdashnumber {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.afltdashnumber>div {
    flex: 0 0 18.4%;
    max-width: 18.4%;
    margin: 0 !important;
    margin-right: 2% !important;
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 6px !important;
}

.afltdashnumber>div:last-child {
    margin-right: 0 !important;
}

.afltdashnumber>div h3 {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    flex: 0 0 100%;
}

.afltdashnumber>div h2 {
    margin-top: 5px;
}

.sopadmintbl .card-header-title {
    text-align: left;
}

.main-content-inner .main-card.mb-3.card.sopadmintbl>.card-header {
    /*Changes made by me*/
    height: auto;
    padding: 0 0 12px;
    background-color: transparent;
}

/*********affiliate dashboard css ends************/

/*********student report css start************/

.stdntrprt--tbl th,
.stdntrprt--tbl td {
    padding: 10px;
}

.stdntrprt-data .card-body {
    padding: 0;
}

.stdntrprt-data .card-body .bg-primary {
    background: #0b89b3 !important;
}

.stdntrprt-data .card-body h4 {
    font-size: 18px;
}

.stdntrprt-data .card-body h1 {
    font-size: 24px;
}

/*********student report css ends************/

/*********admin dashboard css start************/
.student_status_panel .card-body,
.active_inactive_wrapp .card-body {
    padding: 0;
}

.spradmndashsubhead {
    padding: 0 !important;
}

.sopadmintbl .tblrow:nth-child(odd) {
    background: #f9f9f9;
}

/**==togle btn css start==**/

.toggleSwitch span span {
    display: none;
}

.coachresource-home {
    padding: 0 !important;
}

.coachresource-home .searchBar {
    margin: 7px auto !important;
}

@media only screen {
    .toggleSwitch {
        display: inline-block;
        height: 18px;
        position: relative;
        overflow: visible;
        padding: 0;
        cursor: pointer;
        width: 40px;
    }

    .toggleSwitch * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .toggleSwitch label,
    .toggleSwitch>span {
        line-height: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .toggleSwitch input:focus~a,
    .toggleSwitch input:focus+label {
        outline: none;
    }

    .toggleSwitch label {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
    }

    .toggleSwitch input {
        position: absolute;
        opacity: 0;
        z-index: 5;
    }

    .toggleSwitch>span {
        position: absolute;
        left: -50px;
        width: 100%;
        margin: 0;
        padding-right: 50px;
        text-align: left;
        white-space: nowrap;
    }

    .toggleSwitch>span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 50px;
        text-align: left;
        font-size: 0.9em;
        width: 100%;
        left: 15%;
        top: 0px;
        opacity: 0;
    }

    .toggleSwitch a {
        position: absolute;
        right: 50%;
        z-index: 4;
        display: block;
        height: 100%;
        padding: 0;
        left: 2px;
        width: 18px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .toggleSwitch>span span:first-of-type {
        color: #ccc;
        opacity: 1;
        left: 45%;
    }

    .toggleSwitch>span:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50px;
        top: -2px;
        background-color: #f1f6f9;
        border: 1px solid #ccc;
        border-radius: 30px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .toggleSwitch input:checked~a {
        border-color: #fff;
        left: 100%;
        margin-left: -8px;
    }

    .toggleSwitch input:checked~span:before {
        border-color: #0b89b3;
        box-shadow: inset 0 0 0 30px #0b89b3;
    }

    .toggleSwitch input:checked~span span:first-of-type {
        opacity: 0;
    }

    .toggleSwitch input:checked~span span:last-of-type {
        opacity: 1;
        color: #fff;
    }

    /* Switch Sizes */
    .toggleSwitch.large {
        width: 75px;
        height: 27px;
    }

    .toggleSwitch.large a {
        width: 27px;
    }

    .toggleSwitch.large>span {
        height: 31px;
        line-height: 28px;
    }

    .toggleSwitch.large input:checked~a {
        left: 54px;
    }

    .toggleSwitch.large>span span {
        font-size: 13px;
        color: #0b89b3;
        font-weight: 600;
        text-transform: uppercase;
    }

    .toggleSwitch.large>span span:first-of-type {
        left: 44%;
    }

    .toggleSwitch.xlarge {
        width: 80px;
        height: 36px;
    }

    .toggleSwitch.xlarge a {
        width: 36px;
    }

    .toggleSwitch.xlarge>span {
        height: 38px;
        line-height: 37px;
    }

    .toggleSwitch.xlarge input:checked~a {
        left: 52px;
    }

    .toggleSwitch.xlarge>span span {
        font-size: 1.4em;
    }

    .toggleSwitch.xlarge>span span:first-of-type {
        left: 50%;
    }
}

/**==togle btn css ends==**/

.admindashsubheadtop .card-header {
    padding: 0 !important;
}

.student_status_panel .bg-primary {
    background: #0b89b3 !important;
}

.active_inactive_wrapp .bg-primary {
    background: #17a2b8 !important;
}

h2.admindashh2 {
    font-size: 26px;
}

.dashmobthhide {
    margin-bottom: 0 !important;
}

.admindashsubheadtop .even {
    background: #f9f9f9;
}

/*********admin dashboard css ends************/

/*********add student course css start************/
.addcorsfielswrap {
    width: 100%;
    display: inline-block;
    background: #fff;
    margin-top: 20px;
    box-shadow: 1px 2px 12px rgb(0 0 0 / 10%);
    padding: 30px 10px 20px 10px;
}

.addcorsfielswrap select {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-top: 10px;
    min-height: 50px;
}

.addcorsfielswrap select:focus {
    box-shadow: none;
}

.addcorsfielswrap .card-body {
    padding: 0;
}

.addcoursebtnwrap {
    display: flex;
    justify-content: center;
}

.addcoursebtnwrap .btn {
    margin: 0 10px;
    margin-top: 15px;
}

/*********add student course css ends************/

/*********agencies list css start************/
.agencieslisttblwrap th,
.agencieslisttblwrap td {
    padding: 10px 20px;
}

.agencieslisttblwrap td:last-child {
    width: 24%;
}

.agencieslisttblwrap button.copy__url {
    background: #17a2b8;
    color: #fff;
    border: 0;
    padding: 8px 18px;
    margin-left: 15px;
    font-size: 13px;
    border-radius: 30px;
}

.agencieslisttblwrap th {
    background: #f9f9f9;
}

.card-body.agencieslisttblwrap.stdntvwtblwrap {
    margin-top: 0;
}

/*********agencies list css ends************/

/*********edit agency list css start************/
.spradmneditagncyformwrap .ms-options ul li label input {
    min-height: 17px;
}

.spradmneditagncyformwrap input,
.spradmneditagncyformwrap select,
.spradmneditagncyformwrap .ms-options-wrap button {
    background: #f3f8fb !important;
    min-height: 46px;
    border: 1px solid #ddd !important;
    border-radius: 0;
    padding: 12px 20px !important;
}

.spradmneditagncyadrshead h4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
}

.editagencyspradmnbtns {
    display: flex;
    justify-content: center;
}

.editagencyspradmnbtns .btn {
    margin: 0 10px;
}

.spradmneditagncyformwrap label {
    font-size: 15px;
}

/*********edit agency list css ends************/

/*********admin user list css start************/

.adminuserlisthead {
    font-size: 15px;
    display: flex;
    align-items: center;
}

.adminuserlisthead i {
    margin-right: 8px;
}

/*********admin user list css ends************/

/*********edit admin user css start************/

.editadminuserpage .page-title-heading>div {
    font-size: 26px;
    font-weight: 600;
    padding: 0 10px;
    color: #333;
}

.editadminuserpage .store-content {
    margin-bottom: 30px;
}

.editadminuserpage .store-content .title-section {
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    padding-left: 20px;
}

.editadminuserpage .store-cntntbodyiner {
    display: flex;
    flex-wrap: wrap;
}

.editadminuserpage .store-cntntbody {
    padding: 10px 10px;
}

.editadminuserpage .store-cntntbody .select2 .select2-selection,
.editadminuserpage .store-cntntbody input,
.editadminuserpage .store-cntntbody select,
.editadminuserpage .store-cntntbody textarea {
    border-radius: 0;
    margin-top: 5px;
    background: #f3f8fb;
    min-height: 46px;
    padding: 8px 15px;
    border: 1px solid #ddd;
}

.editadminuserpage .store-cntntbody .select2 .select2-selection__arrow {
    top: 15px !important;
}

.editadminuserpage .editadminuserbtns {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.editadminuserpage .editadminuserbtns .btn {
    margin: 0 10px;
}

.editadminuserpage .store-cntntbody label {
    font-size: 15px;
    margin-bottom: 5px;
    width: 100%;
}

.editadminuserpage .store-cntntbody .select2 {
    max-width: 100%;
}

/*********edit admin user css ends************/

/*********edit students css start************/

.editstudent-btnwrap {
    clear: both;
}

.edit-student-info-wrap .card-body {
    padding: 0;
}

.edit-student-info-wrap {
    padding: 26px;
}

.edit-student-info-wrap input,
.edit-student-info-wrap select,
.edit-stdt-admin-user select#adminusers {
    border-radius: 0;
    margin-top: 5px;
    background: #f2f7fa;
    min-height: 46px;
}

.edit-student-info-wrap .label {
    font-size: 15px;
}

.edit-stdt-admin-user select#adminusers {
    max-width: 100%;
    margin-top: 0;
}

.edit-stdt-admin-user label {
    font-size: 15px;
}

.edit-stdt-admin-user {
    padding: 41px;
}

.edit-stdt-admin-user .card-body {
    padding: 0;
}

.edit-stdt-admin-user {
    margin-bottom: 40px;
}

.editstudent-btnwrap {
    padding: 0 15px;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

/*********edit students css ends************/

/*********view students css start************/
.viewstdnttophead {
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    padding: 0 15px;
}

.viewstdnttophead a.btn {
    margin-right: 15px;
    font-family: "Poppins" !important;
    font-size: 12px !important;
    background: #17a2b8;
    border-color: #17a2b8;
}

.viewstdnttophead a.btn {
    margin-right: 15px;
    font-family: "Poppins" !important;
    font-size: 12px !important;
    background: #17a2b8;
    border-color: #17a2b8;
}

form.viewstdnt-form .card .input-group-prepend button.btn {
    background: #0b89b3;
    border-color: #0b89b3;
    font-family: "Poppins";
    padding: 10px 10px;
}

form.viewstdnt-form .card .input-group input,
form.viewstdnt-form .card .input-group select,
form.viewstdnt-form .card .input-group span.select2,
form.viewstdnt-form .card .input-group span.form-control {
    padding: 0 12px;
    font-family: "Poppins";
    min-height: 46px;
    overflow: hidden;
}

form.viewstdnt-form .card .input-group span.select2,
form.viewstdnt-form .card .input-group span.form-control {
    padding-top: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}

.viewstudentmain {
    display: inline-block;
    width: 100%;
}

form.viewstdnt-form .card .input-group input:focus,
form.viewstdnt-form .card .input-group select:focus {
    box-shadow: none;
}

span.input-group-col {
    flex: 1 1;
    display: flex;
}

span.input-group-col input.form-control,
span.input-group-col select {
    border-radius: 0 0.25rem 0.25rem 0;
}

span.input-group-col button.btn {
    border-radius: 0.25rem 0 0 0.25rem;
}

/*********view students css ends************/

/*********admin students css start************/
body .dataTable.display tbody tr.retake {
    background: #ebbb2b !important;
}

.student-view-table th,
.student-view-table td {
    padding: 10px 15px;
    border-right: 1px solid #ddd !important;
}

.student-view-table {
    margin-top: 35px;
}

.student-view-table {
    margin-top: 35px;
    margin-bottom: 15px;
}

.topheadstdntadmn {
    background: #f3f8fb;
    padding: 15px 0 15px 5px;
    align-items: center;
    margin: 0;
}

.topheadstdntadmn .csdwnld a.btn {
    background: #fff;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
}

.topheadstdntadmn .form-inline select.form-control {
    min-height: 38px;
    border: 1px solid #eee;
    margin-right: 5px;
}

.topheadstdntadmn .form-inline a.btn {
    min-height: 36px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px !important;
}

.stdntvwtblwrap {
    margin-top: 30px;
}

.stdntvwtblwrap th,
#dtTable th {
    background: #f1f1f1;
    border-color: #fff !important;
    border-right: 1px solid #fff;
}

.stdntvwtblwrap td,
#dtTable td {
    border-color: #fff !important;
    padding-top: 12px;
    padding-bottom: 12px;
    border-right: 1px solid #fff;
}

.stdntvwtblwrap th.sorting_asc,
.stdntvwtblwrap th.sorting,
.stdntvwtblwrap table.dataTable thead .sorting_desc {
    background-image: none !important;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #0b89b3 !important;
    border-color: #0b89b3 !important;
    color: #fff !important;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #fff !important;
}

.stdntvwtblwrap .dataTables_wrapper {
    overflow-x: auto;
}

.toggle_ans {
    display: none;
}

.sdg {
    min-height: 41px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.stdntvwtblwrap table {
    border-bottom-color: #ddd !important;
    padding-top: 12px !important;
}

.stdntvwtblwrap #dtTable_length select {
    background: #f2f7fa;
    border: 1px solid #ddd;
    padding: 6px 6px;
    margin: 0 5px;
}

.stdntvwtblwrap .student-view-table th::before,
.stdntvwtblwrap .student-view-table th::after {
    opacity: 0 !important;
}

.stdntvwtblwrap #dtTable_filter input[type="search"] {
    border: 1px solid #ddd;
    padding: 6px 20px;
    background: #f2f7fa;
    min-width: 300px;
}

/*********admin students css ends************/

/*********admin enroll students css start************/
#course-list .row.active,
#course-list .row:hover {
    color: #fff;
}

#course-list .row.active p,
#course-list .row:hover p {
    color: #fff;
}

#course-list .row.active a.btn,
#course-list .row:hover a.btn {
    background: #fff;
    color: #0b89b3;
    border-color: #fff;
}

#course-list .row p {
    margin-top: 12px;
    font-family: "Poppins", sans-serif;
}

#course-list .row h4 {
    font-size: 22px;
}

span.required {
    color: #f00;
}

.enrlstdntrefrlcrd .icon {
    max-width: 40px;
}

.enrlstdntmncrd .card .enrlstdntrefrlcrd {
    background: transparent;
}

.enrlstdntmncrd .card .card-header {
    background: #0b89b3;
}

.enrlstdntmncrd .card .card-header {
    background: #0b89b3;
    color: #fff;
    font-size: 18px !important;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.enrlstdntmncrd .card .card-header i {
    font-size: 20px;
}

.enrlstdntrefrlcrd .card .card-header {
    background: #034075;
    color: #fff;
}

.referral-card .referral-item .card-header .icon img.origin {
    display: block;
}

.referral-card .referral-item .card-header .icon img.white {
    display: none;
}

.enrlstdntrefrlcrd .card .card-header h6 {
    font-weight: 600;
}

.enrlstdntrefrlcrd .card .card-content {
    background: #f9f9f9;
}

.referral-card .referral-item .card-header button.btn {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.referral-card .referral-item .card-content .text {
    flex: 1 1;
}

.enrlstdntrefrlcrd .card .card-content .right-icon i {
    font-size: 20px;
}

.admnenrlstdntsbmtbtnsrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.admnenrlstdntsbmtbtnsrap button.btn {
    padding: 10px 35px;
    font-size: 15px;
}

.enrlstdntrefrlcrd .card .card-content p {
    background-color: transparent !important;
    color: #333 !important;
    margin: 0;
}

.enrlstdntmncrd .card .card-header button.btn {
    background: #fff;
    color: #0b89b3;
    border-color: #fff;
    padding: 4px 15px !important;
}

.enrlstdntformcard input,
.enrlstdntformcard select {
    border-radius: 0;
    margin-top: 5px;
    background: #f9f9f9;
    min-height: 46px;
}

.enrlstdntformcard .label {
    font-size: 15px;
}

.telPhoneOuter {
    display: flex;
    align-items: center;
}

.telPhoneOuter input {
    border: 1px solid #ced4da;
    margin-right: 2%;
    flex: 0 0 32%;
    max-width: 32%;
    padding: 0 15px;
}

.telPhoneOuter input::-webkit-outer-spin-button,
.telPhoneOuter input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.telPhoneOuter input[type="number"] {
    -moz-appearance: textfield;
}

.telPhoneOuter input:last-child {
    margin-right: 0;
}

/*********admin enroll students css ends************/

/*********student details css start************/
.actvstdnttblmain .stdntvwtblwrap {
    margin-top: 0;
}

.actvstdnttblmain .stdntvwtblwrap .actvstdnttblres {
    padding-left: 0;
    padding-right: 0;
}

.key-row {
    margin: 0;
}

.key-row .key-txt {
    flex: 1 1;
    margin-left: 20px;
    text-align: left;
}

.key-row .key-icon {
    flex: 0 0 30px;
    max-width: 30px;
}

.prog-elearn-listwrap label {
    margin-bottom: 0 !important;
}

.prog-elearn-wrap .prog-elearn-wrap_data {
    min-height: 100%;
    margin-bottom: 0 !important;
}

/*.prog-elearn-list {
    margin-bottom: 8px;
}*/
.prog-elearn-list {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 6px;
    margin-bottom: 6px;
    text-align: left;
}

.prog-elearn-list #datebookreceiveddiv {
    width: 100%;
    text-align: left;
}

.prog-elearn-list span.blue-text {
    text-align: right;
}

#datebookreceiveddiv.prog-elearn-list>span {
    float: right;
}

#datebookreceiveddiv.prog-elearn-list>span button {
    position: relative;
    top: -2px;
}

.prog-elearn-wrap {
    margin-bottom: 60px;
}

.prog-elearn-wrap>div {
    flex: 0 0 48%;
    max-width: 48%;
}

.stdntdtltopbox select#course {
    background: #f3f8fb;
    min-height: 46px;
    border: 1px solid #ddd;
    border-radius: 0;
    font-family: "Poppins";
}

.stdntdtltopbox select#course:focus {
    box-shadow: none;
}

.stdtdtlstatwrap span#status_span {
    margin-left: 5px !important;
    display: inline-block;
}

.stdtdtlstatwrap label {
    margin-bottom: 0;
}

.stdntdtltopbtns {
    text-align: center;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.stdntdtltopbtns a {
    margin-bottom: 0px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: auto !important;
    padding: 5px 20px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

.stdntdtltopbox {
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    margin-top: 15px;
}

.stdntdtltopbox .col-md-6 {
    padding: 25px;
}

h3.stdntdtltophead {
    font-size: 26px;
    margin: 0;
}

h3.stdntdtltophead span.blue-text {
    color: #17a2b8;
}

.stdntdtlcrdbdy .boredr-s {
    width: 100%;
    float: none;
    margin: 15px 0;
    background: #f3f8fb;
}

#fifty_percent {
    width: 50%;
}
.admin-content-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stdntdtlcrdbdy .tab-content li.nav-item a.nav-link {
    background: #0b89b3;
    color: #fff;
}

.stdntdtlcrdbdy .tab-content li.nav-item a.nav-link.active {
    color: #000;
}

.stdntdtlcrdbdy .tab-content li.nav-item a.nav-link:hover {
    background: #17a2b8;
}

.stdntdtlcrdbdy .tab-content li.nav-item a.nav-link.active:hover {
    background: #fff;
}

#tab-eg9-6 .container-fluid {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 35px;
}

.stdtdtldatacolsec .boredr-s {
    min-height: 64px;
    background: #f3f8fb;
    border: 1px solid #ddd;
}

.stdntdtlcrdbdy .tab-content .card {
    box-shadow: 1px 2px 12px rgb(0 0 0 / 10%);
}

.stdt-dtl-msgtop-lft .checkbox label {
    margin-bottom: 0;
}

.stdt-dtl-msgtop-lft .checkbox {
    margin-left: 25px;
}

.stdt-dtl-msgtop-lft .checkbox label {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}

.stdt-dtl-msgtop-lft .checkbox label input {
    margin-right: 8px;
}

.stdt-dtl-msgtop-rgt {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.stdt-dtl-msgtop {
    margin-bottom: 15px;
    margin-top: 20px;
}

.stdtdtlmsglstg {
    margin: 0;
    background: #f3f8fb;
    padding: 20px;
}

.stdtdtlmsglstg .row {
    background: #fff;
    align-items: center;
    margin: 0;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 15px 10px;
}

.stdtdtlmsglstgtxt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stdtdtlmsglstgtxt .gray-bubble {
    flex: 1 1;
    margin-right: 20px;
}

.stdtdtlmsglstgimg {
    display: flex;
    justify-content: center;
}

.stdtdtlmsglstg .row:last-child {
    margin-bottom: 0;
}

.stdtdtlmsglstgtxt span.bubble-author {
    color: #000;
}

#tab-eg9-2 .stdtdtlmsglstgtxt span.bubble-author {
    display: none;
}

#tab-eg9-2 .stdtdtlmsglstgtxt .gray-bubble {
    margin-right: 0;
}

.chsdocprnt {
    min-height: 38px;
    background: #f3f8fb;
    border-radius: 0;
    border: 1px solid #ddd;
}

#tab-eg9-2 h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.date-book-reciev .modal-body input.sd {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 40px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 10px 20px;
}

.date-book-reciev .modal-body .row.form-group {
    margin: 0;
    margin-bottom: 10px;
}

.appskiltabwrap {
    flex: 0 0 100%;
    background: #fff;
    max-width: 100%;
    box-shadow: 1px 2px 12px rgb(0 0 0 / 10%);
}

.appskiltabwrap .nav {
    display: flex;
    flex-wrap: wrap;
}

.appskiltabwrap .nav a.nav-link {
    flex: 1 1;
    border-radius: 0;
    background: #fff;
    padding: 10px 23px;
    text-transform: uppercase;
    font-weight: 500;
    border-right: 3px solid #ddd;
    text-align: center;
    border-bottom: 3px solid #ddd;
    color: #0b89b3;
}

.appskiltabwrap .nav a.nav-link.active {
    background: #17a2b8;
    border-bottom: 3px solid #17a2b8;
    color: #fff;
}

.appskiltabwrap .nav a.nav-link:last-child {
    border-right: 0;
}

.appskiltabwrap .tab-content {
    padding: 20px;
}

.appskiltabwrap .tab-content h5 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.appskiltabwrap .nav tr {
    flex: 0 0 100%;
    border: 0 !important;
    text-align: center !important;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

/*********student details css ends************/

/*********assigned courses css start************/
.asgndcrsbtntd a.btn {
    margin: 5px 0;
}

.asignd-crs-head a.btn-success {
    display: inline-block;
    margin: 0 !important;
}

.asignd-crs-head a.btn-success i {
    margin-right: 8px;
}

.asignedcoursestable td,
.asignedcoursestable th {
    padding: 15px;
}

.asignedcoursestable th {
    border-bottom: 0 !important;
}

/*********assigned courses css ends************/

/*-------------------- 2.1 Sidebar Menu -------------------*/

.sidebar-menu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    height: 100vh;
    width: 280px;
    overflow: hidden;
    background: #f8f6f2;
    box-shadow: 2px 0 32px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-menu {
    height: calc(100% - 130px);
    overflow: hidden;
    padding: 20px 0px 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.record-student-wrp .stdntvwtblwrap #get_students_wrapper .col-xs-12 {
    width: 100% !important;
}

.menu-inner {
    overflow-y: scroll;
    height: 100%;
}

.slimScrollBar {
    background: #000 !important;
    opacity: 0.1 !important;
}

.sidebar-header {
    /*Changes made by me*/
    padding: 20px 32px;
    background: #f8f6f2;
    border-bottom: 1px dashed #e0e0de;
}

.sidebar-menu .logo {
    text-align: center;
}

.logo a {
    display: inline-block;
    max-width: 120px;
}

.metismenu>li>a {
    padding-left: 32px !important;
}

.metismenu li a {
    position: relative;
    display: block;
    color: #716d66;
    font-size: 15px;
    text-transform: capitalize;
    padding: 15px 15px;
    letter-spacing: 0;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.metismenu li a i {
    color: #0b89b3;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 18px;
    min-width: 20px;
}

.metismenu li a:after {
    position: absolute;
    content: "\f107";
    font-family: fontawesome;
    right: 15px;
    top: 12px;
    color: #8d97ad;
    font-size: 20px;
}

.metismenu li.active>a:after {
    content: "\f106";
}

.metismenu li a:only-child:after {
    content: "";
}

.metismenu li a span {
    margin-left: 10px;
    position: relative;
}

.metismenu li a span .feedbackcount {
    position: absolute;
    right: 0px;
    top: -5px;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background: #0b89b3;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.metismenu li.active a span .feedbackcount,
.metismenu li.active:hover a span .feedbackcount {
    background: #fff;
    color: #0b89b3;
}

.metismenu li a:hover span .feedbackcount {
    background: #0b89b3;
    color: #fff;
}

.metismenu li.active>a,
.metismenu li:hover>a {
    color: #fff;
}

.metismenu li li a {
    padding: 8px 20px;
}

.metismenu li ul {
    padding-left: 37px;
}

.metismenu>li:hover>a,
.metismenu>li.active>a {
    color: #fff;
    background: #0b89b3;
}

.metismenu>li.active:hover>a {
    color: #fff;
    background: #0b89b3;
}

.metismenu li.active:hover>a i {
    color: #fff;
}

.metismenu li:hover>a i,
.metismenu li.active>a i {
    color: #fff;
}

.metismenu li li a:after {
    top: 6px;
}

.metismenu li:hover>a {
    background: #ddd;
    color: #000;
}

.metismenu li:hover>a i {
    color: #0b89b3;
}

/*-------------------- END Sidebar Menu -------------------*/

/* 13May css start here */
.section-px {
    padding: 45px 20px;
}

#dwnldss,
#strtdd,
#qrcde,
#loggd {
    background: #ffffff8f;
    margin: 0 0 26px 0;
    border-radius: 14px;
    border: 1px solid #eeeeee;
}

.downsl {
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-style: dashed;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    align-items: center;
}

.downsl h5 {
    display: flex;
    background: #e6e6e6;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.downsl h5 svg {
    width: 20px;
    height: 20px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.sldw21 h6 {
    color: #0b89b3;
    font-size: 14px;
}

.sldw21 h4 {
    margin: 7px 0 10px;
    font-weight: 700;
}

.all-rws {
    column-gap: 16px;
}

.btn-drk {
    background: #0b89b3;
    color: #fff;
    padding: 7px 45px;
    border-radius: 7px;
}
.btn-drk:hover {
    color: #fff;
}
.login-btn {
    margin: 24px 0 0 42px;
}

/* mobile menu */

.slicknav_menu {
    background: #8255f7;
    padding: 0;
    margin-top: 20px;
}

.slicknav_menu>a {
    display: block;
    width: 100%;
    padding: 15px;
    margin: 0;
    background: transparent;
}

.slicknav_menu .slicknav_icon {
    float: right;
}

.slicknav_menu .slicknav_icon-bar {
    box-shadow: none;
}

.slicknav_menu .slicknav_menutxt {
    font-weight: 500;
    text-shadow: none;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    text-transform: capitalize;
}

.slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: #8e66f7;
}

.slicknav_nav li i {
    width: 26px;
    display: inline-block;
}

.slicknav_nav .slicknav_item .slicknav_arrow {
    float: right;
}

.super-admin .page-container {
    padding-left: 0px !important;
}

/*-------------------- END Menu -------------------*/

/*-------------------- 2.2 Header Area -------------------*/

.header-area {
    padding: 15px 30px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 28px 0px rgb(82 63 105 / 13%);
    box-shadow: 0px 0px 28px 0px rgb(82 63 105 / 13%);
    -webkit-transition: all 0.3s ease;
}

.header-title {
    float: left;
}

.header-title h1 {
    font-size: 22px;
}

/* .hdr_title_name .fa {
    font-size: 23px;
    font-weight: 700;
} */
.header-tpr-right .header-title>.profile_data_name {
    margin: 0;
    cursor: pointer;
}

.header-tpr-right .header-title>.profile_data_name .btn-info span:hover,
.header-tpr-right .header-title>.profile_data_name .btn-info span:focus {
    background: none;
    border: unset;
    box-shadow: none;
}

/* .header-area.adminheaderarea .entr__btn .btn-info {
	background: #07477e;
	border: 1px solid #07477e;
} */
.header-area.adminheaderarea .stud__btn .btn-info {
    background: transparent;
    border: 1px solid #117a8b;
}

.header-area.adminheaderarea .stud__btn i,
.header-area.adminheaderarea .stud__btn span {
    color: #117a8b;
}

.header-area.adminheaderarea .profile_data_name {
    /* background: #07477e; */
    width: 35px;
    height: 35px;
}

.header-area.adminheaderarea .profile_data_name .btn-info {
    padding: 0;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
}

.header-title h2 {
    font-size: 17px;
}

.hamburger {
    position: relative;
    top: 10px;
}

.header-tpr-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* width: 100%; */
}

.hamburger,
.hamburger:after,
.hamburger:before {
    background: #495057;
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 3px;
    transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
    width: 24px;
}

.hamburger:before {
    position: absolute;
    top: -7.5px;
    width: 24px;
}

.hamburger:after {
    bottom: -7.5px;
    position: absolute;
    width: 16px;
}

.nav-btn {
    margin-right: 20px;
    cursor: pointer;
    position: relative;
    top: 6px;
}

.nav-btn .moblie-close-btn span {
    display: block;
    width: 25px;
    height: 2px;
    background: #0b89b3;
    margin: 4px 0;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.nav-btn {
    height: 28px;
}

.page-container.sbar_collapsed .nav-btn .moblie-close-btn span {
    background: #0b89b3;
}

/*.nav-btn .moblie-close-btn span:nth-child(2) {
    opacity: 0;
}

.nav-btn .moblie-close-btn span:first-child {
    -webkit-transform: rotate(45deg)translate(5px, 5px);
            transform: rotate(45deg)translate(5px, 5px);
}

.nav-btn .moblie-close-btn span:last-child {
    -webkit-transform: rotate(-45deg)translate(3px, -3px);
            transform: rotate(-45deg)translate(3px, -3px);
}*/

.sbar_collapsed .nav-btn .moblie-close-btn span {
    transform: none;
    opacity: 1;
}

.search-box form {
    position: relative;
}

.search-box input {
    width: 350px;
    border-radius: 33px;
    border: none;
    height: 40px;
    padding-left: 20px;
    padding-right: 40px;
    letter-spacing: 0;
    background: #f8f6f2;
}

.search-box input::-webkit-input-placeholder {
    color: #b1a7a7;
}

.search-box input::-moz-placeholder {
    color: #b1a7a7;
}

.search-box input:-ms-input-placeholder {
    color: #b1a7a7;
}

.search-box form i {
    position: absolute;
    right: 21px;
    top: 14px;
    font-size: 14px;
    color: #b1a7a7;
}

/* notification-area */

.notification-area {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1;
}

.notification-area li {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.notification-area li.settings-btn.active i {
    color: #007bff;
}

.notification-area li>i {
    font-size: 26px;
    color: #bdbcbc;
    vertical-align: middle;
    -webkit-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

.notification-area li i>span {
    position: absolute;
    right: -5px;
    top: -7px;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background: #0b89b3;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    padding-left: 2px;
}

.noti_list_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.noti_list_inner span {
    font-size: 13px;
    color: #777;
}

/* css for notification slider */
.noti_list p {
    font-size: 14px;
    color: #666;
    font-family: "Poppins", sans-serif;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.moti_list_wrp {
    height: 300px;
    overflow: auto;
    scrollbar-color: #ddd #eee;
    scrollbar-width: thin;
}

/* width */
.moti_list_wrp::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.moti_list_wrp::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #000;
    border-radius: 3px;
}

/* Handle */
.moti_list_wrp::-webkit-scrollbar-thumb {
    background: #777;
    border-radius: 10px;
}

/* css for notification slider end here */
/* notification-area end*/


/******************notification popup css start********************/
.notify-block {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.notify-time span {
    color: #848484;
    font-size: 12px;
    white-space: pre;
}

.notify-time {
    flex: 0 0 20%;
    text-align: right;
}

.notify-cross {
    position: absolute;
    top: -7px;
    right: 0px;
}

.notify-cross .btn {
    display: flex;
    padding: 1px 6px;
    font-size: 11px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.noti_list {
    background: #f9f9f9;
    padding: 15px;
    margin-top: 10px;
    border-radius: 10px;
    position: relative;
}

.noti_list h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.noti_list p {
    font-size: 14px;
    color: #666;
    font-family: "Poppins", sans-serif;
    line-height: 1.3;
    flex: 0 0 70%;
}

.noti_list .noti-time {
    text-align: left;
    color: #888;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    margin-top: 3px;
    font-weight: 500;
}

.view_noti_btn {
    text-align: center;
    padding: 20px 0;
}

.view_noti_btn a {
    background: #17a2b8;
    color: #fff;
    padding: 10px 35px;
    display: inline-block;
    font-size: 15px;
    border-radius: 30px;
}

.noti_data_cntnt {
    margin-top: 22px;
}

.notification-wrp i {
    /*Changes made by me*/
    font-size: 18px;
}

.hdr_icons {
    margin-right: 25px;
}

.notification-wrp #dropdownMenuButton {
    background: transparent;
    color: #000;
    border: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.notification-wrp #dropdownMenuButton::after {
    display: none;
}

.notification-wrp #dropdownMenuButton:focus {
    background: #f9f9f9;
    box-shadow: none;
}

.notification-wrp .dropdown-menu {
    padding: 20px !important;
    right: 0 !important;
    min-width: 500px !important;
    border-radius: 10px !important;
    transform: none !important;
    left: initial !important;
    top: 45px !important;
}

.noti_data_hdr select,
.announcemnt_data_cntnt>.select_outer select {
    font-family: 'Poppins', sans-serif;
    border: 0;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 6px;
    background: #eee;
    appearance: none;
    -webkit-appearance: none;
    padding-right: 30px;
}

.announcemnt_icon {
    position: relative;
}

.announcemt_count {
    position: absolute;
    right: -1px;
    top: -1px;
    background: #e0524c;
    color: #fff;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.notification-wrp #dropdownMenuButton .ntfction_count {
    position: absolute;
    right: -1px;
    top: -1px;
    background: #e0524c;
    color: #fff;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/******************notification popup css ends********************/

/******************announcement popup css start********************/
.announcemnt_data_cntnt>.select_outer {
    display: inline-block;
    margin-bottom: 20px;
}

.announcemnt_data_cntnt>.select_outer select {
    padding-right: 60px;
    padding-left: 22px;
    border-radius: 4px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
    font-weight: normal;
}

.noti_data_hdr h2 {
    font-size: 22px;
    font-weight: normal;
    margin-right: 30px;
}

.noti_data_hdr .select_outer,
.announcemnt_data_cntnt>.select_outer {
    position: relative;
}

.noti_data_hdr .select_outer::after,
.announcemnt_data_cntnt>.select_outer::after {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #212529 transparent transparent transparent;
    transform: rotate(0deg);
    position: absolute;
    right: 10px;
    top: 14px;
    pointer-events: none;
}

.announcemnt_data_cntnt>.select_outer::after {
    top: 19px;
    right: 18px;
}

.noti_data_hdr select option {
    font-size: 13px;
}

.no_noti_data {
    text-align: center;
    padding: 130px 20px 120px 20px;
}

.no_noti_data p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin-top: 30px;
}

.announcemnt_icon,
.search_icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-right: 10px;
    cursor: pointer;
}

.search_icon i.ti-search {
    /*Changes made by me*/
    font-size: 18px;
}

.announcemnt_data {
    position: fixed;
    right: 0;
    width: 450px;
    background: #fff;
    height: 100%;
    z-index: 9999;
    top: 0;
    transition: all 0.4s;
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
}

.announcemnt_data.open-announcement {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.announcemnt_overlay,
.search_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 99;
    opacity: 0;
    transition: all 0.5s;
    visibility: hidden;
}

.announcemnt_overlay.open-overlay,
.search_overlay.opensearch_overlay {
    opacity: 1;
    visibility: visible;
}

.announcemnt_data_hdr h3 {
    font-size: 15px;
}

.announcemnt_data_hdr {
    padding: 12px 20px;
    background: #f9f9f9;
}

.closs_announcemnt {
    cursor: pointer;
}

.announcemnt_data_cntnt {
    padding: 15px 20px;
}

.announcemnt_list_item {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 6px;
}

.ancmnt_item_exerpt p {
    line-height: 22px;
    font-size: 14px;
}

.ancmnt_item_hdr h3 {
    font-size: 14px;
    font-weight: 600;
    padding-right: 15px;
    color: #383838;
}

.announcemnt_list_item .d-flex .date {
    color: #5a5a5a;
}

.ancmnt_item_hdr .date {
    color: #9999;
    font-size: 13px;
    font-family: inherit;
    font-family: 'Poppins', sans-serif;
}

.ancmnt_item_exerpt {
    margin-top: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
}

.ancmnt_item_teg span {
    background: #f5f5f5;
    padding: 4px 9px;
    display: inline-block;
    color: #0ea90e;
    font-size: 12px;
    border-radius: 6px;
    white-space: pre;
}

.announcemnt_list {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}


.search_popdata {
    position: fixed;
    z-index: 999;
    background: #fff;
    top: 0;
    width: 100%;
    right: 0;
    padding: 24px 25px;
    opacity: 0;
    transition: all 0.5s;
    visibility: hidden;
    transform: translate(0px, -100%);
}

.search_popdata.opensearchdata {
    visibility: visible;
    opacity: 1;
    transform: translate(0px, 0);
}

.srch_form_wrp>form {
    flex: 1 1;
    font-family: 'Poppins', sans-serif;
}

.close_search_pop {
    height: 33px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.srch_form_wrp>form button:after {
    display: none;
}

.srch_form_wrp>form button {
    display: flex;
    align-items: center;
    background: #f9f9f9 !important;
    color: #000 !important;
    border: 1px solid #ddd !important;
    outline: 0 !important;
    box-shadow: none !important;
    min-height: 42px;
    border-radius: 0;
    padding: 10px 20px;
}

.search_dropdown button>span {
    margin: 0 8px;
    font-weight: 500;
}

.srch_form_wrp>form .input-group>input {
    background: transparent !important;
    border: 1px solid #eee;
    border-radius: 0;
    border-left: 0;
    min-height: 42px;
    box-shadow: none !important;
}

.srch_form_wrp>form .input-group>input:focus {
    background: #fefefe !important;
}

.srch_form_wrp>form .dropdown-menu .searchby {
    padding: .25rem 1.5rem;
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.srch_form_wrp>form .dropdown-menu .divider {
    margin: 5px 0;
}

.srch_form_wrp>form .dropdown-menu {
    left: 0 !important;
}

.srch_form_wrp>form .dropdown-menu .dropdown-item {
    background: transparent !important;
}

/******************announcement popup css ends********************/

/****profile pop start****/
.hdr_title_name {
    cursor: pointer;
}

.profile_pop,
.profile_pop_circle {
    position: fixed;
    right: 0;
    width: 550px;
    background: #f6f6f6;
    height: 100%;
    z-index: 9999;
    top: 0;
    transition: all 0.4s;
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.profile_data_img {
    max-width: 120px;
    margin-right: 20px;
}

.profile_data_name {
    width: 60px;
    height: 60px;
    background: #17a2b8;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 32px;
    margin-right: 20px;
    font-weight: 500;
}

.prfl_menus_list.id_info {
    padding-bottom: 20px;
}

.profile_info>h3 {
    font-size: 17px;
    font-weight: bold;
}

.profile_info .profile-scores>h3 {
    font-size: 17px;
    font-weight: bold;
}

.profile_pop_hdr {
    padding: 20px 25px;
}

.profile_data_img img {
    border-radius: 5px;
}

.profile_info>h3 span {
    font-weight: normal;
    font-size: 13px;
    padding: 7px 12px;
    background: #ededed;
    display: inline-block;
    margin-left: 8px;
    border-radius: 4px;
}

.profile_info .profile-scores>h3 span {
    font-weight: normal;
    font-size: 13px;
    padding: 7px 12px;
    background: #ededed;
    display: inline-block;
    margin-left: 8px;
    border-radius: 4px;
}

.profile-scores {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 24px;
    margin-bottom: 7px;
}

.profile-scores .i-inf {
    display: flex;
    align-items: baseline;
}

.profile-scores .admin_score {
    /* border: 3px solid #17a2b8; */
    border-radius: 999px;
    width: 42px;
    height: 42px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}

.profile_info p.dtl {
    font-size: 14px;
    line-height: 1.5;
}

.id_info .admin-logout {
    background: #e55853;
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 14px;
}

.enrol__btn i {
    margin-right: 5px;
}

.hdr_icons-sec .enrol__btn {
    margin-right: 15px;
}

.id_info {
    font-family: "Poppins", sans-serif;
    color: #777;
    font-size: 15px;
}

.id_info>span b {
    font-weight: 500;
    color: #434343;
}

.circle_dot {
    margin: 0 14px;
    width: 6px;
    height: 6px;
    background: #777;
    border-radius: 50%;
}

.id_info a {
    color: #d14f52;
}

.profile_pop.open-profile,
.profile_pop_circle.open-profile {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    overflow-y: auto;
}

.profile_pop_circle .prfl_menus_list.id_info {
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-top: 10px;
}

.profile_pop_circle {
    max-width: 500px;
    background: #fff;
    height: auto;
    padding-bottom: 15px;
    width: 100%;
}

.close_profile_pop {
    cursor: pointer;
    font-size: 12px;
}

.prfl_menus_wrp {
    padding: 20px 25px;
    /* max-height: calc(100vh - 85px);
    overflow-y: auto; */
}

.profile_pop .prfl_menus_wrp {
    padding-top: 0;
}

.profile_data.uppr.prfl_menus_wrp {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin: 0 25px 20px 25px;
}

.profile_data.uppr.prfl_menus_wrp .profile_info {
    width: 100%;
    flex: 0 0 70%;
    max-width: 70%;
}

.profile_data.uppr.prfl_menus_wrp .inf-rght {
    flex: 0 0 30%;
    max-width: 30%;
}

.profile_data.uppr.prfl_menus_wrp .inf-rght .lbl {
    text-align: center;
    margin-bottom: 6px;
}

.profile_data.uppr.prfl_menus_wrp .prfl_menus_list.id_info {
    padding: 0;
    border: none;
    margin: 16px 0;
}

.prfl_menus_list {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.prfl_menus_list h3 {
    font-size: 17px;
    color: #6b6b6b;
    font-weight: 600;
}

.prfl_menus_list ul {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
}

.prfl_menus_list ul li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
}

.prfl_menus_list ul li a {
    color: #3e3e3e;
    font-size: 15px;
    display: flex;
    align-content: center;
}

.prfl_menus_list ul li a span {
    margin-left: 15px;
}

.prfl_menus_list ul li a i {
    font-size: 20px;
}

/****profile pop ends****/



/*-------------------- END Header Area -------------------*/

.page-title-area {
    padding: 0 30px;
    background: #fff;
    position: relative;
}

.user-profile {
    margin-right: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: -webkit-linear-gradient(left, #8914fe 0%, #8063f5 100%);
    background: linear-gradient(to right, #8914fe 0%, #8063f5 100%);
    padding: 17px 38px;
    position: relative;
}

.user-profile img.avatar {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-right: 12px;
}

.user-name {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-name i {
    margin-left: 10px;
    font-size: 21px;
    vertical-align: middle;
    position: relative;
}

.notification-area .dropdown-toggle,
.user-name.dropdown-toggle {
    position: relative;
}

.notification-area .dropdown-toggle:after,
.user-name.dropdown-toggle:after {
    display: none;
}

.notification-area .dropdown-menu,
.user-profile .dropdown-menu {
    background: #fff;
    border: none;
    -webkit-transform: none !important;
    transform: none !important;
    top: 130% !important;
    right: 30px !important;
    left: auto !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: block !important;
    visibility: hidden;
    opacity: 0;
}

.footer-area {
    text-align: center;
    padding: 10px 0 10px;
    background: #fff;
}

.footer-area .mainlogo {
    max-width: 200px;
}

.footer-area p {
    color: #676666;
    margin-bottom: 0;
}

.sidebar-footer .logo a {
    max-width: 100%;
}

.sidebar-footer .logo img {
    max-width: 170px;
}

.namepandc {
    display: none;
    padding: 0 15px 20px 32px;
}

.namepandc .widget-heading {
    font-family: "Poppins", sans-serif;
}

.namepandc .widget-heading {
    font-family: "Poppins", sans-serif;
    font-size: 20px !important;
    color: #000;
    font-weight: 500;
}

.namepandc .widget-heading.widget-subheading {
    font-size: 14px !important;
    color: #000;
    font-weight: normal;
}

.topmenulogo {
    max-width: 120px;
    margin: 0 auto;
}

.changepassmodal button#btnsubmit {
    background: #0b89b3;
    border-color: #0b89b3;
}

.changepassmodal .form-group input {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 0;
    min-height: 42px;
}

.slctsoursehead {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.slctsoursehead select {
    margin-left: 15px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 0;
    min-height: 42px;
}

.crscmttable {
    display: table;
}

.crscmttable th {
    width: auto !important;
    padding: 15px 20px;
    border: 0;
    font-size: 15px;
    font-weight: 600;
}

table.dataTable {
    clear: both;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
    text-align: center;
}

table.dataTable.nowrap td,
table.dataTable.nowrap th {
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1rem 0;
}

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
    padding-right: 30px;
}

table.dataTable thead>tr>td:active,
table.dataTable thead>tr>th:active {
    outline: 0;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1.3rem;
    content: "\2191";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5rem;
    content: "\2193";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:after,
div.dataTables_scrollBody table thead .sorting_desc:before {
    display: none;
}

div.dataTables_scrollBody table tbody tr:first-child td,
div.dataTables_scrollBody table tbody tr:first-child th {
    border-top: none;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner {
    box-sizing: content-box;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
    margin-top: 0 !important;
    border-top: none;
}

/* 14May CSS Start Here */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.p-lg {
    font-size: 20px;
}

.p-md {
    font-size: 18px;
}

.p-sm {
    font-size: 16px;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

#crds .col-block {
    display: flex;
    background: #fff;
    border: 1px solid #dee2e9;
    padding: 40px 30px;
    box-shadow: 1px 1px 7px #d3d2d2;
    border-radius: 7px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    row-gap: 14px;
}

#crds .col-block img.card-img-top {
    width: 42px;
}

#crds .col-block p {
    font-size: 17px;
    text-align: left;
}

#crds .col-block h5 {
    text-align: left;
    font-weight: 700;
}

#crds .col-block a.learn-more {
    font-size: 15px;
    text-decoration: underline;
}

/* #srch .wrapper .searchBar {
    display: flex;
    width: 100%;
    max-width: 720px;
    margin: 40px auto;
} */
#srch .wrapper .searchBar #searchQueryInput {
    outline: none;
    outline: 0;
    background: #fff;
    font-size: 15px;
    height: 56px;
    line-height: 30px;
    color: #666;
    width: 100%;
    padding: 10px 50px 10px 20px;
    transition: .5s ease;
    border: 1px solid #dedede;
    border-radius: 7px;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1);
}

#srch .wrapper .searchBar #searchQuerySubmit {
    width: 40px;
    height: 56px;
    margin-left: -50px;
    background: none;
    border: none;
    outline: none;
}

#searchQuerySubmit:hover {
    cursor: pointer;
}

#srch .wrapper .searchBar #searchQuerySubmit i {
    font-size: 20px;
}

#cntnts {
    background: #fff;
}

#cntnts .ctntt-txt {
    margin: 28px 10px 28px 10px;
    border: 1px solid #cfcfcf;
    padding: 40px 20px;
    border-style: dashed;
    background: #f2f8fb2e;
    border-radius: 7px;
}

#cntnts .ctntt-txt:hover {
    background: #f2f8fb;
}

#cntnts .ctntt-txt h5 {
    color: #17a2b8;
}

#cntnts .ctntt-txt a {
    color: #5e5e5e;
    font-size: 16px;
    text-decoration: underline;
    word-break: break-all;
}

.contan-dtl {
    background: #fff;
    padding: 24px;
    border-radius: 7px;
}

.contan-dtl .contan-ind {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 12px 0 32px;
}

.contan-dtl .contan-ind i {
    font-size: 22px;
    margin-right: 15px;
}

.contan-dtl .icn-txt {
    display: flex;
    align-items: baseline;
    column-gap: 16px;
}

.contan-dtl .box .icn-txt i {
    font-size: 18px;
}

.contan-dtl .box-dark .icn-txt i {
    color: #007281;
}

.notte.box {
    display: inline-block;
    padding: 16px 24px;
    border-radius: 7px;
    width: 100%;
}

.box-dark {
    background: #b6e3f6;
}

.box-light {
    background: #ffec9f;
}

ul.brdcrb li {
    display: inline;
    font-size: 18px;
}

ul.brdcrb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

ul.brdcrb li a {
    color: #282828;
}

ul.brdcrb li a:hover {
    text-decoration: underline;
    color: #17a2b8;
}

#cntnts ul.brdcrb {
    background: #f3f8fb;
    padding: 10px 24px;
}

.ss-img-txt ul {
    padding-left: 20px;
}

.ss-img-txt ul li {
    list-style: auto;
    margin-bottom: 7px;
    font-family: 'Lato';
}

.vdeo-scn .video-wrpr video {
    max-width: 100%;
    width: 90%;
}

span.ancs-tag {
    background: #17a2b8;
    padding: 6px 12px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    text-decoration: none !important;
}

.doc_btn {
    background: #17a2b8;
    padding: 6px 12px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    text-decoration: none !important;
}

.contan-ind .ics-spn {
    display: flex;
    align-items: center;
}

/* couurse status color start here */

.mycousrtablebtncol .btn.start-btn {
    background-color: #27A745;
    color: #fff;
}

.mycousrtablebtncol .btn.continue-color {
    background-color: #0B89B3;
    color: #fff;
}

.mycousrtablebtncol .btn.certificate-color {
    background-color: #05b6ca;
    color: #fff;
}

.mycousrtablebtncol .btn.compeletion-color {
    background-color: #92278f;
    color: #fff;
}

.mycousrtablebtncol .btn.pendingreview-color {
    background-color: #e97b10;
    color: #fff;
}

.mycousrtablebtncol .btn.start-btn:hover {
    background-color: #20cf49;
    color: #fff;
}

.mycousrtablebtncol .btn.continue-color:hover {
    background-color: #28a5cf;
    color: #fff;
}

.mycousrtablebtncol .btn.certificate-color:hover {
    background-color: #25818b;
    color: #fff;
}

.mycousrtablebtncol .btn.compeletion-color:hover {
    background-color: #d627d0;
    color: #fff;
}

.mycousrtablebtncol .btn.pendingreview-color:hover {
    background-color: #b36b24;
    color: #fff;
}

/* course statsus color end here */

/* help ceneter css start here */
.helpcenter-card {
    background: #17a2b8;
}

/* help ceneter css end here */

/*retake-color css start*/
.retake-sec {
    display: flex;
    gap: 0 15px;
}

li.nav-item.thumbvid.app--btn img {
    height: auto;
    border: 0;
    padding: 0;
}

.retake-col {
    justify-content: end;
    display: flex;
}

.retake-sec .retake-color {
    width: 40px;
    height: 12px;
    display: block;
    border-radius: 4px;
    margin-right: 5px;
}
.retake-sec li {
    display: flex;
    align-items: center;
}
.retake-sec .color_o {
    background: #ffffbf;
}

.retake-sec .color_t {
    background: #c8ecc8;
}
.agecnTable .col-xs-6 {
    width: 50%;
}

/*newsearchdropdown*/
.delAdmin {
    color: #fff !important;
}

.active_inactive_wrapp #course-available,
.main-content-inner #student-status-list {
    width: 100%;
    background: #fff;
}

#student-status-list img.lod,
#course-available img.lod {
    display: flex;
    margin: 0 auto;
}

.stdtdtlstatwrap #status_span {
    color: #fff;
    background: #29cc3d;
    padding: 3px 15px;
    font-weight: 600;
    margin-left: 20px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px;
}

.cke_notification {
    display: none;
}

.announcemnt_list_item:hover {
    background: #e4f5ff;
    cursor: pointer;
}

.search_dropdown select {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    color: #000;
    border: 1px solid #ddd;
    outline: 0;
    box-shadow: none;
    min-height: 42px;
    border-radius: 0;
    padding: 10px 17px 7px 35px;
}

.select-inner {
    position: relative;
}

#success .modal-dialog.modal-dialog-centered {
    box-shadow: none;
}

.select-inner .fa-search {
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    left: 17px;
    font-weight: 400;
}

.select-inner .fa-search:before {
    color: #868686;
}

/*newsearchdropdown*/




/* data response css end */
.coach-stdntdtl-tophead .coach-main-content .widget-number {
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 28px;
    position: relative;
}

body .coach-stdntdtl-tophead .coach-main-content .widget-number:before {
    position: absolute;
    content: "";
    background: #0b89b3;
    width: 30px;
    height: 4px;
    bottom: 0;
}

.bugboard_class {
    width: 100% !important;
}

/* data response css end */
/*------------------------- 1. Core Css -------------------*/
body {
    font-family: "Poppins", sans-serif;
}

a {
    color: #0b89b3;
}

a:hover {
    color: #0b89b3;
}

/*29-12-2023*/
.course-utilization-chart .chart {
    background: #0b89b30f;
    padding: 15px;
}

/*29-12-2023*/
.income-inner-title {
    display: flex;
    justify-content: space-between;
}

.cmon_form .close {
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    color: #fff !important;
    padding: 0;
    margin: -2rem -2rem -1rem -1rem;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000 !important;
    border: 1px solid #000000e0;
    outline: 0;
    opacity: 1;
}

/*10-11-2023**/
.tabs_below_inner {
    background: #f1f5f9;
    border: 1px dashed #ddd;
}

.main-content .sopadmintbl .table-responsive {
    margin-top: 0;
    background: #f1f5f9;
    border: 1px dashed #ddd;
    border-radius: 4px;
}

.announcemnt_icon svg {
    width: 20px;
    height: 20px;
}

.view-all-btn {
    text-align: right;
    width: 100%;
    display: inline-block;
}

h2.admindashh2 {
    position: relative;
    padding-bottom: 8px;
}

h2.admindashh2:before {
    background: #0b89b3;
    position: absolute;
    content: "";
    left: 0;
    height: 3px;
    width: 32px;
    bottom: 2px;
}

.adminheaderarea .announcemnt_icon,
.adminheaderarea .search_icon {
    width: 30px;
    height: 30px;
}

div#student-status-list {
    padding: 15px;
}

.sec-rgb {
    background: #fff;
    padding: 20px !important;
    border-bottom: 4px;
}

.std-status h2.admindashh2 {
    padding: 0 16px 12px;
    font-weight: 700;
}

.col-rgb .card-body {
    background: #f1f5f9;
    border: 1px dashed #ddd;
    border-radius: 4px;
}

.col-rgb {
    padding: 0 5px 0px;
}

.sec-rgb .tblrow,
.sec-rgb .tblrow:nth-child(odd) {
    background-color: #ffff;
}

.afltdashnumber-box {
    background: #0b89b3;
}

.all-courses-box {
    display: flex;
    justify-content: flex-end;
}

.all-courses-box input {
    margin: 0 5px 0;
}

/*10-11-2023**/

.paymentError {
    display: none;
}

.main-content-inner .student_status_panel .row.student-row {
    display: flex;
}

.main-content-inner .student_status_panel .row.student-row .card-outer {
    flex: auto;
}

.row.student-row {
    margin: 0;
}

.student_status_panel {
    margin-bottom: 20px;
}

#loader {
    position: fixed;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(234, 234, 234, 0.7);
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: none;
}

#loader img {
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
}

.mt20 {
    margin-top: 20px;
}

#payments .mt20 .btn {
    padding: 8px 30px;
    font-size: 14px;
}

#payments .mt20 {
    text-align: right;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
}

.coach-dash-wrap .stdntvwtblwrap table.dataTable thead th {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

input[type="search"] {
    box-sizing: border-box !important;
}

.custom_zoho_booking a {
    background: #50a3b9;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 35px;
    display: inline-block;
    border-radius: 30px !important;
    letter-spacing: 1px;
}


/********************announcement page css start********************/

.anouncmnt-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 0 15px;
    flex-wrap: wrap;
}

.announcement_content .subheader {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    flex-wrap: wrap;
}

.ancmnt_item_teg span.blue-tag {
    background: #17a2b8;
    color: #fff;
}

.ancmnt_item_teg span.grey-tag {
    background: #17e5e6;
    color: #fff;
}

.ancmnt_item_teg span.green-tag {
    background: #0ea90e;
    color: #fff;
}

/*.announcement_content .subheader {
    margin-top: 20px;
    display: table;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    width: 100%;
}
.announcement_content .subheader .sub-tags {
    display: table-cell;
}
.announcement_content .subheader .date {
    display: table-cell;
    text-align: right;
}*/


.sub-tags a {
    background: #17a2b8;
    padding: 6px 12px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    border-radius: 6px;
    text-decoration: none !important;
}

.announcement_content .subheader h3 {
    font-size: 20px;
    font-weight: normal;
}

.anouncmnt-page-header h1 {
    font-size: 28px;
    flex: 0 0 80%;
    max-width: 80%;
}

.anc-pghdrrgt {
    flex: 0 0 auto;
}

.hdr_icon_announcement a {
    margin-left: 10px;
}

.announcement_content {
    padding: 0 15px;
}

.ancmnt-edtr-data {
    margin-top: 20px;
}

.ancmnt-edtr-data h1 {
    font-size: 30px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h2 {
    font-size: 27px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h3 {
    font-size: 24px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h4 {
    font-size: 21px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h5 {
    font-size: 18px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data h6 {
    font-size: 15px;
    margin-bottom: 8px;
}

.ancmnt-edtr-data p,
.ancmnt-edtr-data ul {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}

.ancmnt-edtr-data p {
    display: inline-block;
}

.ancmnt-edtr-data ul {
    padding-left: 18px;
}

.ancmnt-edtr-data li {
    list-style: disc;
    line-height: 1.7;
    margin-bottom: 5px;
}

.anouncmnt-page-wrap {
    background: #fff;
    padding: 25px 12px;
}

.ancmnt-edtr-link,
.ancmnt-edtr-image {
    margin-bottom: 15px;
}




/******wuthout login start*******/

a.annoc_title {
    background: transparent;
    color: #000;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.date_annouc {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.anouncmnt-page-wrap-wtot-hdr {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 180px;
    padding-bottom: 120px;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

.anouncmnt-page-wrap-wtot-hdr h1 {
    position: initial;
    transform: none;
    width: auto;
    height: auto;
    margin: 0;
}

.anouncmnt-page-wrap-wtot-hdr .ancmnt-edtr-data {
    display: flex;
    flex-wrap: wrap;
}

.ancmnt-edtr-img img {
    max-width: 100%;
}

.anouncmnt-page-wrap-wtot-hdr .ancmnt-edtr-data .ancmnt-edtr-img {
    flex: 0 0 30%;
    max-width: 30%;
    padding-left: 30px;
}

.anouncmnt-page-wrap-wtot-hdr .ancmnt-edtr-data .ancmnt-edtr-cntnet {
    flex: 1 1;
    line-height: 1.7;
}

/******wuthout login ends*******/

/********************announcement page css ends********************/

/*******other menu css start********/
.vertical-nav-menu.metismenu li a {
    height: auto;
    line-height: inherit;
    border-radius: 0;
    white-space: inherit;
    margin: 0 !important;
}

.metismenu li.mm-active.affiliateOtherLinks>ul ul {
    top: 0;
    right: 0;
}

.metismenu li.affiliateOtherLinks>ul {
    padding-top: 270px;
    height: 160px !important;
    width: 100%;
    background: transparent;
    box-shadow: none;
}

.metismenu li.affiliateOtherLinks>ul span {
    display: block !important;
    margin-left: 0;
}

/*******other menu css end********/

/******success msg********/
#success .modal-header {
    border: 0;
    padding: 5px 15px 0 15px;
    background: #ecf7ef;
    border-radius: 0;
}

#success .modal-body {
    padding: 25px 20px 55px 20px;
    font-size: 18px;
    background: #ecf7ef;
    color: #155724;
    font-weight: 600;
}

#success .modal-content {
    border-radius: 10px;
    overflow: hidden;
}

/******success msg********/
/******success msg********/
#errorPop .modal-header {
    border: 0;
    padding: 5px 15px 0 15px;
    background: #f8d7da;
    border-radius: 0;
}

#errorPop .modal-body {
    padding: 25px 20px 55px 20px;
    font-size: 18px;
    background: #f8d7da;
    color: #721c24;
    font-weight: 600;
}

#errorPop .modal-content {
    border-radius: 10px;
    overflow: hidden;
}

#errorPop .modal-dialog {
    box-shadow: none;
}

/******success msg********/

#resourcemedia iframe {
    max-width: 100%;
}

.blue-text {
    color: #0b89b3 !important;
}

#dtTable {
    width: 100% !important;
    display: table;
}

.agencieslisttblwrap .col-xs-12 {
    width: 100%;
}

table th {
    background-image: none !important;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    content: "+" !important;
    background-color: #0b89b3 !important;
    top: 50% !important;
    transform: translate(5px, -50%) !important;
    line-height: 16px !important;
    border: 0 !important;
    box-shadow: none !important;
}

table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    content: "-" !important;
}

table.dataTable tr.child ul {
    width: 100%;
}

body .dataTables_wrapper .dataTables_paginate li.paginate_button {
    padding: 0;
    margin: 0;
}

body .dataTables_wrapper .dataTables_paginate li.paginate_button:hover {
    background: transparent !important;
    border-color: transparent !important;
}

body .dataTables_wrapper .dataTables_paginate li.paginate_button a:hover {
    background: #0b89b3 !important;
    border-color: #0b89b3 !important;
    color: #fff !important;
}

td.dataTables_empty {
    padding: 30px 20px;
}

.dataTables_wrapper.form-inline {
    display: block;
}

body .pagination li.active a {
    z-index: 1;
    color: #fff;
    background-color: #0b89b3;
    border-color: #0b89b3;
}

.metismenu>li.active>a:after {
    color: #fff;
}

.metismenu li.mm-active>a {
    background: #ddd;
    color: #000;
    font-weight: normal;
}

.metismenu li.mm-active>a i,
.metismenu li.mm-active>a:after,
.metismenu li a:hover:after {
    color: #0b89b3 !important;
}

body .metismenu .enroll-student a:hover {
    background: #0b89b3;
}

body .metismenu .enroll-student a:focus {
    box-shadow: none;
}

.sbar_collapsed .metismenu li ul {
    right: -5px;
    max-width: 100px;
}

.sbar_collapsed .metismenu li ul li a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    padding-bottom: 2px;
    word-break: break-all;
}

.stdntvwtblwrap.sctiveStd table thead tr th.sorting {
    padding-right: 15px;
}

.page-container {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding-left: 280px;
    -webkit-transition: padding-left 0.3s ease 0s;
    transition: padding-left 0.3s ease 0s;
}

.sbar_collapsed.page-container {
    padding-left: 0;
}

.card {
    border: none;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.card:hover {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.02);
}

.card-body {
    padding: 25.6px;
    padding: 1.6rem;
}

.h-full {
    height: 100%;
}

.main-content {
    width: 100%;
    background: #f3f8fb;
}

.main-content-inner {
    padding: 40px 10px 50px;
}

.course-table h4 {
    font-size: 16px;
}

.course-table {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
    overflow-x: inherit;
    padding-bottom: 15px;
}

.crstblheader .pull-left,
.crstblbody .pull-left {
    padding: 15px 20px;
}

.crstblheader {
    background: #ddd;
}

.course-table .collapse.show,
.course-table .collapse.in {
    display: flex;
}

.crstblbodycolapsecol h4:first-child {
    border-top: unset;
    padding: 0;
    margin-top: 0;
}

.crstblbodycolapsecol h4 {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 600;
    border-top: 1px dashed #c1c1c1;
    padding-top: 20px;
    margin-top: 20px;
}

.paymentdetailpop .input-group .input-group-prepend button {
    width: 100%;
    background: #0b89b3;
    border-color: #0b89b3;
}

.paymentdetailpop .input-group .input-group-prepend {
    flex: 0 0 150px;
    max-width: 150px;
    min-height: 45px;
}

.paymentdetailpop .input-group {
    margin-bottom: 20px;
}

.paymentdetailpop .input-group input,
.paymentdetailpop .input-group select {
    min-height: 45px;
    background: #f1f6f9;
}

.paymentdetailpop .card-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.paymentdetailpop .modal-body {
    padding-left: 30px;
    padding-right: 30px;
}

.paymentdetailpop .input-group.paybtnwrap {
    text-align: center;
    justify-content: center;
}

.paymentdetailpop .input-group.paybtnwrap #updatecardPayment {
    padding: 10px 40px;
    font-size: 15px;
    margin-top: 15px;
    background: #17a2b8;
}

.crstblbodycolapsecol p {
    margin-bottom: 10px;
}

.crstblbodycolapse {
    background: #f1f6f9;
    width: calc(100% - 30px);
}

.crstblbodycolapsecol {
    padding-top: 15px;
    padding-bottom: 15px;
}

.course-table .crstblheader h4 {
    font-weight: 600;
}

.crstblheader .pull-left,
.crstblbody .pull-left {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 0 !important;
}

.crstblbody .pull-left .widget-content {
    width: 100%;
}

.course-table .crstblbody h4,
.course-table .crstblbody strong {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #555;
}

.crstblbody a.btn.btn-info {
    background: #0b89b3;
    border-color: #0b89b3;
    padding: 7px 18px;
}

/*------------------------- END Core Css -------------------*/
.mycousrtablebtncol {
    flex-wrap: wrap;
}

.mycousrtablebtncol a,
.mycousrtablebtncol h4 {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

.mycousrtablebtncol a {
    padding: 7px 18px;
}

.header-area.adminheaderarea {
    /*Changes made by me*/
    padding: 15px 20px;
}

#vimeovideo .modal-dialog {
    max-width: 900px;
}

#vimeovideo iframe {
    max-width: 100%;
    width: 100%;
}

li.nav-item.thumbvid img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

li.nav-item.thumbvid a:hover {
    background: transparent;
}

li.nav-item.thumbvid img {
    width: 100%;
    height: 95px;
    object-fit: cover;
    padding: 5px;
    background: #fff;
    /*border: 1px solid #0b89b3;*/
    border: 2px solid #25a9df;
    border-radius: 10px;
}

.sbar_collapsed li.nav-item.thumbvid img {
    height: 60px;
}

footer {
    clear: both;
}

.metismenu li.nav-item.thumbvid a {
    padding-right: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.metismenu li ul li.active a {
    color: #0b89b3;
}

.btn.btn-primary {
    background: #0b89b3;
    border-color: #0b89b3;
}

.admins-list-tbl-wrap .stdntvwtblwrap {
    margin-top: 0;
}

.admins-list-tbl-wrap .stdntvwtblwrap table {
    padding-top: 20px;
}

.btn.btn-secondary {
    background: #0b89b3;
    border-color: #0b89b3;
}

.crsenrlment .card-body {
    background: #0b89b3;
    text-align: center;
    border-radius: 10px;
}

.crsenrlment .card {
    background: transparent;
    border: 0 !important;
    box-shadow: none;
}

.crsenrlment .card-body h2,
.crsenrlment .card-body h6 a {
    color: #fff !important;
}

.crsenrlment .card {
    flex: 0 0 23.5%;
    margin-right: 2%;
}

.crsenrlment .card:last-child {
    margin-right: 0;
}

#dtTable_filter input[type="search"] {
    border: 1px solid #ddd;
    padding: 6px 20px;
    background: #f2f7fa;
    min-width: 300px;
}

body .main-content {
    padding-bottom: 0;
}

/**********coach cousrse page css start**********/

.cochcrs-tdrow h4 {
    color: #555;
    font-size: 15px;
}

/**********coach cousrse page css ends**********/

/**********coach player page css start**********/
.coach_player_page .content_sec .input-wrapper {
    margin-top: -20px;
}

.close_player_btn {
    position: absolute;
    right: 20px;
    top: 15px;
}

.playerstep_img {
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px double #ddd;
}

.coach_player_page textarea#user_input_textarea {
    border: 1px solid #ddd;
    padding: 15px;
    font-size: 15px;
    min-height: 110px;
    width: 100%;
    outline: 0 !important;
}

.coach_player_page .content_sec .sub-title {
    font-family: poppins;
    padding: 0;
    margin-bottom: 10px;
    color: #0b89b3;
}

body.coach_player_page {
    font-family: "Poppins", sans-serif;
}

body.coach_player_page span {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px;
}

.nxt-prev-btnwrp button {
    text-transform: uppercase;
    margin-top: 20px;
    padding: 8px 35px;
    letter-spacing: 1px;
}

.coach_player_page form {
    padding: 0;
}

.coach_player_page .video-container {
    margin-top: -20px;
}

.coach_player_page .video-container .videoWrapper {
    padding-bottom: 56%;
}

.coch_pl_html,
.coach_player_page {
    padding: 0;
    margin: 0;
}

.coach_player_page .content_sec {
    background: #f9f9f9;
    padding: 20px;
    margin-bottom: 30px;
}

.coach_player_page .page-details {
    font-family: poppins;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}

/**********coach player page css ends**********/

/**********coach dashboard css start**********/
.coach-dash-wrap .dataTables_info,
.coach_resource_tbl .dataTables_info {
    padding-top: 5px !important;
    float: right;
}

.coach-dash-wrap .dataTables_paginate,
.coach_resource_tbl .dataTables_paginate {
    width: 100%;
    margin-top: 20px !important;
}

.coach_resource_tbl .dataTables_paginate {
    margin-top: 0px !important;
}

.coach-dash-wrap {
    padding: 1.6rem;
    background: #fff;
}

.coach-dash-wrap .open-evaluator-form {
    padding: 0 !important;
    width: auto !important;
    min-width: initial;
    /*   color: #0b89b3; */
    color: #bbb;
    border-radius: 0 !important;
    background: transparent;
    border: 0;
    margin: 0 !important;
    text-transform: capitalize;
    font-weight: 600;
    font-style: inherit;
    font-size: 15px !important;
    line-height: 1.3;
}

/* .coach-dash-wrap .open-evaluator-form.coachEvalSuccess {
    background: transparent;
    color: #48b648;
} */
#payments .modal-body .form-group table.student-view-table th,
#payments .modal-footer {
    border-radius: 0 !important;
}

.coach-dash-wrap .open-evaluator-form:focus,
.coach-dash-wrap .open-evaluator-form:active {
    box-shadow: none !important;
    background: transparent !important;
    color: #48b648 !important;
}

/**********coach dashboard css ends**********/

/**********coach resources css start**********/

.coach_resource_tbl .dataTables_wrapper label {
    margin-bottom: 1rem;
}

.coach_resource_tbl #example_length label select.form-control {
    margin: 0 8px;
}

.coach_resource_tbl .dataTables_filter input[type="search"] {
    min-width: 250px;
}

/**********coach resources css ends**********/

/**********coach student detail css start**********/
.coach_evaluator .steps li a {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.2px;
    font-size: 16px;
    text-align: center;
    border-radius: 0;
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 600;
}

.coach_evaluator .steps li.disabled a,
.coach_evaluator .steps li.first a,
.coach_evaluator .steps li.disabled a:hover {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.2px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    background: #e7e4e4;
    border-radius: 0;
    text-align: center;
}

.coach_evaluator .steps li.current a {
    background: #0b89b3;
    color: #fff;
}

.coach_evaluator #wizard .content {
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    margin-top: 20px;
    min-height: 380px;
}

h1.coach_evlt_hed {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    width: calc(100% - 0.5em);
    margin-left: auto;
    margin-right: auto;
}

.coach_evaluator #wizard .content .body {
    width: 100%;
    height: 100%;
}

.coach_evaluator #wizard .content .body p {
    font-family: "Poppins";
}

.coach_evaluator #wizard .content .body .radio-button {
    margin: 0;
    margin-top: 30px;
}

.coach_evaluator #wizard .content .body .radio-button label {
    background: transparent;
    font-family: "Poppins";
    border-radius: 30px;
    margin-right: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 15px;
    color: #000;
    border: 1px solid #000;
    font-weight: 600;
    background: #f5f5f5;
    cursor: pointer;
}

.coach_evaluator #wizard .content .body .radio-button label:hover {
    background-color: #17a2b8;
    color: #fff;
    border-color: #17a2b8;
}

.coach_evaluator #wizard .content .body .radio-button input[type="radio"]:checked+label {
    background: #0b89b3;
    color: #fff;
    border-color: #0b89b3;
}

.coach_evaluator #wizard .content .body .que {
    color: #0b89b3;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.coach_evaluator #wizard .content .body p.quiz_subhead {
    color: #999;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 0;
}

.coach_evaluator .modal-footer {
    display: none;
}

.coach_evaluator .modal-body {
    background: #f8f9fa;
}

.coach_evaluator .modal-header {
    border: 0;
    padding: 0;
}

.coach_evaluator .modal-header button.btn {
    position: absolute;
    right: 0;
    z-index: 99;
    background: #000;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #f8f9fa;
    box-shadow: none;
    outline: 0 !important;
}

.coach_evaluator .modal-header button.btn:focus {
    box-shadow: none;
}

.coach_evaluator .wizard>.actions a,
.coach_evaluator .wizard>.actions a:hover,
.coach_evaluator .wizard>.actions a:active {
    background: #0b89b3;
    font-family: "Poppins";
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 8px 30px;
    border: 1px solid #0b89b3;
}

.coach_evaluator .wizard>.actions .disabled a,
.coach_evaluator .wizard>.actions .disabled a:hover,
.coach_evaluator .wizard>.actions .disabled a:active {
    background: #fff;
    border: 1px solid #999;
    color: #999;
    cursor: context-menu;
}

.coach_evaluator .wizard>.steps .done a,
.coach_evaluator .wizard>.steps .done a:hover,
.coach_evaluator .wizard>.steps .done a:active {
    background: #9dc8e2;
    color: #fff;
}

#welcome .modal-header {
    font-size: 16px;
}

.prog-elearn-wrap .prog-elearn-wrap_lft.coach_elearnleft {
    flex: 0 0 100%;
    max-width: 100%;
}

.tabs-d .stdtdtldatacolsec h3 {
    font-size: 22px;
    margin: 0;
}

.stdtdtldatacolsec .boredr-s p {
    margin: 0;
}

.coach_crstbl .boredr-s {
    margin: 10px 0;
}

.coach_crstbl {
    padding: 20px;
    background: #fff;
}

.coach_crstbl .boredr-s:first-child {
    background: #f9f9f9;
}

/**********coach student detail css ends**********/

/*********bugboard css start************/

.bubbordwrap {
    background: #f3f8fb;
    padding: 15px 15px 15px 15px;
    align-items: center;
    margin: 15px 0 20px 0;
    display: flex;
    justify-content: space-between;
}

.bubbordwrap form select {
    margin-left: 15px;
    border-radius: 0;
}

.bubbordwrap form a.btn {
    border-radius: 0;
}

/*********bugboard css ends************/

/*********cbt course css start************/

.cbt-course-wrap li.list-group-item:nth-child(even) {
    background: #e6e6e6;
}

.cbt-course-wrap li.list-group-item {
    padding: 1.1rem;
}

.cbt-course-wrap li.list-group-item h4 {
    font-size: 22px;
}

.cbt-course-wrap li.list-group-item p {
    margin-top: 12px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}

.cbtcrsslctr {
    border: 1px solid #ddd;
    padding: 6px 20px;
    background: #f2f7fa;
    min-width: 300px;
    border-radius: 0;
    min-height: 42px;
}

.cbt-course-img {
    width: 15% !important;
}

.cbt-course-txt {
    width: 83% !important;
}

.cbt-course-wrap li.list-group-item:hover {
    background: #0b89b3;
}

.cbt-course-wrap li.list-group-item:hover h4,
.cbt-course-wrap li.list-group-item:hover h4 span,
.cbt-course-wrap li.list-group-item:hover p {
    color: #fff !important;
}

.cbt-course-wrap li.list-group-item:hover a.btn {
    background: #fff;
    color: #0b89b3;
    border-color: #fff;
}

#course-list .row.active,
#course-list .row:hover {
    background-color: #0b89b3 !important;
}

/*********cbt course css ends************/

/*********referraloptions css start************/

.refrloptn-pagewrp th {
    vertical-align: middle !important;
}

/*********referraloptions css ends************/

/*********affiliate dashboard css start************/
.prgres-rprt-card .form-group {
    margin-bottom: 1.5rem;
}

.prgres-rprt-card .prgrsrprtbtn {
    margin-bottom: 1rem;
}

.prgres-rprt-card label {
    margin: 0;
}

.prgres-rprt-card .label {
    margin-bottom: 7px;
    font-size: 16px;
}

.prgres-rprt-card .form-control {
    font-size: 15px;
}

.prgres-rprt-card input[type="date"],
.prgres-rprt-card .ms-options-wrap button {
    border: 1px solid #ddd;
    padding: 6px 20px;
    background: #f2f7fa;
    border-radius: 0;
    min-height: 40px;
}

.prgrsrprtbtn button.btn {
    min-height: 40px;
    background: #0b89b3;
    border-color: #0b89b3;
    font-size: 15px;
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 8px 16px;
}

/* .prgrsrprtbtn button.btn {
    min-height: 40px;
    background: #0b89b3;
    border-color: #0b89b3;
    font-size: 13px;
    width: 100%;
} */
.afltdashnumber {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.afltdashnumber>div {
    flex: 0 0 18.4%;
    max-width: 18.4%;
    margin: 0 !important;
    margin-right: 2% !important;
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 6px !important;
}

.afltdashnumber>div:last-child {
    margin-right: 0 !important;
}

.afltdashnumber>div h3 {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    flex: 0 0 100%;
}

.afltdashnumber>div h2 {
    margin-top: 5px;
}

.sopadmintbl .card-header-title {
    text-align: left;
}

.main-content-inner .main-card.mb-3.card.sopadmintbl>.card-header {
    /*Changes made by me*/
    height: auto;
    padding: 0 0 12px;
    background-color: transparent;
}

/*********affiliate dashboard css ends************/

/*********student report css start************/


.stdntrprt--tbl th,
.stdntrprt--tbl td {
    padding: 10px;
}

.stdntrprt-data .card-body {
    padding: 0;
}

.stdntrprt-data .card-body .bg-primary {
    background: #0b89b3 !important;
}

.stdntrprt-data .card-body h4 {
    font-size: 18px;
}

.stdntrprt-data .card-body h1 {
    font-size: 24px;
}

/*********student report css ends************/

/*********admin dashboard css start************/
.student_status_panel .card-body,
.active_inactive_wrapp .card-body {
    padding: 0;
}

.spradmndashsubhead {
    padding: 0 !important;
}

.sopadmintbl .tblrow:nth-child(odd) {
    background: #f9f9f9;
}

/**==togle btn css start==**/

.toggleSwitch span span {
    display: none;
}

@media only screen {
    .toggleSwitch {
        display: inline-block;
        height: 18px;
        position: relative;
        overflow: visible;
        padding: 0;
        cursor: pointer;
        width: 40px;
    }

    .toggleSwitch * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .toggleSwitch label,
    .toggleSwitch>span {
        line-height: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .toggleSwitch input:focus~a,
    .toggleSwitch input:focus+label {
        outline: none;
    }

    .toggleSwitch label {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
    }

    .toggleSwitch input {
        position: absolute;
        opacity: 0;
        z-index: 5;
    }

    .toggleSwitch>span {
        position: absolute;
        left: -50px;
        width: 100%;
        margin: 0;
        padding-right: 50px;
        text-align: left;
        white-space: nowrap;
    }

    .toggleSwitch>span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 50px;
        text-align: left;
        font-size: 0.9em;
        width: 100%;
        left: 15%;
        top: 0px;
        opacity: 0;
    }

    .toggleSwitch a {
        position: absolute;
        right: 50%;
        z-index: 4;
        display: block;
        height: 100%;
        padding: 0;
        left: 2px;
        width: 18px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .toggleSwitch>span span:first-of-type {
        color: #ccc;
        opacity: 1;
        left: 45%;
    }

    .toggleSwitch>span:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50px;
        top: -2px;
        background-color: #f1f6f9;
        border: 1px solid #ccc;
        border-radius: 30px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .toggleSwitch input:checked~a {
        border-color: #fff;
        left: 100%;
        margin-left: -8px;
    }

    .toggleSwitch input:checked~span:before {
        border-color: #0b89b3;
        box-shadow: inset 0 0 0 30px #0b89b3;
    }

    .toggleSwitch input:checked~span span:first-of-type {
        opacity: 0;
    }

    .toggleSwitch input:checked~span span:last-of-type {
        opacity: 1;
        color: #fff;
    }

    /* Switch Sizes */
    .toggleSwitch.large {
        width: 75px;
        height: 27px;
    }

    .toggleSwitch.large a {
        width: 27px;
    }

    .toggleSwitch.large>span {
        height: 31px;
        line-height: 28px;
    }

    .toggleSwitch.large input:checked~a {
        left: 54px;
    }

    .toggleSwitch.large>span span {
        font-size: 13px;
        color: #0b89b3;
        font-weight: 600;
        text-transform: uppercase;
    }

    .toggleSwitch.large>span span:first-of-type {
        left: 44%;
    }

    .toggleSwitch.xlarge {
        width: 80px;
        height: 36px;
    }

    .toggleSwitch.xlarge a {
        width: 36px;
    }

    .toggleSwitch.xlarge>span {
        height: 38px;
        line-height: 37px;
    }

    .toggleSwitch.xlarge input:checked~a {
        left: 52px;
    }

    .toggleSwitch.xlarge>span span {
        font-size: 1.4em;
    }

    .toggleSwitch.xlarge>span span:first-of-type {
        left: 50%;
    }
}

/**==togle btn css ends==**/

.admindashsubheadtop .card-header {
    padding: 0 !important;
}

.student_status_panel .bg-primary {
    background: #0b89b3 !important;
}

.active_inactive_wrapp .bg-primary {
    background: #17a2b8 !important;
}

h2.admindashh2 {
    font-size: 26px;
}

.dashmobthhide {
    margin-bottom: 0 !important;
}

.admindashsubheadtop .even {
    background: #f9f9f9;
}

/*********admin dashboard css ends************/

/*********add student course css start************/
.addcorsfielswrap {
    width: 100%;
    display: inline-block;
    background: #fff;
    margin-top: 20px;
    box-shadow: 1px 2px 12px rgb(0 0 0 / 10%);
    padding: 30px 10px 20px 10px;
}

.addcorsfielswrap select {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-top: 10px;
    min-height: 50px;
}

.addcorsfielswrap select:focus {
    box-shadow: none;
}

.addcorsfielswrap .card-body {
    padding: 0;
}

.addcoursebtnwrap {
    display: flex;
    justify-content: center;
}

.addcoursebtnwrap .btn {
    margin: 0 10px;
    margin-top: 15px;
}

/*********add student course css ends************/

/*********agencies list css start************/
.agencieslisttblwrap th,
.agencieslisttblwrap td {
    padding: 10px 20px;
}

.agencieslisttblwrap td:last-child {
    width: 24%;
}

.agencieslisttblwrap button.copy__url {
    background: #17a2b8;
    color: #fff;
    border: 0;
    padding: 8px 18px;
    margin-left: 15px;
    font-size: 13px;
    border-radius: 30px;
}

.agencieslisttblwrap th {
    background: #f9f9f9;
}

.card-body.agencieslisttblwrap.stdntvwtblwrap {
    margin-top: 0;
}

/*********agencies list css ends************/

/*********edit agency list css start************/
.spradmneditagncyformwrap .ms-options ul li label input {
    min-height: 17px;
}

.spradmneditagncyformwrap input,
.spradmneditagncyformwrap select,
.spradmneditagncyformwrap .ms-options-wrap button {
    background: #f3f8fb !important;
    min-height: 46px;
    border: 1px solid #ddd !important;
    border-radius: 0;
    padding: 12px 20px !important;
}

.spradmneditagncyadrshead h4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
}

.editagencyspradmnbtns {
    display: flex;
    justify-content: center;
}

.editagencyspradmnbtns .btn {
    margin: 0 10px;
}

.spradmneditagncyformwrap label {
    font-size: 15px;
}

/*********edit agency list css ends************/

/*********admin user list css start************/

.adminuserlisthead {
    font-size: 15px;
    display: flex;
    align-items: center;
}

.adminuserlisthead i {
    margin-right: 8px;
}

/*********admin user list css ends************/

/*********edit admin user css start************/

.editadminuserpage .page-title-heading>div {
    font-size: 26px;
    font-weight: 600;
    padding: 0 10px;
    color: #333;
}

.editadminuserpage .store-content {
    margin-bottom: 30px;
}

.editadminuserpage .store-content .title-section {
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    padding-left: 20px;
}

.editadminuserpage .store-cntntbodyiner {
    display: flex;
    flex-wrap: wrap;
}

.editadminuserpage .store-cntntbody {
    padding: 10px 10px;
}

.editadminuserpage .store-cntntbody .select2 .select2-selection,
.editadminuserpage .store-cntntbody input,
.editadminuserpage .store-cntntbody select,
.editadminuserpage .store-cntntbody textarea {
    border-radius: 0;
    margin-top: 5px;
    background: #f3f8fb;
    min-height: 46px;
    padding: 8px 15px;
    border: 1px solid #ddd;
}

.editadminuserpage .store-cntntbody .select2 .select2-selection__arrow {
    top: 15px !important;
}

.editadminuserpage .editadminuserbtns {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.editadminuserpage .editadminuserbtns .btn {
    margin: 0 10px;
}

.editadminuserpage .store-cntntbody label {
    font-size: 15px;
    margin-bottom: 5px;
    width: 100%;
}

.editadminuserpage .store-cntntbody .select2 {
    max-width: 100%;
}

/*********edit admin user css ends************/

/*********edit students css start************/

.editstudent-btnwrap {
    clear: both;
}

.edit-student-info-wrap .card-body {
    padding: 0;
}

.edit-student-info-wrap {
    padding: 26px;
}

.edit-student-info-wrap input,
.edit-student-info-wrap select,
.edit-stdt-admin-user select#adminusers {
    border-radius: 0;
    margin-top: 5px;
    background: #f2f7fa;
    min-height: 46px;
}

.edit-student-info-wrap .label {
    font-size: 15px;
}

.edit-stdt-admin-user select#adminusers {
    max-width: 100%;
    margin-top: 0;
}

.edit-stdt-admin-user label {
    font-size: 15px;
}

.edit-stdt-admin-user {
    padding: 41px;
}

.edit-stdt-admin-user .card-body {
    padding: 0;
}

.edit-stdt-admin-user {
    margin-bottom: 40px;
}

.editstudent-btnwrap {
    padding: 0 15px;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

/*********edit students css ends************/

/*********view students css start************/
.viewstdnttophead {
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    padding: 0 15px;
}

.viewstdnttophead a.btn {
    margin-right: 15px;
    font-family: "Poppins" !important;
    font-size: 12px !important;
    background: #17a2b8;
    border-color: #17a2b8;
}

.viewstdnttophead a.btn {
    margin-right: 15px;
    font-family: "Poppins" !important;
    font-size: 12px !important;
    background: #17a2b8;
    border-color: #17a2b8;
}

form.viewstdnt-form .card .input-group-prepend button.btn {
    background: #0b89b3;
    border-color: #0b89b3;
    font-family: "Poppins";
    padding: 10px 10px;
}

form.viewstdnt-form .card .input-group input,
form.viewstdnt-form .card .input-group select,
form.viewstdnt-form .card .input-group span.select2,
form.viewstdnt-form .card .input-group span.form-control {
    padding: 0 12px;
    font-family: "Poppins";
    min-height: 46px;
    overflow: hidden;
}

form.viewstdnt-form .card .input-group span.select2,
form.viewstdnt-form .card .input-group span.form-control {
    padding-top: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}

.viewstudentmain {
    display: inline-block;
    width: 100%;
}

form.viewstdnt-form .card .input-group input:focus,
form.viewstdnt-form .card .input-group select:focus {
    box-shadow: none;
}

span.input-group-col {
    flex: 1 1;
    display: flex;
}

span.input-group-col input.form-control,
span.input-group-col select {
    border-radius: 0 0.25rem 0.25rem 0;
}

span.input-group-col button.btn {
    border-radius: 0.25rem 0 0 0.25rem;
}

/*********view students css ends************/

/*********admin students css start************/
body .dataTable.display tbody tr.retake {
    background: #ebbb2b !important;
}

.student-view-table th,
.student-view-table td {
    padding: 10px 15px;
    border-right: 1px solid #ddd !important;
}

.student-view-table {
    margin-top: 35px;
}

.student-view-table {
    margin-top: 35px;
    margin-bottom: 15px;
}

.topheadstdntadmn {
    background: #f3f8fb;
    padding: 15px 0 15px 5px;
    align-items: center;
    margin: 0;
}

.topheadstdntadmn .csdwnld a.btn {
    background: #fff;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
}

.topheadstdntadmn .form-inline select.form-control {
    min-height: 38px;
    border: 1px solid #eee;
    margin-right: 5px;
}

.topheadstdntadmn .form-inline a.btn {
    min-height: 36px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px !important;
}

.stdntvwtblwrap {
    margin-top: 30px;
}

.stdntvwtblwrap th,
#dtTable th {
    background: #f1f1f1;
    border-color: #fff !important;
    border-right: 1px solid #fff;
}

.stdntvwtblwrap td,
#dtTable td {
    border-color: #fff !important;
    padding-top: 12px;
    padding-bottom: 12px;
    border-right: 1px solid #fff;
}

.stdntvwtblwrap th.sorting_asc,
.stdntvwtblwrap th.sorting,
.stdntvwtblwrap table.dataTable thead .sorting_desc {
    background-image: none !important;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #0b89b3 !important;
    border-color: #0b89b3 !important;
    color: #fff !important;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #fff !important;
}

.stdntvwtblwrap .dataTables_wrapper {
    overflow-x: auto;
}

.toggle_ans {
    display: none;
}

.sdg {
    min-height: 41px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.stdntvwtblwrap table {
    border-bottom-color: #ddd !important;
    padding-top: 12px !important;
}

.stdntvwtblwrap #dtTable_length select {
    background: #f2f7fa;
    border: 1px solid #ddd;
    padding: 6px 6px;
    margin: 0 5px;
}

.stdntvwtblwrap .student-view-table th::before,
.stdntvwtblwrap .student-view-table th::after {
    opacity: 0 !important;
}

.stdntvwtblwrap #dtTable_filter input[type="search"] {
    border: 1px solid #ddd;
    padding: 6px 20px;
    background: #f2f7fa;
    min-width: 300px;
}

/*********admin students css ends************/

/*********admin enroll students css start************/
#course-list .row.active,
#course-list .row:hover {
    color: #fff;
}

#course-list .row.active p,
#course-list .row:hover p {
    color: #fff;
}

#course-list .row.active a.btn,
#course-list .row:hover a.btn {
    background: #fff;
    color: #0b89b3;
    border-color: #fff;
}

#course-list .row p {
    margin-top: 12px;
    font-family: "Poppins", sans-serif;
}

#course-list .row h4 {
    font-size: 22px;
}

span.required {
    color: #f00;
}

.enrlstdntrefrlcrd .icon {
    max-width: 40px;
}

.enrlstdntmncrd .card .enrlstdntrefrlcrd {
    background: transparent;
}

.enrlstdntmncrd .card .card-header {
    background: #0b89b3;
}

.enrlstdntmncrd .card .card-header {
    background: #0b89b3;
    color: #fff;
    font-size: 18px !important;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.enrlstdntmncrd .card .card-header i {
    font-size: 20px;
}

.enrlstdntrefrlcrd .card .card-header {
    background: #034075;
    color: #fff;
}

.referral-card .referral-item .card-header .icon img.origin {
    display: block;
}

.referral-card .referral-item .card-header .icon img.white {
    display: none;
}

.enrlstdntrefrlcrd .card .card-header h6 {
    font-weight: 600;
}

.enrlstdntrefrlcrd .card .card-content {
    background: #f9f9f9;
}

.referral-card .referral-item .card-header button.btn {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.referral-card .referral-item .card-content .text {
    flex: 1 1;
}

.enrlstdntrefrlcrd .card .card-content .right-icon i {
    font-size: 20px;
}

.admnenrlstdntsbmtbtnsrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.admnenrlstdntsbmtbtnsrap button.btn {
    padding: 10px 35px;
    font-size: 15px;
}

.enrlstdntrefrlcrd .card .card-content p {
    background-color: transparent !important;
    color: #333 !important;
    margin: 0;
}

.enrlstdntmncrd .card .card-header button.btn {
    background: #fff;
    color: #0b89b3;
    border-color: #fff;
    padding: 4px 15px !important;
}

.enrlstdntformcard input,
.enrlstdntformcard select {
    border-radius: 0;
    margin-top: 5px;
    background: #f9f9f9;
    min-height: 46px;
}

.enrlstdntformcard .label {
    font-size: 15px;
}

.telPhoneOuter {
    display: flex;
    align-items: center;
}

.telPhoneOuter input {
    border: 1px solid #ced4da;
    margin-right: 2%;
    flex: 0 0 32%;
    max-width: 32%;
    padding: 0 15px;
}

.telPhoneOuter input::-webkit-outer-spin-button,
.telPhoneOuter input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.telPhoneOuter input[type="number"] {
    -moz-appearance: textfield;
}

.telPhoneOuter input:last-child {
    margin-right: 0;
}

/*********admin enroll students css ends************/

/*********student details css start************/
.actvstdnttblmain .stdntvwtblwrap {
    margin-top: 0;
}

.actvstdnttblmain .stdntvwtblwrap .actvstdnttblres {
    padding-left: 0;
    padding-right: 0;
}

.key-row {
    margin: 0;
}

.key-row .key-txt {
    flex: 1 1;
    margin-left: 20px;
    text-align: left;
}

.key-row .key-icon {
    flex: 0 0 30px;
    max-width: 30px;
}

.prog-elearn-listwrap label {
    margin-bottom: 0 !important;
}

.prog-elearn-wrap .prog-elearn-wrap_data {
    min-height: 100%;
    margin-bottom: 0 !important;
}

/*.prog-elearn-list {
    margin-bottom: 8px;
}*/
.prog-elearn-list {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 6px;
    margin-bottom: 6px;
    text-align: left;
}

.prog-elearn-list #datebookreceiveddiv {
    width: 100%;
    text-align: left;
}

.prog-elearn-list span.blue-text {
    text-align: right;
}

#datebookreceiveddiv.prog-elearn-list>span {
    float: right;
}

#datebookreceiveddiv.prog-elearn-list>span button {
    position: relative;
    top: -2px;
}

.prog-elearn-wrap {
    margin-bottom: 60px;
}

.prog-elearn-wrap>div {
    flex: 0 0 48%;
    max-width: 48%;
}

.stdntdtltopbox select#course {
    background: #f3f8fb;
    min-height: 46px;
    border: 1px solid #ddd;
    border-radius: 0;
    font-family: "Poppins";
}

.stdntdtltopbox select#course:focus {
    box-shadow: none;
}

.stdtdtlstatwrap span#status_span {
    margin-left: 5px !important;
    display: inline-block;
}

.stdtdtlstatwrap label {
    margin-bottom: 0;
}

.stdntdtltopbtns {
    text-align: center;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.stdntdtltopbtns a {
    margin-bottom: 0px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: auto !important;
    padding: 5px 20px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

.stdntdtltopbox {
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    margin-top: 15px;
}

.stdntdtltopbox .col-md-6 {
    padding: 25px;
}

h3.stdntdtltophead {
    font-size: 26px;
    margin: 0;
}

h3.stdntdtltophead span.blue-text {
    color: #17a2b8;
}

.stdntdtlcrdbdy .boredr-s {
    width: 100%;
    float: none;
    margin: 15px 0;
    background: #f3f8fb;
}

#fifty_percent {
    width: 50%;
}

.stdntdtlcrdbdy .tab-content {
    flex: 0 0 100%;
    max-width: 100%;
}

.stdntdtlcrdbdy .tab-content li.nav-item a.nav-link {
    background: #0b89b3;
    color: #fff;
}

.stdntdtlcrdbdy .tab-content li.nav-item a.nav-link.active {
    color: #000;
}

.stdntdtlcrdbdy .tab-content li.nav-item a.nav-link:hover {
    background: #17a2b8;
}

.stdntdtlcrdbdy .tab-content li.nav-item a.nav-link.active:hover {
    background: #fff;
}

#tab-eg9-6 .container-fluid {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 35px;
}

.stdtdtldatacolsec .boredr-s {
    min-height: 64px;
    background: #f3f8fb;
    border: 1px solid #ddd;
}

.stdntdtlcrdbdy .tab-content .card {
    box-shadow: 1px 2px 12px rgb(0 0 0 / 10%);
}

.stdt-dtl-msgtop-lft .checkbox label {
    margin-bottom: 0;
}

.stdt-dtl-msgtop-lft .checkbox {
    margin-left: 25px;
}

.stdt-dtl-msgtop-lft .checkbox label {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}

.stdt-dtl-msgtop-lft .checkbox label input {
    margin-right: 8px;
}

.stdt-dtl-msgtop-rgt {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.stdt-dtl-msgtop {
    margin-bottom: 15px;
    margin-top: 20px;
}

.stdtdtlmsglstg {
    margin: 0;
    background: #f3f8fb;
    padding: 20px;
}

.stdtdtlmsglstg .row {
    background: #fff;
    align-items: center;
    margin: 0;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 15px 10px;
}

.stdtdtlmsglstgtxt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stdtdtlmsglstgtxt .gray-bubble {
    flex: 1 1;
    margin-right: 20px;
}

.stdtdtlmsglstgimg {
    display: flex;
    justify-content: center;
}

.stdtdtlmsglstg .row:last-child {
    margin-bottom: 0;
}

.stdtdtlmsglstgtxt span.bubble-author {
    color: #000;
}

#tab-eg9-2 .stdtdtlmsglstgtxt span.bubble-author {
    display: none;
}

#tab-eg9-2 .stdtdtlmsglstgtxt .gray-bubble {
    margin-right: 0;
}

.chsdocprnt {
    min-height: 38px;
    background: #f3f8fb;
    border-radius: 0;
    border: 1px solid #ddd;
}

#tab-eg9-2 h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.date-book-reciev .modal-body input.sd {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 40px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 10px 20px;
}

.date-book-reciev .modal-body .row.form-group {
    margin: 0;
    margin-bottom: 10px;
}

.appskiltabwrap {
    flex: 0 0 100%;
    background: #fff;
    max-width: 100%;
    box-shadow: 1px 2px 12px rgb(0 0 0 / 10%);
}

.appskiltabwrap .nav {
    display: flex;
    flex-wrap: wrap;
}

.appskiltabwrap .nav a.nav-link {
    flex: 1 1;
    border-radius: 0;
    background: #fff;
    padding: 10px 23px;
    text-transform: uppercase;
    font-weight: 500;
    border-right: 3px solid #ddd;
    text-align: center;
    border-bottom: 3px solid #ddd;
    color: #0b89b3;
}

.appskiltabwrap .nav a.nav-link.active {
    background: #17a2b8;
    border-bottom: 3px solid #17a2b8;
    color: #fff;
}

.appskiltabwrap .nav a.nav-link:last-child {
    border-right: 0;
}

.appskiltabwrap .tab-content {
    padding: 20px;
}

.appskiltabwrap .tab-content h5 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.appskiltabwrap .nav tr {
    flex: 0 0 100%;
    border: 0 !important;
    text-align: center !important;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.appskiltabwrap .tabb-outer {
    display: flex;
}

.appskiltabwrap .tabb-lf {
    flex: 1 1;
}

.appskiltabwrap .tabb-rgh {
    flex: 0 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.appskiltabwrap .tabb-rgh i {
    color: #0b89b3;
    font-size: 20px;
    margin-left: 12px;
}

.unit-ques-modal h5#exampleModalLabel {
    margin-bottom: 0;
}

.unit-ques-modal .modal-body h2 {
    margin-bottom: 12px;
}

.unit-ques-modal button.btn-close {
    border: 0;
    background: no-repeat;
    font-size: 24px;
}

.unit-ques-modal button.btn-close i {
    color: #0b89b3;
    font-size: 22px;
}

.unit-ques-modal .modal-header {
    align-items: center;
    justify-content: space-between;
    background: no-repeat;
    padding: 12px 20px 7px 20px;
}

.unit-ques-modal .modal-body {
    margin: 4px 4px 20px;
}

.unit-ques-modal .modal-body h2 {
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    color: #212529;
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e9e9e9;
}

.unit-ques-modal .modal-body .paras p i {
    margin-right: 7px;
    color: #0b89b3;
}

.unit-ques-modal .modal-body .paras .outer-box:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 12px;
}

.unit-ques-modal .qstnn-btns {
    display: flex;
    justify-content: space-between;
    column-gap: 16px;
    padding: 9px 6px;
}

.unit-ques-modal .qstnn-btns .qst-inner {
    column-gap: 12px;
    display: flex;
}

.unit-ques-modal p.insight-modal-text strong {
    color: #0b89b3;
    font-weight: 800;
}

.unit-ques-modal .qstnn-btns .qst-msg p {
    font-style: italic;
    font-weight: 600;
}

.unit-ques-modal .toolstip {
    position: relative;
    z-index: 1;
}


.unit-ques-modal .toolstip i {
    font-size: 17px;
}

.unit-ques-modal .tooltip {
    visibility: hidden;
    color: #000;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: -20px;
    right: -20px;
}

.unit-ques-modal .toolstip:hover .tooltip {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

/*********student details css ends************/

/*********assigned courses css start************/
.asgndcrsbtntd a.btn {
    margin: 5px 0;
}

.asignd-crs-head a.btn-success {
    display: inline-block;
    margin: 0 !important;
}

.asignd-crs-head a.btn-success i {
    margin-right: 8px;
}

.asignedcoursestable td,
.asignedcoursestable th {
    padding: 15px;
}

.asignedcoursestable th {
    border-bottom: 0 !important;
}

/*********assigned courses css ends************/

/*-------------------- 2.1 Sidebar Menu -------------------*/

.sidebar-menu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    height: 100vh;
    width: 280px;
    overflow: hidden;
    background: #f8f6f2;
    box-shadow: 2px 0 32px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-menu {
    height: calc(100% - 130px);
    overflow: hidden;
    padding: 20px 0px 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.record-student-wrp .stdntvwtblwrap #get_students_wrapper .col-xs-12 {
    width: 100% !important;
}

.menu-inner {
    overflow-y: scroll;
    height: 100%;
}

.slimScrollBar {
    background: #000 !important;
    opacity: 0.1 !important;
}

.sidebar-header {
    /*Changes made by me*/
    padding: 20px 32px;
    background: #f8f6f2;
    border-bottom: 1px dashed #e0e0de;
}

.sidebar-menu .logo {
    text-align: center;
}

.logo a {
    display: inline-block;
    max-width: 120px;
}

.metismenu>li>a {
    padding-left: 32px !important;
}

.metismenu li a {
    position: relative;
    display: block;
    color: #716d66;
    font-size: 15px;
    text-transform: capitalize;
    padding: 15px 15px;
    letter-spacing: 0;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.metismenu li a i {
    color: #0b89b3;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 18px;
    min-width: 20px;
}

.metismenu li a:after {
    position: absolute;
    content: "\f107";
    font-family: fontawesome;
    right: 15px;
    top: 12px;
    color: #8d97ad;
    font-size: 20px;
}

.metismenu li.active>a:after {
    content: "\f106";
}

.metismenu li a:only-child:after {
    content: "";
}

.metismenu li a span {
    margin-left: 10px;
    position: relative;
}

.metismenu li a span .feedbackcount {
    position: absolute;
    right: 0px;
    top: -5px;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background: #0b89b3;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.metismenu li.active a span .feedbackcount,
.metismenu li.active:hover a span .feedbackcount {
    background: #fff;
    color: #0b89b3;
}

.metismenu li a:hover span .feedbackcount {
    background: #0b89b3;
    color: #fff;
}

.metismenu li.active>a,
.metismenu li:hover>a {
    color: #fff;
}

.metismenu li li a {
    padding: 8px 20px;
}

.metismenu li ul {
    padding-left: 37px;
}

.metismenu>li:hover>a,
.metismenu>li.active>a {
    color: #fff;
    background: #0b89b3;
}

.metismenu>li.active:hover>a {
    color: #fff;
    background: #0b89b3;
}

.metismenu li.active:hover>a i {
    color: #fff;
}

.metismenu li:hover>a i,
.metismenu li.active>a i {
    color: #fff;
}

.metismenu li li a:after {
    top: 6px;
}

.metismenu li:hover>a {
    background: #ddd;
    color: #000;
}

.metismenu li:hover>a i {
    color: #0b89b3;
}

/*-------------------- END Sidebar Menu -------------------*/

/* mobile menu */

.slicknav_menu {
    background: #8255f7;
    padding: 0;
    margin-top: 20px;
}

.slicknav_menu>a {
    display: block;
    width: 100%;
    padding: 15px;
    margin: 0;
    background: transparent;
}

.slicknav_menu .slicknav_icon {
    float: right;
}

.slicknav_menu .slicknav_icon-bar {
    box-shadow: none;
}

.slicknav_menu .slicknav_menutxt {
    font-weight: 500;
    text-shadow: none;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    text-transform: capitalize;
}

.slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: #8e66f7;
}

.slicknav_nav li i {
    width: 26px;
    display: inline-block;
}

.slicknav_nav .slicknav_item .slicknav_arrow {
    float: right;
}

.super-admin .page-container {
    padding-left: 0px !important;
}

/*-------------------- END Menu -------------------*/

/*-------------------- 2.2 Header Area -------------------*/

.header-area {
    padding: 15px 30px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 28px 0px rgb(82 63 105 / 13%);
    box-shadow: 0px 0px 28px 0px rgb(82 63 105 / 13%);
    -webkit-transition: all 0.3s ease;
}

.header-title {
    float: left;
}

.header-title h1 {
    font-size: 22px;
}

/* .hdr_title_name .fa {
    font-size: 23px;
    font-weight: 700;
} */
.header-tpr-right .header-title>.profile_data_name {
    margin: 0;
    cursor: pointer;
}

.header-tpr-right .header-title>.profile_data_name .btn-info span:hover,
.header-tpr-right .header-title>.profile_data_name .btn-info span:focus {
    background: none;
    border: unset;
    box-shadow: none;
}

/* .header-area.adminheaderarea .entr__btn .btn-info {
	background: #07477e;
	border: 1px solid #07477e;
} */
.header-area.adminheaderarea .stud__btn .btn-info {
    background: transparent;
    border: 1px solid #117a8b;
}

.header-area.adminheaderarea .stud__btn i,
.header-area.adminheaderarea .stud__btn span {
    color: #117a8b;
}

.header-area.adminheaderarea .profile_data_name {
    /* background: #07477e; */
    width: 35px;
    height: 35px;
}

.header-area.adminheaderarea .profile_data_name .btn-info {
    padding: 0;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
}

.header-title h2 {
    font-size: 17px;
}

.hamburger {
    position: relative;
    top: 10px;
}

.header-tpr-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* width: 100%; */
}

.hamburger,
.hamburger:after,
.hamburger:before {
    background: #495057;
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 3px;
    transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
    width: 24px;
}

.hamburger:before {
    position: absolute;
    top: -7.5px;
    width: 24px;
}

.hamburger:after {
    bottom: -7.5px;
    position: absolute;
    width: 16px;
}

.nav-btn {
    margin-right: 20px;
    cursor: pointer;
    position: relative;
    top: 6px;
}

.nav-btn .moblie-close-btn span {
    display: block;
    width: 25px;
    height: 2px;
    background: #0b89b3;
    margin: 4px 0;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.nav-btn {
    height: 28px;
}

.page-container.sbar_collapsed .nav-btn .moblie-close-btn span {
    background: #0b89b3;
}

/*.nav-btn .moblie-close-btn span:nth-child(2) {
    opacity: 0;
}

.nav-btn .moblie-close-btn span:first-child {
    -webkit-transform: rotate(45deg)translate(5px, 5px);
            transform: rotate(45deg)translate(5px, 5px);
}

.nav-btn .moblie-close-btn span:last-child {
    -webkit-transform: rotate(-45deg)translate(3px, -3px);
            transform: rotate(-45deg)translate(3px, -3px);
}*/

.sbar_collapsed .nav-btn .moblie-close-btn span {
    transform: none;
    opacity: 1;
}

.search-box form {
    position: relative;
}

.search-box input {
    width: 350px;
    border-radius: 33px;
    border: none;
    height: 40px;
    padding-left: 20px;
    padding-right: 40px;
    letter-spacing: 0;
    background: #f8f6f2;
}

.search-box input::-webkit-input-placeholder {
    color: #b1a7a7;
}

.search-box input::-moz-placeholder {
    color: #b1a7a7;
}

.search-box input:-ms-input-placeholder {
    color: #b1a7a7;
}

.search-box form i {
    position: absolute;
    right: 21px;
    top: 14px;
    font-size: 14px;
    color: #b1a7a7;
}

/* notification-area */

.notification-area {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1;
}

.notification-area li {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.notification-area li.settings-btn.active i {
    color: #007bff;
}

.notification-area li>i {
    font-size: 26px;
    color: #bdbcbc;
    vertical-align: middle;
    -webkit-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

.notification-area li i>span {
    position: absolute;
    right: -5px;
    top: -7px;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background: #0b89b3;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    padding-left: 2px;
}

.noti_list_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.noti_list_inner span {
    font-size: 13px;
    color: #777;
}

/* css for notification slider */
.noti_list p {
    font-size: 14px;
    color: #666;
    font-family: "Poppins", sans-serif;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.moti_list_wrp {
    height: 300px;
    overflow: auto;
    scrollbar-color: #ddd #eee;
    scrollbar-width: thin;
}

/* width */
.moti_list_wrp::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.moti_list_wrp::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #000;
    border-radius: 3px;
}

/* Handle */
.moti_list_wrp::-webkit-scrollbar-thumb {
    background: #777;
    border-radius: 10px;
}

/* css for notification slider end here */
/* notification-area end*/


/******************notification popup css start********************/
.notify-block {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.notify-time span {
    color: #848484;
    font-size: 12px;
    white-space: pre;
}

.notify-time {
    flex: 0 0 20%;
    text-align: right;
}

.notify-cross {
    position: absolute;
    top: -7px;
    right: 0px;
}

.notify-cross .btn {
    display: flex;
    padding: 1px 6px;
    font-size: 11px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.noti_list {
    background: #f9f9f9;
    padding: 15px;
    margin-top: 10px;
    border-radius: 10px;
    position: relative;
}

.noti_list h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.noti_list p {
    font-size: 14px;
    color: #666;
    font-family: "Poppins", sans-serif;
    line-height: 1.3;
    flex: 0 0 70%;
}

.noti_list .noti-time {
    text-align: left;
    color: #888;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    margin-top: 3px;
    font-weight: 500;
}

.view_noti_btn {
    text-align: center;
    padding: 20px 0;
}

.view_noti_btn a {
    background: #17a2b8;
    color: #fff;
    padding: 10px 35px;
    display: inline-block;
    font-size: 15px;
    border-radius: 30px;
}

.noti_data_cntnt {
    margin-top: 22px;
}

.notification-wrp i {
    /*Changes made by me*/
    font-size: 18px;
}

.hdr_icons {
    margin-right: 25px;
}

.notification-wrp #dropdownMenuButton {
    background: transparent;
    color: #000;
    border: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.notification-wrp #dropdownMenuButton::after {
    display: none;
}

.notification-wrp #dropdownMenuButton:focus {
    background: #f9f9f9;
    box-shadow: none;
}

.notification-wrp .dropdown-menu {
    padding: 20px !important;
    right: 0 !important;
    min-width: 500px !important;
    border-radius: 10px !important;
    transform: none !important;
    left: initial !important;
    top: 45px !important;
}

.noti_data_hdr select,
.announcemnt_data_cntnt>.select_outer select {
    font-family: 'Poppins', sans-serif;
    border: 0;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 6px;
    background: #eee;
    appearance: none;
    -webkit-appearance: none;
    padding-right: 30px;
}

.announcemnt_icon {
    position: relative;
}

.announcemt_count {
    position: absolute;
    right: -1px;
    top: -1px;
    background: #e0524c;
    color: #fff;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.notification-wrp #dropdownMenuButton .ntfction_count {
    position: absolute;
    right: -1px;
    top: -1px;
    background: #e0524c;
    color: #fff;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/******************notification popup css ends********************/

/******************announcement popup css start********************/
.announcemnt_data_cntnt>.select_outer {
    display: inline-block;
    margin-bottom: 20px;
}

.announcemnt_data_cntnt>.select_outer select {
    padding-right: 60px;
    padding-left: 22px;
    border-radius: 4px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
    font-weight: normal;
}

.noti_data_hdr h2 {
    font-size: 22px;
    font-weight: normal;
    margin-right: 30px;
}

.noti_data_hdr .select_outer,
.announcemnt_data_cntnt>.select_outer {
    position: relative;
}

.noti_data_hdr .select_outer::after,
.announcemnt_data_cntnt>.select_outer::after {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #212529 transparent transparent transparent;
    transform: rotate(0deg);
    position: absolute;
    right: 10px;
    top: 14px;
    pointer-events: none;
}

.announcemnt_data_cntnt>.select_outer::after {
    top: 19px;
    right: 18px;
}

.noti_data_hdr select option {
    font-size: 13px;
}

.no_noti_data {
    text-align: center;
    padding: 130px 20px 120px 20px;
}

.no_noti_data p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin-top: 30px;
}

.announcemnt_icon,
.search_icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-right: 10px;
    cursor: pointer;
}

.search_icon i.ti-search {
    /*Changes made by me*/
    font-size: 18px;
}

.announcemnt_data {
    position: fixed;
    right: 0;
    width: 450px;
    background: #fff;
    height: 100%;
    z-index: 9999;
    top: 0;
    transition: all 0.4s;
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
}

.announcemnt_data.open-announcement {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.announcemnt_overlay,
.search_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 99;
    opacity: 0;
    transition: all 0.5s;
    visibility: hidden;
}

.announcemnt_overlay.open-overlay,
.search_overlay.opensearch_overlay {
    opacity: 1;
    visibility: visible;
}

.announcemnt_data_hdr h3 {
    font-size: 15px;
}

.announcemnt_data_hdr {
    padding: 12px 20px;
    background: #f9f9f9;
}

.closs_announcemnt {
    cursor: pointer;
}

.announcemnt_data_cntnt {
    padding: 15px 20px;
}

.announcemnt_list_item {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 6px;
}

.ancmnt_item_exerpt p {
    line-height: 22px;
    font-size: 14px;
}

.ancmnt_item_hdr h3 {
    font-size: 14px;
    font-weight: 600;
    padding-right: 15px;
    color: #383838;
}

.announcemnt_list_item .d-flex .date {
    color: #5a5a5a;
}

.ancmnt_item_hdr .date {
    color: #9999;
    font-size: 13px;
    font-family: inherit;
    font-family: 'Poppins', sans-serif;
}

.ancmnt_item_exerpt {
    margin-top: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
}

.ancmnt_item_teg span {
    background: #f5f5f5;
    padding: 4px 9px;
    display: inline-block;
    color: #0ea90e;
    font-size: 12px;
    border-radius: 6px;
    white-space: pre;
}

.announcemnt_list {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}


.search_popdata {
    position: fixed;
    z-index: 999;
    background: #fff;
    top: 0;
    width: 100%;
    right: 0;
    padding: 24px 25px;
    opacity: 0;
    transition: all 0.5s;
    visibility: hidden;
    transform: translate(0px, -100%);
}

.search_popdata.opensearchdata {
    visibility: visible;
    opacity: 1;
    transform: translate(0px, 0);
}

.srch_form_wrp>form {
    flex: 1 1;
    font-family: 'Poppins', sans-serif;
}

.close_search_pop {
    height: 33px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.srch_form_wrp>form button:after {
    display: none;
}

.srch_form_wrp>form button {
    display: flex;
    align-items: center;
    background: #f9f9f9 !important;
    color: #000 !important;
    border: 1px solid #ddd !important;
    outline: 0 !important;
    box-shadow: none !important;
    min-height: 42px;
    border-radius: 0;
    padding: 10px 20px;
}

.search_dropdown button>span {
    margin: 0 8px;
    font-weight: 500;
}

.srch_form_wrp>form .input-group>input {
    background: transparent !important;
    border: 1px solid #eee;
    border-radius: 0;
    border-left: 0;
    min-height: 42px;
    box-shadow: none !important;
}

.srch_form_wrp>form .input-group>input:focus {
    background: #fefefe !important;
}

.srch_form_wrp>form .dropdown-menu .searchby {
    padding: .25rem 1.5rem;
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.srch_form_wrp>form .dropdown-menu .divider {
    margin: 5px 0;
}

.srch_form_wrp>form .dropdown-menu {
    left: 0 !important;
}

.srch_form_wrp>form .dropdown-menu .dropdown-item {
    background: transparent !important;
}

/******************announcement popup css ends********************/

/****profile pop start****/
.hdr_title_name {
    cursor: pointer;
}

.profile_pop,
.profile_pop_circle {
    position: fixed;
    right: 0;
    width: 550px;
    background: #f6f6f6;
    height: 100%;
    z-index: 9999;
    top: 0;
    transition: all 0.4s;
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.profile_data_img {
    max-width: 120px;
    margin-right: 20px;
}

.profile_data_name {
    width: 60px;
    height: 60px;
    background: #17a2b8;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 32px;
    margin-right: 20px;
    font-weight: 500;
}

.prfl_menus_list.id_info {
    padding-bottom: 20px;
}

.profile_info>h3 {
    font-size: 17px;
    font-weight: bold;
}

.profile_pop_hdr {
    padding: 20px 25px;
}

.profile_data_img img {
    border-radius: 5px;
}

.profile_info>h3 span {
    font-weight: normal;
    font-size: 13px;
    padding: 7px 12px;
    background: #ededed;
    display: inline-block;
    margin-left: 8px;
    border-radius: 4px;
}

.profile_info p {
    margin-top: 4px;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    color: #777;
    font-size: 16px;
    word-break: break-all;
}

.id_info .admin-logout {
    background: #e55853;
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 14px;
}

.enrol__btn i {
    margin-right: 5px;
}

.hdr_icons-sec .enrol__btn {
    margin-right: 15px;
}

.id_info {
    font-family: "Poppins", sans-serif;
    color: #777;
    font-size: 15px;
}

.id_info>span b {
    font-weight: 500;
    color: #434343;
}

.circle_dot {
    margin: 0 14px;
    width: 6px;
    height: 6px;
    background: #777;
    border-radius: 50%;
}

.id_info a {
    color: #d14f52;
}

.profile_pop.open-profile,
.profile_pop_circle.open-profile {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    overflow-y: auto;
}

.profile_pop_circle .prfl_menus_list.id_info {
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-top: 10px;
}

.profile_pop_circle {
    max-width: 500px;
    background: #fff;
    height: auto;
    padding-bottom: 15px;
    width: 100%;
}

.close_profile_pop {
    cursor: pointer;
    font-size: 12px;
}

.prfl_menus_wrp {
    padding: 20px 25px;
    /* max-height: calc(100vh - 85px);
    overflow-y: auto; */
}

.profile_pop .prfl_menus_wrp {
    padding-top: 0;
}

.profile_data.uppr.prfl_menus_wrp {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin: 0 25px 20px 25px;
}

.profile_data.uppr.prfl_menus_wrp .prfl_menus_list.id_info {
    padding: 0;
    border: none;
    margin: 16px 0;
}

.prfl_menus_list {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.prfl_menus_list h3 {
    font-size: 17px;
    color: #6b6b6b;
    font-weight: 600;
}

.prfl_menus_list ul {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
}

.prfl_menus_list ul li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
}

.prfl_menus_list ul li a {
    color: #3e3e3e;
    font-size: 15px;
    display: flex;
    align-content: center;
}

.prfl_menus_list ul li a span {
    margin-left: 15px;
}

.prfl_menus_list ul li a i {
    font-size: 20px;
}

/****profile pop ends****/



/*-------------------- END Header Area -------------------*/

.page-title-area {
    padding: 0 30px;
    background: #fff;
    position: relative;
}

.user-profile {
    margin-right: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: -webkit-linear-gradient(left, #8914fe 0%, #8063f5 100%);
    background: linear-gradient(to right, #8914fe 0%, #8063f5 100%);
    padding: 17px 38px;
    position: relative;
}

.user-profile img.avatar {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-right: 12px;
}

.user-name {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-name i {
    margin-left: 10px;
    font-size: 21px;
    vertical-align: middle;
    position: relative;
}

.notification-area .dropdown-toggle,
.user-name.dropdown-toggle {
    position: relative;
}

.notification-area .dropdown-toggle:after,
.user-name.dropdown-toggle:after {
    display: none;
}

.notification-area .dropdown-menu,
.user-profile .dropdown-menu {
    background: #fff;
    border: none;
    -webkit-transform: none !important;
    transform: none !important;
    top: 130% !important;
    right: 30px !important;
    left: auto !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: block !important;
    visibility: hidden;
    opacity: 0;
}

.footer-area {
    text-align: center;
    padding: 10px 0 10px;
    background: #fff;
}

.footer-area .mainlogo {
    max-width: 200px;
}

.footer-area p {
    color: #676666;
    margin-bottom: 0;
}

.sidebar-footer .logo a {
    max-width: 100%;
}

.sidebar-footer .logo img {
    max-width: 170px;
}

.namepandc {
    display: none;
    padding: 0 15px 20px 32px;
}

.namepandc .widget-heading {
    font-family: "Poppins", sans-serif;
}

.namepandc .widget-heading {
    font-family: "Poppins", sans-serif;
    font-size: 20px !important;
    color: #000;
    font-weight: 500;
}

.namepandc .widget-heading.widget-subheading {
    font-size: 14px !important;
    color: #000;
    font-weight: normal;
}

.topmenulogo {
    max-width: 120px;
    margin: 0 auto;
}

.changepassmodal button#btnsubmit {
    background: #0b89b3;
    border-color: #0b89b3;
}

.changepassmodal .form-group input {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 0;
    min-height: 42px;
}

.slctsoursehead {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.slctsoursehead select {
    margin-left: 15px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 0;
    min-height: 42px;
}

.crscmttable {
    display: table;
}

.crscmttable th {
    width: auto !important;
    padding: 15px 20px;
    border: 0;
    font-size: 15px;
    font-weight: 600;
}

table.dataTable {
    clear: both;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
    text-align: center;
}

table.dataTable.nowrap td,
table.dataTable.nowrap th {
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1rem 0;
}

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
    padding-right: 30px;
}

table.dataTable thead>tr>td:active,
table.dataTable thead>tr>th:active {
    outline: 0;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1.3rem;
    content: "\2191";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5rem;
    content: "\2193";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:after,
div.dataTables_scrollBody table thead .sorting_desc:before {
    display: none;
}

div.dataTables_scrollBody table tbody tr:first-child td,
div.dataTables_scrollBody table tbody tr:first-child th {
    border-top: none;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner {
    box-sizing: content-box;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
    margin-top: 0 !important;
    border-top: none;
}

/* 14May CSS Start Here */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.section-px {
    padding: 45px 0 45px 0;
}

.section-px-srch {
    padding: 45px 0 0px 0;

}

.p-lg {
    font-size: 20px;
}

.p-md {
    font-size: 18px;
}

.p-sm {
    font-size: 16px;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

#crds .col-block {
    display: flex;
    background: #fff;
    border: 1px solid #dee2e9;
    padding: 40px 30px;
    box-shadow: 1px 1px 7px #d3d2d2;
    border-radius: 7px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    row-gap: 14px;
}

#crds .col-block img.card-img-top {
    width: 42px;
}

#crds .col-block p {
    font-size: 17px;
    text-align: left;
}

#crds .col-block h5 {
    text-align: left;
    font-weight: 700;
}

#crds .col-block a.learn-more {
    font-size: 15px;
    text-decoration: underline;
}

#srch .wrapper .searchBar {
    display: flex;
    width: 100%;
    max-width: 720px;
    margin: 40px auto;
}

#srch .wrapper .searchBar #searchQueryInput {
    outline: none;
    outline: 0;
    background: #fff;
    font-size: 15px;
    height: 56px;
    line-height: 30px;
    color: #666;
    width: 100%;
    padding: 10px 50px 10px 20px;
    transition: .5s ease;
    border: 1px solid #dedede;
    border-radius: 7px;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1);
}

#srch .wrapper .searchBar #searchQuerySubmit {
    width: 40px;
    height: 56px;
    margin-left: -50px;
    background: none;
    border: none;
    outline: none;
}

#searchQuerySubmit:hover {
    cursor: pointer;
}

#srch .wrapper .searchBar #searchQuerySubmit i {
    font-size: 20px;
}

#cntnts {
    background: #fff;
}

#cntnts .ctntt-txt {
    margin: 28px 10px 28px 10px;
    border: 1px solid #cfcfcf;
    padding: 40px 20px;
    border-style: dashed;
    background: #f2f8fb2e;
    border-radius: 7px;
}

#cntnts .ctntt-txt:hover {
    background: #f2f8fb;
}

#cntnts .ctntt-txt h5 {
    color: #17a2b8;
}

#cntnts .ctntt-txt a {
    color: #5e5e5e;
    font-size: 16px;
    text-decoration: underline;
    word-break: break-all;
}

.contan-dtl {
    background: #fff;
    padding: 24px;
    border-radius: 7px;
}

.contan-dtl .contan-ind {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 12px 0 32px;
    border-bottom: 1px solid #bcbcbc;
    padding-bottom: 14px;
}

.contan-dtl .contan-ind i {
    font-size: 22px;
    margin-right: 15px;
}

.contan-dtl .icn-txt {
    display: flex;
    align-items: baseline;
    column-gap: 16px;
}

.contan-dtl .box .icn-txt i {
    font-size: 18px;
}

.contan-dtl .box-dark .icn-txt i {
    color: #007281;
}

.contan-dtl .img-ss {
    margin: 24px 0;
}

.contan-dtl .img-ss.lst img {
    width: 100%;
}

.contan-dtl .ss-img-txt h3 {
    margin: 16px 0;
}

.contan-dtl .ss-img-txt ol,
.contan-dtl .ss-img-txt ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.contan-dtl .ss-img-txt {
    margin: 24px 0;
}

.vdeo-scn {
    margin: 32px 0;
    text-align: center;
}

.notte.box {
    display: inline-block;
    padding: 16px 24px;
    border-radius: 7px;
    margin: 20px 0;
}

.box-dark {
    background: #b6e3f6;
}

.box-light {
    background: #ffec9f;
}

.ss-img-txt ul {
    padding-left: 20px;
}

.ss-img-txt ul li {
    list-style: auto;
    margin-bottom: 7px;
    font-family: 'Lato';
}

.vdeo-scn .video-wrpr video {
    max-width: 100%;
    width: 90%;
}

span.ancs-tag {
    background: #17a2b8;
    padding: 6px 12px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    text-decoration: none !important;
}

.contan-ind .ics-spn {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    row-gap: 10px;
}

/* 14May CSS End Here */


.img-ss-wrap .img-ss {
    flex: 0 0 50%;
    max-width: calc(50% - 15px);
}

.img-ss-wrap .contan-dtl .img-ss {
    margin: 24px 0;
}

.img-ss-wrap {
    display: flex;
    column-gap: 30px;
    flex-wrap: wrap;
}

@media only screen and (max-width: 1199.99px) {
    .progress-prnt .crd.stripe:after {
        width: 15px;
        right: -28px;
    }
}

@media only screen and (max-width: 1024.99px) {
    .progress-prnt .ons {
        flex-direction: column;
    }

    .progress-prnt .contss {
        flex-wrap: wrap;
    }

    .progress-prnt .colons,
    .progress-prnt .coltws {
        flex: 100%;
        max-width: 100%;
        padding: 40px 20px;
    }

    .progress-prnt .coltws {
        border-left: none;
        border-top: 2px dashed #dadada;
        row-gap: 5px;
    }
}

@media only screen and (max-width: 991.99px) {
    .progress-prnt .crd.stripe:after {
        width: 0px;
    }

    .progress-prnt .contss {
        gap: 32px;
    }
}

@media screen and (max-width: 767.99px) {
    #tabit .tabs {
        flex-direction: column;
        row-gap: 2px;
    }
    #tabit .tabs section, #tabit .tabs > ul {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-px h2 {
        font-size: 22px;
    }


    .client-inner {
       margin-bottom: 20px;
       padding: 10px;
        flex-direction: column;
    }
    .client-btn {
        margin: 5px 0 0;
    }
    .agecnTable .col-xs-6 {
        width: 100%;
    }

    .p-lg {
        font-size: 18px;
    }

    .p-md {
        font-size: 16px;
    }

    .p-sm {
        font-size: 14px;
    }

    .contan-dtl .contan-ind {
        flex-direction: column;
        align-items: baseline;
        row-gap: 16px;
    }

    .contan-dtl .icn-txt {
        column-gap: 10px;
    }

    .ss-img-txt h3 {
        font-size: 20px;
    }

    .contan-dtl .contan-ind .txt h3 {
        font-size: 20px;
    }

    .contan-ind .ics-spn {
        align-items: flex-start;
    }

    #cntnts .ctntt-txt h5 {
        font-size: 18px;
    }

    #cntnts .ctntt-txt a {
        font-size: 13px;
    }

    .sch-txt h2 {
        font-size: 26px;
    }

    .section-px {
        padding: 25px 20px;
    }

    #srch .wrapper .searchBar {
        margin: 32px auto 18px;
    }

    .prgres-rprt-card .label {
        font-size: 14px;
    }

    .prgres-rprt-card .form-control {
        font-size: 13px;
    }

    .header-area.adminheaderarea .stud__btn .btn-info span {
        display: none;
    }

    .header-area.adminheaderarea .stud__btn .btn-info {
        border: none;
        padding: 6px;
    }

    .header-area.adminheaderarea .stud__btn .btn-info i {
        font-size: 18px;
    }

    .header-area.adminheaderarea .entr__btn .btn-info span {
        display: none;
    }

    .header-area.adminheaderarea .entr__btn .btn-info i {
        font-size: 18px;
        color: #17a2b8;
    }

    .header-area.adminheaderarea .entr__btn .btn-info {
        background: transparent;
        border: none;
        padding: 6px;
    }

    /*newsearchdropdown*/
    .search_dropdown select {
        width: 100%;
    }

    /*newsearchdropdown*/

    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
}

@media screen and (max-width: 576.99px) {
    #appskill .logtxtmg {
        flex-direction: column;
        row-gap: 12px;
    }

    .progress-prnt .colons .headd h4,
    .stts .stts-infr h4 {
        font-size: 20px;
        line-height: 1.5;
    }

    .profile_info .profile-scores>h3 {
        font-size: 13px;
        display: flex;
        flex-direction: column;
        row-gap: 7px;
        margin-bottom: 7px;
    }

    .profile_info .profile-scores>h3 span {
        font-size: 10px;
        margin-left: 0;
    }

    .profile_data.uppr.prfl_menus_wrp {
        align-items: flex-start !important;
        flex-direction: column;
        row-gap: 12px;
    }

    .profile_data.uppr.prfl_menus_wrp .profile_info,
    .profile_data.uppr.prfl_menus_wrp .inf-rght {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .profile_info p {
        font-size: 13px;
    }

    .wraptabs .outer-box {
        padding: 12px;
    }

    .progress-prnt .crd {
        flex: 0 0 36%;
        max-width: 36%;
    }

    .mains-ttl .admin-st_heading {
        font-size: 22px;
    }

    .unit-ques-modal .wraptabs .heading-ins h2 {
        font-size: 16px;
        line-height: 1.5;
    }

    .progressBar-col {
        flex-direction: column;
    }

    .admin-outbox .progressBarBox {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .admin-outbox .progress_prcnt,
    .admin-outbox .progress {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
}

table.dataTable.table-sm>thead>tr>th {
    padding-right: 20px;
    outline: 0 !important;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85rem;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 5px;
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
    border-left-width: 0;
}

table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable th:last-child {
    border-right-width: 0;
}

table.table-bordered.dataTable tbody td,
table.table-bordered.dataTable tbody th {
    border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row {
    margin: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
    padding-left: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding-right: 0;
}

.table-lg td,
.table-lg th {
    padding: 1.1rem 0.825rem;
}

.bootstrap-table .table {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ddd;
    border-collapse: collapse !important;
    border-radius: 1px;
}

.bootstrap-table .table:not(.table-condensed),
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td,
.bootstrap-table .table:not(.table-condensed)>tbody>tr>th,
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td,
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,
.bootstrap-table .table:not(.table-condensed)>thead>tr>td {
    padding: 8px;
}

.bootstrap-table .table.table-no-bordered>tbody>tr>td,
.bootstrap-table .table.table-no-bordered>thead>tr>th {
    border-right: 2px solid transparent;
}

.bootstrap-table .table.table-no-bordered>tbody>tr>td:last-child {
    border-right: none;
}

.fixed-table-container {
    position: relative;
    clear: both;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.fixed-table-container.table-no-bordered {
    border: 1px solid transparent;
}

.fixed-table-footer,
.fixed-table-header {
    overflow: hidden;
}

.fixed-table-footer {
    border-top: 1px solid #ddd;
}

.fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

.fixed-table-container table {
    width: 100%;
}

.fixed-table-container thead th {
    height: 0;
    padding: 0;
    margin: 0;
    border-left: 1px solid #ddd;
}

.fixed-table-container thead th:focus {
    outline: 0 solid transparent;
}

.fixed-table-container thead th:first-child:not([data-not-first-th]) {
    border-left: none;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fixed-table-container thead th .sortable {
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.fixed-table-container thead th .both {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}

.fixed-table-container thead th .asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==);
}

.fixed-table-container thead th .desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=);
}

.fixed-table-container th.detail {
    width: 30px;
}

.fixed-table-container tbody td {
    border-left: 1px solid #ddd;
}

.fixed-table-container tbody tr:first-child td {
    border-top: none;
}

.fixed-table-container tbody td:first-child {
    border-left: none;
}

.fixed-table-container tbody .selected td {
    background-color: #f5f5f5;
}

.fixed-table-container .bs-checkbox {
    text-align: center;
}

.fixed-table-container input[type="checkbox"],
.fixed-table-container input[type="radio"] {
    margin: 0 auto !important;
}

.fixed-table-container .no-records-found {
    text-align: center;
}

.fixed-table-pagination .pagination-detail,
.fixed-table-pagination div.pagination {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fixed-table-pagination div.pagination .pagination {
    margin: 0;
}

.fixed-table-pagination .pagination a {
    padding: 6px 12px;
    line-height: 1.428571429;
}

.fixed-table-pagination .pagination-info {
    line-height: 34px;
    margin-right: 5px;
}

.fixed-table-pagination .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.fixed-table-pagination .dropup .dropdown-menu {
    margin-bottom: 0;
}

.fixed-table-pagination .page-list {
    display: inline-block;
}

.fixed-table-toolbar .columns-left {
    margin-right: 5px;
}

.fixed-table-toolbar .columns-right {
    margin-left: 5px;
}

.fixed-table-toolbar .columns label {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
}

.fixed-table-toolbar .bs-bars,
.fixed-table-toolbar .columns,
.fixed-table-toolbar .search {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 34px;
}

.fixed-table-pagination li.disabled a {
    pointer-events: none;
    cursor: default;
}

.fixed-table-loading {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    text-align: center;
}

.fixed-table-body .card-view .title {
    font-weight: 700;
    display: inline-block;
    min-width: 30%;
    text-align: left !important;
}

.fixed-table-body thead th .th-inner {
    box-sizing: border-box;
}

.table td,
.table th {
    vertical-align: middle;
    box-sizing: border-box;
}

.fixed-table-toolbar .dropdown-menu {
    text-align: left;
    max-height: 300px;
    overflow: auto;
}

.fixed-table-toolbar .btn-group>.btn-group {
    display: inline-block;
    margin-left: -1px !important;
}

.fixed-table-toolbar .btn-group>.btn-group>.btn {
    border-radius: 0;
}

.fixed-table-toolbar .btn-group>.btn-group:first-child>.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.bootstrap-table .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
}

.bootstrap-table .table thead>tr>th {
    padding: 0;
    margin: 0;
}

.bootstrap-table .fixed-table-footer tbody>tr>td {
    padding: 0 !important;
}

.bootstrap-table .fixed-table-footer .table {
    border-bottom: none;
    border-radius: 0;
    padding: 0 !important;
}

.bootstrap-table .pull-right .dropdown-menu {
    right: 0;
    left: auto;
}

p.fixed-table-scroll-inner {
    width: 100%;
    height: 200px;
}

div.fixed-table-scroll-outer {
    top: 0;
    left: 0;
    visibility: hidden;
    width: 200px;
    height: 150px;
    overflow: hidden;
}

.fixed-table-pagination:after,
.fixed-table-toolbar:after {
    content: "";
    display: block;
    clear: both;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100% !important;
    background: #fff;
}

#zohoSupportWebToCase table td {
    padding: 12px 25px;
    font-family: "Poppins";
    vertical-align: middle;
}

#zohoSupportWebToCase table td input[type="text"],
#zohoSupportWebToCase table td textarea {
    background: #f5f5f5;
    border-radius: 0;
    min-height: 42px;
    width: 100%;
}

#zohoSupportWebToCase table td input[type="submit"] {
    background: #0b89b3;
    border: 0;
    color: #fff;
    font-family: "Poppins";
    padding: 10px 20px;
}

#zohoSupportWebToCase table td input[type="button"] {
    background: #000;
    border: 0;
    color: #fff;
    font-family: "Poppins";
    padding: 10px 20px;
}

#zohoSupportWebToCase table.zsFormClass {
    background-color: #ffffff;
    width: 100%;
    margin-right: auto;
    max-width: 100%;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 10%);
}

#zohoSupportWebToCase table td textarea {
    min-height: 100px;
}

#zohoSupportWebToCase table.zsFormClass tr:first-child strong {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    font-family: "Poppins";
}

#zohoSupportWebToCase table td.zsFontClass {
    font-size: 16px;
}

.heading-support {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 10%);
    overflow-x: inherit;
    padding: 20px;
}

.vertical-nav-menu.metismenu li.nav-item.custom_zoho_booking_link a {
    border-radius: 30px !important;
    width: calc(100% - 30px);
    margin-left: 15px !important;
    margin-bottom: 20px !important;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 15px 20px !important;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.vertical-nav-menu.metismenu li.nav-item.custom_zoho_booking_link a i {
    color: #fff;
}



/**************admins page css start*************/

.adminpage-tw .page-title-heading,
.adminpage-tw .page-title-heading .adminpagetophead {
    flex: 0 0 100%;
    max-width: 100%;
}

.adminpage-tw .page-title-heading .adminpagetophead {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.adminpage-tw .page-title-heading .adminpagetophead>a {
    margin: 0 !important;
    font-size: 16px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 8px 25px;
}

.adminpage-tw .page-title-heading .adminpagetophead>a i {
    margin-right: 10px;
}

.adminpage-tw .page-title-heading .adminpagetophead {
    justify-content: space-between;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 20px 1.6rem;
    margin-bottom: 16px;
    border-radius: 5px;
}

.app-page-title.adminpage-title {
    padding: 0;
}

.adminpage-tw .page-title-heading .adminpagetophead .search__btn a.btn {
    margin: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    background: #17a2b8;
    border-color: #17a2b8;
    margin: 0 !important;
}

.admins-table table {
    font-size: 14px;
}

.admins-table .card-body {
    overflow: auto;
}

.admins-table table tr td a.btn {
    min-width: 115px;
}

#search-form form label {
    padding-left: 0;
}

#search-form form {
    padding: 10px 0 !important;
}

.admins-table-new.admins-table table tr td a.btn {
    min-width: auto;
    padding: 4px .6rem;
    min-height: 33px;
}

.admins-table-new.admins-table table tr td a .fa-edit {
    color: #fff !important;
    padding: 4px 2px;
}

.admins-table-new.admins-table table tr td a i.fa-trash {
    color: #fff !important;
    padding: 4px 2px;
}

.admins-table-new.admins-table table tr td a.resetSuprAdmnPass {
    color: #fff !important;
}

/**************admins page css ends*************/


/**************bugboard page css start*************/

.bugbrd_head {
    background: #f3f8fb;
    padding: 12px 20px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bugbrd_head_data form>select {
    margin-left: 6px;
}

.dataTables_wrapper .dataTables_length select.custom-select {
    width: 55px;
}

/**************bugboard page css ends*************/


/**************student details page css start*************/
.outer-box-color {
    display: flex;
    justify-content: flex-end;
}

.outer-box-color .box-color {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.outer-box-color .box-color span {
    width: 13px;
    height: 13px;
    display: flex;
    border-radius: 4px;
    margin-left: 5px;
}

.outer-box-color .box-color span.color-agree {
    background: #28a745;
}

.outer-box-color .box-color span.color-neutral {
    background: #ffc107;
}

.outer-box-color .box-color span.color-disagree {
    background: #dc3545;
}

.progresspercent {
    justify-content: flex-end;
    display: flex;
}

.assessment-row-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.assessment-row-title h4 {
    margin: 0;
}

/**************student details page css ends*************/

#suggetion-list .modal-body .row.suggetion-modal {
    margin: 0;
}

#suggetion-list .modal-header,
#answers-list .modal-header {
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 1rem;
}

#suggetion-list .modal-body .suggetion-heading,
#answers-list .modal-body .suggetion-heading {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 5px;
}

#suggetion-list .modal-footer button,
#answers-list .modal-footer button {
    background-color: #117a8b;
    border-color: #10707f;
    color: #fff;
}

.answers-modal-list {
    background: #f9f9f9;
    padding: 15px 18px;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.answers-modal-body {
    margin: 12px 0;
}

#answers-list .modal-dialog {
    max-width: 700px;
}

.answers-modal-list h2 {
    font-size: 15.5px;
    margin-bottom: 3px;
    font-weight: 600;
    line-height: 1.3;
}

.contan-ind .ics-spn .cntsal {
    display: flex;
    align-items: center;
}

.boredr-s h4 {
    font-size: 20px;
}

/* 14May CSS End Here */

@media screen and (max-width: 991.99px) {
    .appskiltabwrap .tabb-outer {
        flex-direction: column;
        row-gap: 15px;
    }

    .chat-wid {
        max-width: 100% !important;
    }

    li.note-mid-li {
        width: 100% !important;
    }
}

@media screen and (max-width: 767.99px) {
    .client-slider{
        padding: 0;
    }
    .adminheaderarea-btn {
        text-align: right;
     }
    .adminheaderarea .header-tpr-right {
        text-align: center;
        margin: 5px 0 0;
    }
    .adminheaderarea .header-tpr-right .header-dots {
        margin-left: 0;
    }
    .agecnTable .col-xs-6 {
        width: 100%;
    }

    .p-lg {
        font-size: 18px;
    }

    .p-md {
        font-size: 16px;
    }

    .p-sm {
        font-size: 14px;
    }

    .contan-dtl .contan-ind {
        flex-direction: column;
        align-items: baseline;
        row-gap: 16px;
    }

    .contan-dtl .icn-txt {
        column-gap: 10px;
    }

    .ss-img-txt h3 {
        font-size: 20px;
    }

    .contan-dtl .contan-ind .txt h3 {
        font-size: 20px;
    }

    .contan-dtl .contan-ind {
        margin: 12px 0 20px;
    }

    #cntnts .ctntt-txt h5 {
        font-size: 18px;
    }

    #cntnts .ctntt-txt a {
        font-size: 13px;
    }

    .sch-txt h2 {
        font-size: 26px;
    }

    .section-px {
        padding: 25px 0 25px 0;
    }

    #srch .wrapper .searchBar {
        margin: 32px auto 18px;
    }

    .header-area.adminheaderarea .stud__btn .btn-info span {
        display: none;
    }

    .header-area.adminheaderarea .stud__btn .btn-info {
        border: none;
        padding: 6px;
    }

    .header-area.adminheaderarea .stud__btn .btn-info i {
        font-size: 18px;
    }

    .header-area.adminheaderarea .entr__btn .btn-info span {
        display: none;
    }

    .header-area.adminheaderarea .entr__btn .btn-info i {
        font-size: 18px;
        color: #17a2b8;
    }

    .header-area.adminheaderarea .entr__btn .btn-info {
        background: transparent;
        border: none;
        padding: 6px;
    }

    /*newsearchdropdown*/
    .search_dropdown select {
        width: 100%;
    }

    /*newsearchdropdown*/

    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
}


table.dataTable.table-sm>thead>tr>th {
    padding-right: 20px;
    outline: 0 !important;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85rem;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 5px;
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
    border-left-width: 0;
}

table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable th:last-child {
    border-right-width: 0;
}

table.table-bordered.dataTable tbody td,
table.table-bordered.dataTable tbody th {
    border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row {
    margin: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
    padding-left: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding-right: 0;
}

.table-lg td,
.table-lg th {
    padding: 1.1rem 0.825rem;
}

.bootstrap-table .table {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ddd;
    border-collapse: collapse !important;
    border-radius: 1px;
}

.bootstrap-table .table:not(.table-condensed),
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td,
.bootstrap-table .table:not(.table-condensed)>tbody>tr>th,
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td,
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,
.bootstrap-table .table:not(.table-condensed)>thead>tr>td {
    padding: 8px;
}

.bootstrap-table .table.table-no-bordered>tbody>tr>td,
.bootstrap-table .table.table-no-bordered>thead>tr>th {
    border-right: 2px solid transparent;
}

.bootstrap-table .table.table-no-bordered>tbody>tr>td:last-child {
    border-right: none;
}

.fixed-table-container {
    position: relative;
    clear: both;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.fixed-table-container.table-no-bordered {
    border: 1px solid transparent;
}

.fixed-table-footer,
.fixed-table-header {
    overflow: hidden;
}

.fixed-table-footer {
    border-top: 1px solid #ddd;
}

.fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

.fixed-table-container table {
    width: 100%;
}

.fixed-table-container thead th {
    height: 0;
    padding: 0;
    margin: 0;
    border-left: 1px solid #ddd;
}

.fixed-table-container thead th:focus {
    outline: 0 solid transparent;
}

.fixed-table-container thead th:first-child:not([data-not-first-th]) {
    border-left: none;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fixed-table-container thead th .sortable {
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.fixed-table-container thead th .both {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}

.fixed-table-container thead th .asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==);
}

.fixed-table-container thead th .desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=);
}

.fixed-table-container th.detail {
    width: 30px;
}

.fixed-table-container tbody td {
    border-left: 1px solid #ddd;
}

.fixed-table-container tbody tr:first-child td {
    border-top: none;
}

.fixed-table-container tbody td:first-child {
    border-left: none;
}

.fixed-table-container tbody .selected td {
    background-color: #f5f5f5;
}

.fixed-table-container .bs-checkbox {
    text-align: center;
}

.fixed-table-container input[type="checkbox"],
.fixed-table-container input[type="radio"] {
    margin: 0 auto !important;
}

.fixed-table-container .no-records-found {
    text-align: center;
}

.fixed-table-pagination .pagination-detail,
.fixed-table-pagination div.pagination {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fixed-table-pagination div.pagination .pagination {
    margin: 0;
}

.fixed-table-pagination .pagination a {
    padding: 6px 12px;
    line-height: 1.428571429;
}

.fixed-table-pagination .pagination-info {
    line-height: 34px;
    margin-right: 5px;
}

.fixed-table-pagination .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.fixed-table-pagination .dropup .dropdown-menu {
    margin-bottom: 0;
}

.fixed-table-pagination .page-list {
    display: inline-block;
}

.fixed-table-toolbar .columns-left {
    margin-right: 5px;
}

.fixed-table-toolbar .columns-right {
    margin-left: 5px;
}

.fixed-table-toolbar .columns label {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
}

.fixed-table-toolbar .bs-bars,
.fixed-table-toolbar .columns,
.fixed-table-toolbar .search {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 34px;
}

.fixed-table-pagination li.disabled a {
    pointer-events: none;
    cursor: default;
}

.fixed-table-loading {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    text-align: center;
}

#unitsummary ul {
    padding: 3px 0 10px 32px;
}

#unitsummary ul li {
    list-style: disc;
    padding: 0 0 5px;
    font-size: 13px;
    color: #000;
}
.modal-ques h5 {
    margin: 18px 0 10px;
    color: #000;
    font-size: 18px;
}
.modal-key-para {
    font-size: 16px;
}

#unitsummary .modal-ques button {padding: 4px 8px;font-size: 12px;}

.fixed-table-body .card-view .title {
    font-weight: 700;
    display: inline-block;
    min-width: 30%;
    text-align: left !important;
}

.fixed-table-body thead th .th-inner {
    box-sizing: border-box;
}

.chat .chat-his .message {
    position: relative !important;
    padding-bottom: 24px !important;
}

.chat .chat-his .message .msg-sndr {
    position: absolute;
    right: 10px;
    bottom: 0;
}

.chat .chat-his .message .msg-sndr p {
    font-size: 10px;
    color: #555;
}

.note-msg-block {
    background: #ffec9f !important;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 7px;
    width: 100%;
    margin: 0px 0px 20px 0;
}

.chat-wid {
    max-width: 60%;
    width: 100%;
    margin: 0 auto;
}

.chat-wid .note-msg-block .note-inr p {
    font-size: 13px;
}

.chat-wid .note-msg-block .note-inr i.fa-file-text-o {
    font-size: 13px;
}

.chat-wid .note-msg-block .note-cmt {
    margin: 1px 0 0 30px;
    text-align: left;
}

.chat-wid .note-msg-block .note-cmt span {
    font-size: 10px;
    color: #464646;
}

.chat-wid .chat-his .message.other-message.float-right img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.chat-wid .chat-his .message.my-message img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.chat-wid .chat-his .message.other-message.float-right,
.chat-wid .chat-his .message.my-message {
    font-size: 13px;
    line-height: 1.4;
    font-family: 'Lato';
    min-width: 25%;
    max-width: 80%;
    padding: 0;
    text-align: left;
    background: transparent;
    box-shadow: none;
    align-items: flex-start;
    justify-content: flex-end;
}


.chat-wid .chat-his .message.other-message.float-right .other-msg-txt-block,
.chat-wid .chat-his .message.my-message .other-msg-txt-block {
    padding: 10px 15px 10px 15px;
    box-shadow: 1px 1px 7px #e4e4e4;
    background: #fff;
    border-radius: 5px;
    flex: 1 1;
}

.chat-wid .chat-his .right-li .message .other-msg-txt-block {
    background-color: #daedf4;
}

.chat-wid .chat-his .message.my-message .msg-img img {
    padding-right: 10px;
}

li.note-mid-li {
    width: 60%;
    margin: 0 auto;
}

.note-msg-block .note-otr {
    display: flex;
    justify-content: space-between;
}

.note-msg-block .note-inr {
    display: flex;
    column-gap: 12px;
    align-items: baseline;
}

.note-msg-block .note-inr i.fa-file-text-o {
    font-size: 16px;
}

.note-msg-block .note-inr p {
    font-size: 15px;
    margin-bottom: 0;
}

.note-msg-block .note-cmt {
    margin: 10px 0 0 30px;
}

.note-msg-block .note-cmt span {
    font-size: 13px;
    font-style: italic;
}

.table td,
.table th {
    vertical-align: middle;
    box-sizing: border-box;
}

.fixed-table-toolbar .dropdown-menu {
    text-align: left;
    max-height: 300px;
    overflow: auto;
}

.fixed-table-toolbar .btn-group>.btn-group {
    display: inline-block;
    margin-left: -1px !important;
}

.fixed-table-toolbar .btn-group>.btn-group>.btn {
    border-radius: 0;
}

.fixed-table-toolbar .btn-group>.btn-group:first-child>.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.bootstrap-table .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
}

.bootstrap-table .table thead>tr>th {
    padding: 0;
    margin: 0;
}

.bootstrap-table .fixed-table-footer tbody>tr>td {
    padding: 0 !important;
}

.bootstrap-table .fixed-table-footer .table {
    border-bottom: none;
    border-radius: 0;
    padding: 0 !important;
}

.bootstrap-table .pull-right .dropdown-menu {
    right: 0;
    left: auto;
}

p.fixed-table-scroll-inner {
    width: 100%;
    height: 200px;
}

div.fixed-table-scroll-outer {
    top: 0;
    left: 0;
    visibility: hidden;
    width: 200px;
    height: 150px;
    overflow: hidden;
}

.fixed-table-pagination:after,
.fixed-table-toolbar:after {
    content: "";
    display: block;
    clear: both;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100% !important;
    background: #fff;
}

#zohoSupportWebToCase table td {
    padding: 12px 25px;
    font-family: "Poppins";
    vertical-align: middle;
}

#zohoSupportWebToCase table td input[type="text"],
#zohoSupportWebToCase table td textarea {
    background: #f5f5f5;
    border-radius: 0;
    min-height: 42px;
    width: 100%;
}

#zohoSupportWebToCase table td input[type="submit"] {
    background: #0b89b3;
    border: 0;
    color: #fff;
    font-family: "Poppins";
    padding: 10px 20px;
}

#zohoSupportWebToCase table td input[type="button"] {
    background: #000;
    border: 0;
    color: #fff;
    font-family: "Poppins";
    padding: 10px 20px;
}

#zohoSupportWebToCase table.zsFormClass {
    background-color: #ffffff;
    width: 100%;
    margin-right: auto;
    max-width: 100%;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 10%);
}

#zohoSupportWebToCase table td textarea {
    min-height: 100px;
}

#zohoSupportWebToCase table.zsFormClass tr:first-child strong {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    font-family: "Poppins";
}

#zohoSupportWebToCase table td.zsFontClass {
    font-size: 16px;
}

.heading-support {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 10%);
    overflow-x: inherit;
    padding: 20px;
}

.vertical-nav-menu.metismenu li.nav-item.custom_zoho_booking_link a {
    border-radius: 30px !important;
    width: calc(100% - 30px);
    margin-left: 15px !important;
    margin-bottom: 20px !important;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 15px 20px !important;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.vertical-nav-menu.metismenu li.nav-item.custom_zoho_booking_link a i {
    color: #fff;
}



/**************admins page css start*************/

.adminpage-tw .page-title-heading,
.adminpage-tw .page-title-heading .adminpagetophead {
    flex: 0 0 100%;
    max-width: 100%;
}

.adminpage-tw .page-title-heading .adminpagetophead {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.adminpage-tw .page-title-heading .adminpagetophead>a {
    margin: 0 !important;
    font-size: 16px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 8px 25px;
}

.adminpage-tw .page-title-heading .adminpagetophead>a i {
    margin-right: 10px;
}

.adminpage-tw .page-title-heading .adminpagetophead {
    justify-content: space-between;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 20px 1.6rem;
    margin-bottom: 16px;
    border-radius: 5px;
}

.app-page-title.adminpage-title {
    padding: 0;
}

.adminpage-tw .page-title-heading .adminpagetophead .search__btn a.btn {
    margin: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    background: #17a2b8;
    border-color: #17a2b8;
    margin: 0 !important;
}

.admins-table table {
    font-size: 14px;
}

.admins-table .card-body {
    overflow: auto;
}

.admins-table table tr td a.btn {
    min-width: 115px;
}

#search-form form label {
    padding-left: 0;
}

#search-form form {
    padding: 10px 0 !important;
}

.admins-table-new.admins-table table tr td a.btn {
    min-width: auto;
    padding: 4px .6rem;
    min-height: 33px;
}

.admins-table-new.admins-table table tr td a .fa-edit {
    color: #fff !important;
    padding: 4px 2px;
}

.admins-table-new.admins-table table tr td a i.fa-trash {
    color: #fff !important;
    padding: 4px 2px;
}

.admins-table-new.admins-table table tr td a.resetSuprAdmnPass {
    color: #fff !important;
}

/**************admins page css ends*************/


/**************bugboard page css start*************/

.bugbrd_head {
    background: #f3f8fb;
    padding: 12px 20px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bugbrd_head_data form>select {
    margin-left: 6px;
}

.dataTables_wrapper .dataTables_length select.custom-select {
    width: 55px;
}

/**************bugboard page css ends*************/


/**************student details page css start*************/
.outer-box-color {
    display: flex;
    justify-content: flex-end;
}

.outer-box-color .box-color {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.outer-box-color .box-color span {
    width: 13px;
    height: 13px;
    display: flex;
    border-radius: 4px;
    margin-left: 5px;
}

.outer-box-color .box-color span.color-agree {
    background: #28a745;
}

.outer-box-color .box-color span.color-neutral {
    background: #ffc107;
}

.outer-box-color .box-color span.color-disagree {
    background: #dc3545;
}

.progresspercent {
    justify-content: flex-end;
    display: flex;
}

.assessment-row-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.assessment-row-title h4 {
    margin: 0;
}

/**************student details page css ends*************/

#suggetion-list .modal-body .row.suggetion-modal {
    margin: 0;
}

#suggetion-list .modal-header,
#answers-list .modal-header {
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 1rem;
}

#suggetion-list .modal-body .suggetion-heading,
#answers-list .modal-body .suggetion-heading {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 5px;
}

#suggetion-list .modal-footer button,
#answers-list .modal-footer button {
    background-color: #117a8b;
    border-color: #10707f;
    color: #fff;
}

.answers-modal-list {
    background: #f9f9f9;
    padding: 15px 18px;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.answers-modal-body {
    margin: 12px 0;
}

#answers-list .modal-dialog {
    max-width: 700px;
}

.answers-modal-list h2 {
    font-size: 15.5px;
    margin-bottom: 3px;
    font-weight: 600;
    line-height: 1.3;
}

.rsrc-cat_list-sec1,
.rsrc-cat_list-sec2 {
    padding: 0;
}

.rsrc-cat_list-sec1 .searchBar {
    margin-bottom: 0 !important;
}

.cat-not-found {
    margin: 28px 10px 28px 10px;
    border: 1px solid #cfcfcf;
    padding: 40px 20px;
    border-style: dashed;
    background: #f2f8fb2e;
    border-radius: 7px;
    background: #fff;
    color: #17a2b8;
}

.bookmark-unit {
    margin: 0 auto;
    max-width: 1000px;
}

.count-plus {
    background-color: #0b89b3;
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;

}

li.active.activemenu .count-plus {
    background: #fff;
    color: #0b89b3;
}

.active .activemenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.metismenu li span {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

/*******chat css start******/
.cnf-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}
.chat-wid .chat-his .message .msg-sndr {
    position: initial;
}
.ct_slider.slick-initialized {
    max-width: 100%;
}
.chat-wid .right-li .message.my-message .other-msg-text {
    padding-left: 0;
}
.ct_img img {
    width: 100%;
}
.chat-wid .right-li .message.my-message .other-msg-text{
    padding-left: 0;
}
.unit-col-strt-inner {
    margin-bottom: 16px;
}
.textareas-field {
    display: none;
}
.unit-col-strt {
    border-top: 1px solid #444444;
    padding: 24px 24px 0;
}
.unit-col-card-flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 10px;
    padding-bottom: 15px;
}
.unit-col-strt-inner h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    padding-bottom: 20px;
}
.unit-col-card {
    box-shadow: 0px 10px 20px 0px #0000000D;
    border: 1px solid #EDEDED;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
}
.unit-col-card h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    flex: 1 1;
}
.unit-col-card-flex span img {
    margin-right: 5px;
}
.unit-col-card-flex span {
    display: flex;
    justify-content: end;
    align-items: center;
    flex: 0 0 18%;
    padding: 5px 0 0;
}
.unit-sm-btn {
    text-transform: capitalize;
}
.unit-sm-btn:hover {
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
#unitsummary .modal-dialog {
    max-width: 900px;
}
.modal-ques p{
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin: 0 0 8px;
}
.modal-ques-inn {
    margin: 0 10px 10px 0;
    padding: 10px;
    border-radius: 4px;
}
.modal-ques-inn p {
    padding: 0 0 3px;
    margin: 0;
}
#unitsummary .modal-body p span {
    font-weight: 600;
    margin-right: 4px;
}
.modal-ques-inn:nth-child(odd) {
    background: #f4e8ff6b;
    border: 1px solid #f4e8ff;
}
.modal-ques-inn:nth-child(even) {
    background: #bce6fb61;
    border: 1px solid #bce6fb;
}
.modal-ques-textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 56px;
    padding: 5px 10px;
    font-size: 12px;
}
.modal-ques {
    overflow: auto;   
}
.modal-ques::-webkit-scrollbar {
    width: 2px;
}
.modal-ques::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
.modal-ques::-webkit-scrollbar-thumb {
    background: #081922;
    border-radius: 10px;
}
.cmn_comnt span {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    color: #17A2B8;
}
.add_comment {
    width: max-content;
    cursor: pointer;
}
.block-open {
    display: block;
}
.cmn_comnt img {
    margin-right: 5px;
    margin-top: -3px;
}
.textareas-btn {
    cursor: pointer;
}
.textareas-field textarea {
    border: 1px solid #EDEDED;
    background: #4950570D;
    border-radius: 10px;
    padding: 20px;
    width: 100%;
}
.textareas-field textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #495057;
    text-transform: capitalize;
}
.post-btn .btn {
    background: #17A2B8;
    color: #fff;
    padding: 8px 20px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}
#unitsummary .close-btn {
    background: #dc3545;
    border: 1px solid #dc3545;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -10px;
    top: -11px;
    cursor: pointer;
    min-width: 22px;
}
#unitsummary .close-btn i {
    font-size: 8px;
    line-height: normal;
}
.unit-col-strt-inner p {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    margin-bottom: 15px;
    font-family: "Poppins", sans-serif;
}
.unit-col-card-box {
    display: flex;
    gap: 20px;
}
body .ans-grenn-box {
    background: #a3a3a352;
}
.unit-col-input input {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
body .ans-box-blue {
    background: #dbddfc;
}
.unit-col-input input[type="checkbox"]:after {
    left: 0;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    opacity: 0;
    right: 0;
    margin: 0 auto;
}
.unit-col-input input:checked:checked {
    background-color: #EDEDED;
    border: 1px solid #EDEDED;
}
.unit-col-input input[type="checkbox"]:checked::after {
    opacity: 1;
}
.bg-brown {
    background: #464ab5 !important;
    color: #fff;
}
.lg-green-bg {
    background-color: #C8ECC833;
    border: 1px solid #C8ECC8;
}
.lg-yellow-bg {
    background-color: #FFFFBF33;
    border: 1px solid #FFFFBF;
}
.lg-red-bg{
    border: 1px solid #F0AAB3;
    background: #F0AAB333;
}
.blw-commnt .blw-commnt-title {
    font-weight: 500;
    margin-bottom: 12px;
    color: #000000;
}
.blw-commnt-box {
    border: 1px solid #EDEDED;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
}
.blw-commnt-box p {
    margin: 0;
}
.blw-commnt ul {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 0 8px;
}
.blw-commnt ul img {
    margin-right: 5px;
}
.blw-commnt ul li b {
    font-weight: 600;
    color: #444444;
}
.cmnt-li {
    padding-left: 10px;
    border-left: 3px solid #ddd;
    line-height: 10px;
}
.no-ans-unit {
    display: flex;
    align-items: center;
    background: #FFF3F1;
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 16px;
    width: fit-content;
}
.no-ans-unit p {
    margin: 0;
}
.no-ans-unit img {
    margin-right: 10px;
}



.ct_slider.slick-initialized {
    max-width: 100%;
}
.chat-wid .right-li .message.my-message .other-msg-text {
    padding-left: 0;
}
.ct_img img {
    width: 100%;
}
.dsbrd-box .col-md-4 {
    margin-bottom: 20px;
}
.dsbrd-box .info-box {
    margin-bottom: 20px;
}
.dsbrd-box .info-box-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    line-height: 40px;
    border-radius: 50px;
}
.dsbrd-box .info-box-icon  i {
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-content: center;
    line-height: 40px;
}
.dsbrd-box .info-box-content {
    width: 100%;
}
.dsbrd-box .info-box {
    display: flex;
    align-content: center;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-radius: 6px;
    padding: 15px;
}
.dsbrd-box {
    display: flex;
    width: 100%;
}
.bg-red {
    background-color: #dd4b39 !important;
}
.progress-description, .info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-content {
    padding: 5px 10px;
}
.box-red {
    background-color: #ffe2e6 !important;
}
.dsbrd-box i {
    color: #fff;
}
.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 16px;
}
.bg-yellow {
    background-color: #f39c12;
}
.bg-green {
    background-color: #00a65a;
}
.bg-blue {
    background-color: #0073b7;
}
.box-purple {
    background: #f4e8ff;
}
.box-yellow {
    background: #fff4de;
}
.box-blue {
    background: #bce6fb;
}
.box-green {
    background: #dcfce7;
}
.box-purple {
    background: #f4e8ff;
}
.box-blue{
    background: #bce6fb !important;
}
.box-brown{
    background: #ddc9a3 !important;
}
.box-violet {
    background: #7045976e !important;
}
.box-light-yellow {
    background: #e6d20e3b !important;
}
.bg-light-yellow {
    background: #e6d20e !important ;
    color: #fff;
}
.bg-brown {
    background: #9f8554 !important ;
    color: #fff;
}
.bg-violet {
    background: #a275cb !important ;
    color: #fff;
}

@media only screen and (max-width: 480.99px) {
    #tabit .tabs-wrapper {
        padding: 20px 0;
    }
}