.cart-section .theme-blue-btn1 {
    background: #0882fd;
    color: #fff;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 6px;
    padding: 9px 22px !important;
    box-shadow: unset;
    text-transform: unset;
    display: inline-block;
    position: relative;
}

.cart-section .theme-blue-btn2 {
    background: transparent;
    border: 1px solid #0882fd;
    color: #0882fd;
    font-size: 13px !important;
    font-weight: 500;
    border-radius: 6px;
    padding: 8px 20px;
    box-shadow: unset;
    text-transform: unset;
    position: relative;
}

.cart-section .theme-blue-btn1:hover,
.cart-section .theme-blue-btn1:focus {
    background: #0772de;
    color: #fff;
}

.flex2 {
    flex: 2 !important;
}

.add-cart:focus {
    border: 1px solid #0882fd;
}

.cart_btn {
    padding: 7px 17px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.cart_btn.btn:hover {
    outline: 0;
    color: #fff;
}

.icon-trash-empty:before {
    content: "\e80f";
}

.cart-sec {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 15px;
}

.cart-qty-num {
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 12px;
}

.cart-sec a b {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    margin-right: 5px;
}

#cart_count.active {
    background: #0882fd;
    display: block;
    color: #fff;
    border-radius: 50%;
    min-width: 14px;
    min-height: 14px;
    text-align: center;
    line-height: 14px;
    font-size: 8px;
    font-weight: 500;
}

.cart-tick {
    width: 25px;
    height: 25px;
    background: #dee9ff;
    border-radius: 50%;
    text-align: center;
    line-height: 29px;
    margin-right: 10px;
}

.cart-tick svg {
    width: 15px;
    fill: #2d71fd;
}

.cart-section .modal {
    background: #000000b3;
}

.error-msg-icon {
    width: 11px;
    height: 14px;
    display: flex;
    margin-top: -2px;
    margin-right: 5px;
}

.cart-notification {
    box-shadow: 0px 1px 6px -2px #6b6b6b9c;
    border-radius: 6px;
    padding: 10px 25px;
    position: absolute;
    display: none;
    right: 0;
    margin-top: 5px;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    transition-duration: 5s;
    top: 0;
    width: 265px;
}

.courser-bottom .theme-blue-btn2:hover {
    color: #0882fd;
}

.cart-notification.show {
    margin-top: 45px;
    display: block;
}

.cart-box {
    background: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.cart-text {
    margin-left: 20px;
    margin-right: 10px;
}

.cart-text h5 {
    font-size: 15px;
    font-weight: bold;
    color: #1b1c21;
    margin-bottom: 5px;
    line-height: inherit;
    margin-top: 0;
}

.cart-close {
    color: #25252a !important;
    font-weight: 300 !important;
    font-size: 33px !important;
    opacity: 1;
    font-family: auto;
    line-height: 21px !important;
}

.coupon-section .cart-close {
    margin-right: -2px;
    margin-top: -2px;
}


/* .pps-details-sec .cart-close {
   color: #25252a;
   font-weight: 300;
   font-size: 35px;
   opacity: 1;
   font-family: auto;  
} */

#cartBlock .modal {
    background: #000000b3;
}

#cartBlock .modal .modal-content {
    border-radius: 4px;
    padding: 50px 0 !important;
}

.cart-price b {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #1b1c21;
}

.cart-price {
    font-size: 16px;
    text-align: right;
}

.line-through {
    text-decoration: line-through;
}

.cart-img {
    display: block;
    float: left;
    width: 140px;
}

.cart-img img {
    width: 100% !important;
    border-radius: 2px;
}

.cart-btm-bar {
    margin-top: 15px;
}

.apply-text {
    font-weight: bold;
    color: #454B93;
}

.cart-text p {
    font-size: 15px;
    color: #1b1c21;
    opacity: 0.6;
}

.trash-icon {
    margin-right: 10px;
    width: 15px;
    display: block;
}

.cart-section .trash-text {
    line-height: 15px;
    font-size: 14px;
    float: left;
    width: auto;
    text-align: right;
    font-weight: 500;
    color: #6F75BC;
    cursor: pointer;
    margin-top: 20px;
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center;
}

.cart-section .trash-text svg {
    width: 14px;
    margin-right: 8px;
    float: left;
}

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

.tag-icon {
    margin-right: 6px;
    width: 16px;
    display: flex;
    align-items: center;
    margin-top: 2px;
}

.tag-icon svg path {
    stroke: #454B93;
}

.tag-icon line {
    stroke: #2b72fd;
}

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

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

.cart-section {
    background: #f9f9f9;
    height: calc(100% - 429px);
    display: inline-block;
    width: 100%;
    min-height: 527px;
}

.cart-section h3 {
    font-size: 17px;
    font-weight: bold;
    color: #1B1C21;
    margin-top: 0;
    margin-bottom: 0;
    line-height: inherit;
}

.cart-section h3 span {
    font-size: 13px;
    margin-left: 5px;
}

.total-price {
    font-size: 16px;
    font-weight: 700;
    color: #1B1C21;
}

.cart-rght-box {
    background: #fff;
    border: 1px solid #E3E3E3;
    min-height: 175px;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 29px;
}

.cart-rght-box .apply-text {
    background: #f0f5ff;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    height: 45px;
    line-height: 45px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
}

.coupon-ftr-txt {
    color: #1b1c21 !important;
    opacity: 0.7;
    font-size: 13px !important;
    font-weight: normal !important;
}

.cart-couponstatus-wrapper {
    padding: 8px 12px 12px;
    margin-bottom: 10px;
    border: 1px solid #f9f9f9;
}

.cart-couponstatus-wrapper .green-text {
    color: #000;
}

.cart-couponstatus-wrapper .cart-summary-title{ 
    margin-bottom: 5px;
    font-size: 16px;
}

.cart-couponstatus-wrapper .cart-coupon-type{
    margin-bottom: 18px;
    font-size: 18px;
}

.cart-couponstatus-wrapper .cs-saved-amt {
    display: inline-block;
    margin-left: 8px;
    font-size: 17px;
}

.cs-discount-detail,
.cs-maxdiscount-detail{
    margin-bottom: 8px;
}

.pr-5 {
    padding-right: 5px !important;
}

.h-45 {
    height: 45px;
}

.apply-small-text {
    color: rgba(27, 28, 33, 0.4);
    font-size: 11px;
    margin-bottom: 13px;
    margin-top: 6px;
    line-height: 16px;
}

.cart-rght-box h5 {
    font-weight: bold;
    color: rgba(27, 28, 33, 1);
    font-size: 13px;
}

.checkout-btn {
    line-height: 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.cart-price-list {
    font-size: 13px;
    color: rgba(27, 28, 33, 0.8);
}

.cart-price-list .mb-1 {
    margin-bottom: 13px !important;
}

.cart-price-list .border-bottom {
    border-bottom: 3px solid #ddd;
    opacity: 0.5;
}

.text-blue {
    color: #2d70fc;
}

.dark-bg {
    background-color: #1b1c21;
    opacity: 0.4;
    color: #fff;
}

.dark-bg:hover {
    color: #fff;
}

.remove-cart {
    margin: 0 auto;
    width: 500px;
    top: 50% !important;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 5px;
    padding: 25px;
}

.remove-cart .cart-img {
    width: auto;
    max-width: 110px;
    min-width: 110px;
}

.remove-cart .cart-img img {
    width: 100%;
}

.remove-btm-text .text-blue {
    font-weight: bold;
    margin-left: 25px;
    font-size: 13px;
    cursor: pointer;
    color: #2d71fd !important;
}

.coupon-text {
    font-size: 16px;
    font-weight: 700;
}

.apply-coupon-sec p {
    margin-top: 10px;
    font-weight: 500;
}

.modal-backdrop.in {
    opacity: .7 !important;
}

.apply-coupon-box {
    background: #e8f4ee;
    color: #1b1c21;
    font-weight: 500;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 3px;
    margin-left: 10px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    line-height: 23px;
    background-image: repeating-linear-gradient(0deg, #525252, #525252 7px, transparent 7px, transparent 12px, #525252 12px), repeating-linear-gradient(90deg, #525252, #525252 7px, transparent 7px, transparent 12px, #525252 12px), repeating-linear-gradient(180deg, #525252, #525252 7px, transparent 7px, transparent 12px, #525252 12px), repeating-linear-gradient(270deg, #525252, #525252 7px, transparent 7px, transparent 12px, #525252 12px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

.coupon-close {
    background: #fafffd;
    width: 18px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    margin-left: 5px;
    cursor: pointer;
    line-height: 19px;
}

.coupon-close svg {
    width: 8px;
}

.apply-coupon-sec .green-text b {
    font-weight: 500;
}

.applied-coupon {
    align-items: center;
    font-weight: 500;
    color: rgba(45, 46, 51, 0.8);
    font-size: 10px;
    display: flex;
}

.coupon-box .applied-coupon {
    position: absolute;
    right: 0;
    margin-right: 15px;
    margin-top: 8px;
    font-size: 12px;
}

.pps-details-sec {
    margin: 0 auto;
    width: 555px;
    top: 50% !important;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 5px;
    padding: 35px 25px;
    color: #1b1c21b5;
}

.cart-unavailable-inner {
    height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
}

#details-pps .cart-btn {
    width: 355px !important;
    line-height: 24px !important;
    border-radius: 2px;
}

.pps-details-sec .coupon-subtxt {
    margin-top: 15px;
    font-size: 13px;
}

.pps-details-sec h4 {
    color: #000000;
}

.pps-details-sec h5 {
    font-weight: 700;
    color: #1B1C21;
    font-size: 17px;
    margin-bottom: 8px;
}

.pps-details-sec [type="radio"]:checked,
.pps-details-sec [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.pps-details-sec [type="radio"]:checked+label,
.pps-details-sec [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-weight: 400;
    color: #1b1c21b5;
    font-size: 13px;
}

.pps-details-sec [type="radio"]:checked+label:before,
.pps-details-sec [type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.pps-details-sec [type="radio"]:checked+label:after,
.pps-details-sec [type="radio"]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    /* background: #2D71FD; */
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.pps-details-sec [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.pps-details-sec [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ppc-choose span {
    margin-right: 20px;
}

#details-pps .form-group {
    position: relative;
    margin-bottom: 20px;
    margin-top: 0 !important;
}

#details-pps .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 0;
    transition: all 200ms;
    opacity: 0.5;
    color: #000;
    line-height: 45px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    cursor: auto;
    width: 100%;
}

#details-pps p {
    font-size: 13px;
    color: rgba(27, 28, 33, 0.8);
}

.modal.add_address_form.add_learner_form#details-pps label.form-control-placeholder {
    font-size: 11px;
}

#details-pps .form-control:valid+.form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -20%, 0);
    opacity: 0.5;
}

.add_address_form .form-group.country_type select#country_type:valid+.form-control-placeholder {
    line-height: 14px;
    top: 8px;
}

#details-pps .form-control:focus+.form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -20%, 0);
    opacity: 0.5;
}

#details-pps .form-control:focus+.form-control-placeholder.date-label {
    font-size: 75%;
    transform: translate3d(0, 0, 0);
    opacity: 0.5;
}

#details-pps .form-control:valid+.form-control-placeholder.date-label {
    transform: translate3d(0, 0%, 0);
}

#details-pps .form-group .form-control {
    height: 45px;
    padding-top: 20px;
    padding-left: 15px;
    box-shadow: none !important;
    color: #1b1c21;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #B0B0B2;
    font-size: 13px;
}

body #details-pps .form-group .form-control:focus {
    box-shadow: 0px 0px 0px 3px #87aefd45 !important;
    border-radius: 2px;
    border: 1px solid #2d71fd;
}

#details-pps .error-msg {
    line-height: 25px;
    font-size: 10px;
    display: flex;
    position: relative;
    margin-top: -2px;
    align-items: center;
    top: 35px;

}

.cart-btn {
    line-height: 30px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.cart-btn a {
    color: #fff;
    text-decoration: none;
}

.btn.apply-cart-btn {
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 2px;
    padding: 13px 20px !important;
    height: 45px;
}

.btn.apply-cart-btn:hover {
    color: #fff;
}

.cart-section .form-control {
    border-radius: 2px;
    color: #1B1C21;
    font-size: 12px;
}

.mt-140 {
    margin-top: 140px;
}

.w-85 {
    width: 85% !important;
}

.skip-txt {
    font-size: 13px;
    color: #2d71fd;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.total-amount {
    font-size: 15px;
}

.mr-center-align {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}

.pps-member-sec {
    margin: 0 auto;
    width: 355px;
    margin-top: 30px;
}

#details-pps .pps-details-sec .pps-member-sec p {
    font-size: 13px;
}

#details-pps .form-control-placeholder.date-label {
    line-height: 30px;
    font-size: 10px;
    width: fit-content;
}

.cart-sub-text {
    color: #1b1c21;
    opacity: 0.6;
    font-weight: 500;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.add_address_form#details-pps .pps-no-member-sec .cart-sub-text {
    opacity: 0.7;
    font-size: 11px;
}

.pps-no-member-sec {
    width: 106%;
    height: 285px;
    overflow: auto;
    padding-right: 15px;
    padding-top: 5px;
    margin-left: -10px;
    padding-left: 10px;
    overflow-x: hidden;
}

.pps-no-member-sec h5 {
    margin-top: 0;
}

.pps-no-member-sec::-webkit-scrollbar {
    width: 6px !important;
    border-radius: 7px;
}

.pps-no-member-sec::-webkit-scrollbar-track {
    background: #fff !important;
}

.pps-no-member-sec::-webkit-scrollbar-thumb {
    background: #cbcbcb !important;
    border-radius: 5px;
}

.pps-no-member-sec::-webkit-scrollbar-thumb:hover {
    background: rgb(226, 226, 226) !important;
}

#order-confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100vh - 120px);
}

.order-succes-icon {
    width: 50px;
}

.order-succes-icon svg {
    width: 100%;
    height: auto;
}

#order-confirm h3 {
    font-size: 20px;
    font-weight: 600;
}

#order-confirm p {
    font-size: 15px;
    width: 420px;
    text-align: center;
    margin-top: 10px;
    color: #1b1c21;
    opacity: 0.7;
}

.coupon-section {
    margin: 0 auto;
    width: 455px;
    top: 50% !important;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 4px;
    padding: 25px 12px;
    color: #1b1c21;
    padding-bottom: 10px;
}

.coupon-section .coupon-subtxt {
    margin-left: 13px;
}

.coupon-section .coupon-section-hdr-sec .coupon-subtxt {
    margin-left: 0;
}

.coupon-section .coupon-section-hdr-sec .coupon-box .coupon-subtxt {
    font-size: 13px;
}

#coupon-sec .form-group {
    position: relative;
    margin-bottom: 20px;
}

#coupon-sec .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 0;
    transition: all 200ms;
    opacity: 0.5;
    color: #000;
    line-height: 45px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    cursor: auto;
}

#coupon-sec .form-control:focus+.form-control-placeholder,
#coupon-sec .form-control:valid+.form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -20%, 0);
    opacity: 0.5;
}

#coupon-sec .form-group .form-control {
    height: 45px;
    padding-top: 20px;
    padding-left: 15px;
    box-shadow: none !important;
    color: #1b1c21;
    font-weight: 400;
}

#coupon-sec .form-group .form-control#coupon-id {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 65px;
}

#coupon-sec .form-group .form-control#coupon-id:focus {
    border: 1px solid #87aefd;
    box-shadow: 0px 0px 0px 3px #87aefd45 !important;
}

#coupon-sec .form-group .form-control::placeholder {
    color: #1b1c21;
    opacity: 0.4;
}

#coupon-sec .error-msg {
    line-height: 23px;
    font-size: 10px;
    display: flex;
    position: absolute;
    margin-top: -2px;
    align-items: center;
}

.cart-rght-box .modal .coupon-section .coupon-section-hdr-sec .form-group .error-msg {
    bottom: -22px;
}

.input-fld-error {
    border: 1px solid #e30002;
    background: #fff2f4;
}

.add_address_form#bulk_learner_enroll select.form-control:disabled {
    background-color: #eeeeee !important;
    opacity: 1;
}

.add_address_form#bulk_learner_enroll .form-group span.error-msg svg {
    position: relative;
    top: 1px;
    width: 8px;
}

.check-text {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 15px;
    margin-top: 12px;
    color: #454B93;
    font-weight: 500;
    opacity: 0.5;
    cursor: pointer;
}

.check-text.active {
    opacity: 1;
}

.check-text:hover {
    opacity: 1;
}

.coupon-subtxt {
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 5px;
    color: #1b1c21;
}

.coupon-section h5 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 7px;
}

.coupon-brdr {
    border-bottom: 7px solid #cccccc;
    opacity: 0.3;
    width: inherit;
    margin-left: -3%;
}

.coupon-text {
    display: flex;
    align-items: center;
    /* height: 100%; */
    color: #1b1c21;
    font-weight: 600;
    font-size: 15px;
}

.coupon-brdr-btm {
    border-bottom: 1px solid #dedede;
    margin-left: -2.6%;
    width: inherit;
    display: inline-block;
}

.couponbox {
    width: 100%;
    display: block;
}


/* .coupon-box .applied-coupon {
   /* display: none !important; * /
} */

.coupon-box .applied-coupon.active {
    display: block !important;
}

.coupon-box.active .coupon-tick {
    background-color: #3879fe;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coupon-box.active .applied-coupon {
    color: #3879fe;
    display: flex !important;
}

.self-order-info .btn {
    font-size: 12px;
}

.coupon-section .apply-coupon-box {
    background: #e5e5e570;
    color: #1b1c21;
    font-weight: 500;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border-radius: 2px;
    border: 1px dashed #989898;
    min-width: 100px;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    justify-content: center;
}

.coupon-box {
    width: 100%;
    display: block;
    border: 1px solid #cccccc;
    border-radius: 2px;
    padding: 15px;
    position: relative;
}

.coupon-box.active {
    border: 1px solid #87aefd;
    box-shadow: 0px 0px 0px 3px #87aefd45;
    background: #f4f8ff;
    margin: 0 auto;
}

.coupon-box.active .apply-coupon-box {
    background: #c1d3f9b8;
    border: 1px dashed #6696f9;
}

.add-coupon {
    font-size: 12px;
    font-weight: bold;
    color: #454B93;
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    margin-top: 8px;
    margin-right: 15px;
}

.add-coupon svg {
    width: 10px;
    margin-right: 7px;
}

.add-coupon svg path {
    stroke: #454B93;
}

.coupon-box .coupon-subtxt {
    margin-bottom: 5px;
}

.coupon-box p {
    color: #1b1c21;
    opacity: 0.5;
    font-size: 12px;
    margin-bottom: 0;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.available_coupon_info_sec {
    overflow: hidden;
}

.code-error {
    background: #fff2f4;
    border: 1px solid #ec4f51;
}

.coupon-section-hdr-sec {
    padding: 0 3%;
}

.coupon-info {
    width: 100%;
    height: 225px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 0;
    padding-top: 3px;
    margin-left: 0;
    padding-left: 3%;
    padding-right: 3%;
    position: relative;
}

.coupon-info::-webkit-scrollbar {
    width: 6px !important;
    border-radius: 7px;
}

.coupon-info::-webkit-scrollbar-track {
    background: #ffffff !important;
    margin-right: 10px;
    padding-right: 10px;
}

.coupon-info::-webkit-scrollbar-thumb {
    background: #d1d1d1 !important;
    border-radius: 5px;
    margin-right: 10px;
    padding-right: 10px;
}

.coupon-info::-webkit-scrollbar-thumb:hover {
    background: rgb(226, 226, 226) !important;
}

.coupon-tick {
    width: 17px;
    height: 17px;
    text-align: center;
    margin-right: 5px;
    line-height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(118, 173, 148);
    border-radius: 50%;
}

.coupon-tick svg {
    width: 10px;
    height: 7px;
}

.coupon-info .coupon-subtxt {
    margin-left: 0 !important;
}

.coupon-info .coupon-subtxt.no-coupon-txt {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    font-weight: 400;
    color: #1b1c21;
    opacity: 0.7;
    text-align: center;
    margin-top: -10px;
}

.coupon-applied-section {
    margin: 0 auto;
    width: 360px;
    top: 50% !important;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 5px;
    padding: 45px 0;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.coupon-applied-section .coupon-code-icon {
    margin-bottom: 20px;
}

.coupon-info .coupon-box .coupon-subtxt {
    margin-left: 0;
    font-size: 13px;
}

.cart-success-text {
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.coupon-applied-section .cart-success-text {
    background: #0073c4;
    padding: 8px 15px;
    min-width: 135px;
    text-align: center;
    color: #fff;
}

.coupon-code-icon svg {
    width: 50px;
}

.coupon-applied-section h2 {
    color: #1b1c21;
    font-size: 18px;
    font-weight: 500;
    opacity: 0.7;
    margin-top: 5px;
}

.coupon-applied-section h1 {
    color: #000;
    font-size: 44px;
    margin-top: 30px;
    font-weight: 600;
}

.coupon-applied-section p {
    color: #1b1c21;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
    padding: 0 30px;
    text-align: center;
}

.course-subscribed-section {
    margin: 0 auto;
    width: 360px;
    top: 50% !important;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 5px;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.course-wraper {
    margin: 0 auto;
    width: 500px;
    top: 50% !important;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 4px;
    padding: 45px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.course-wraper h3 {
    color: #1b1c21;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px !important;
    margin-bottom: 14px;
    line-height: 31px;
}

.course-wraper span {
    font-weight: bold;
}

.course-wraper p {
    color: #1b1c21;
    opacity: 0.7;
    width: 80%;
    margin: 0 auto;
    margin-top: 4px;
}

.enquiry-forontend-form .subscription-btn {
    width: 100px;
    height: 40px;
    margin-top: 30px !important;
    font-weight: 500;
}

.enquiry-forontend-form .cart-close {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 25px;
    margin-right: 30px;
    color: #000;
}

.modal .course-wraper .front_end_cart_btn {
    border-radius: 2px;
    padding: 11px 24px !important;
}

#course .cart-close {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 20px;
    margin-right: 20px;
    color: #000 !important;
}

#coupon-error .cart-close {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 25px;
    margin-right: 30px;
    color: #000;
}

.order-details-btm {
    display: block;
}

.order-details-btm .apply-cart-btn {
    margin-top: 15px !important;
}

.order-details-btm b {
    color: rgba(27, 28, 33, 0.7);
    font-size: 13px;
}

.total-amount b {
    color: #1B1C21;
    font-size: 13px;
}

.cart-order-details {
    display: block;
}

.cart-txtbar {
    display: inline-block;
    width: 300px;
    float: left;
}

.cart-md-offset-01 {
    margin-left: 4%;
}


.cart-section .form-group.focused .control-label {
    transform: scale(0.75);
    color: #1b1c2173;
    top: 3px;
    padding-left: 20px;
}

.cart-section .form-control:focus {
    border: 1px solid #87aefd;
    box-shadow: 0px 0px 0px 3px #87aefd45 !important;
}

.expire_text {
    background: #eb8d1b24;
    color: #eb8d1b;
    padding: 4px 10px;
    border-radius: 3px;
    font-weight: 400;
    font-size: 11px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    width: max-content;
    letter-spacing: 0.5px;
}

.sold_out_text {
    background: #f25c542e;
    color: #f25c54;
    padding: 6px 10px;
    border-radius: 3px;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    width: max-content;
}

.org_click {
    color: #0882fd;
}

.org_click:hover {
    color: #0882fd;
    opacity: 0.7;
}

.sold_out_text .coupon-close {
    margin-left: 0;
    margin-right: 5px;
    width: 11px;
    height: 11px;
    line-height: 11px;
    background: #f25c54;
}

.sold_out_text .coupon-close svg {
    width: 5px;
}

.sold_out_text .coupon-close svg path {
    fill: #fff;
    stroke: #fff;
}

.expire_text .coupon-close {
    margin-left: 0;
    margin-right: 5px;
    width: 11px;
    height: 11px;
    line-height: 11px;
    background: #eb8d1b;
}

.expire_text .coupon-close svg {
    width: 5px;
    height: 5px;
}

.expire_text .coupon-close svg path {
    fill: #fff;
    stroke: #fff;
}

.pps-details-sec .cart-box {
    box-shadow: none;
    padding: 0;
}

.pps-details-sec .cart-box .cart-text h5 {
    font-weight: 700;
    font-size: 14px;
    margin-top: 8px;
}

#no-couponcode {
    background: #fbfbfb;
    width: 560px;
    padding: 75px 60px;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#no-couponcode p {
    color: #929292;
    display: inline-block;
    margin-top: 5px;
}

.couponcode-notfound h3 {
    font-size: 18px;
    font-weight: bold;
}

#no-couponcode h3 {
    font-size: 18px;
    font-weight: bold;
}

.course_coupon_section {
    display: block;
}

.course_coupon_section .advanced-search {
    float: left;
    width: 340px;
}

.course_coupon_section .advanced-search input {
    padding-right: 40px;
    font-weight: normal;
}

.course_coupon_section .advanced-search input::placeholder {
    color: #9b9b9b;
}

.course_coupon_section .advanced-search input:focus {
    box-shadow: none;
}

.course_coupon_section .advanced-search-toggle {
    background: #eff3f6;
    border-radius: 5px;
    height: 36px;
}

.course_coupon_section .adv-search-input {
    border-right: 0 !important;
    padding: 0 0 0 15px;
    height: 18px;
}

.course_coupon_section .adv-search-input .icon-search {
    margin-bottom: 0;
}

.course_coupon_section .srch_txt {
    background: transparent !important;
    border: 0;
    box-shadow: none;
}

.course_coupon_sec_hdr .btn {
    float: right;
    height: 34px;
    line-height: 14px;
    width: 121px;
    padding: 0 !important;
    font-size: 12px !important;
}

.course_coupon_sec_hdr {
    position: relative;
    display: inline-block;
    width: 100%;
}

.course_coupon_sec_hdr::before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #f2f2f2;
    width: 105%;
    margin-left: -2.5%;
    bottom: -13px;
}

.course_coupon_details {
    display: block;
    clear: both;
    padding-top: 5px;
    position: relative;
    height: auto;
    min-height: calc(100vh - 148px);
}

.course_coupon_details .bc-column-selector .dropdown-toggle {
    padding: 0px 15px;
    font-size: 26px;
    font-weight: 500;
    position: relative;
    top: -12px;
    letter-spacing: -1px;
    color: #a2a2a2;
    cursor: pointer;
}

.course_coupon_box {
    display: block;
    clear: both;
    width: 100%;
    padding: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin-top: 14px;
}

.coupon_code_rght .bc-column-selector.open .dropdown-toggle {
    color: #0772de;
}

.coupon_code_rght .bc-column-selector.open .dropdown-toggle::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #0882fd12;
    position: absolute;
    top: 9px;
    left: 7px;
    right: 0px;
    bottom: 0px;
    border-radius: 50%;
    /* z-index: -9; */
}

.course_coupon_section .coupon-code-text {
    color: #1b1c21;
    font-weight: 600;
    font-size: 12px;
    padding: 0;
    line-height: 28px;
    height: 28px;
    border-radius: 5px;
    border: 1px dashed #737373;
    min-width: inherit;
    width: 115px;
    background: #e7f3ee;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
}

.course_coupon_section #searchclear {
    right: 15px;
    font-weight: 400;
    height: 36px;
}

.course_coupon_box h5 {
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    margin-top: 8px;
}

.course_coupon_section .bc-column-selector .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #ececec;
    border-radius: 3px;
    background-clip: padding-box;
    min-width: 100px;
    width: auto;
    box-shadow: 0px 0px 3px 0px #0000000d;
    padding: 0 0px;
    right: 35px !important;
    z-index: 1;
    top: 8px;
    bottom: inherit;
}

.course_coupon_section .bc-column-selector .dropdown-menu li a {
    padding: 7px 15px;
    border-bottom: 1px solid #cccccc4d;
    margin: 0 0;
    font-weight: 400;
    color: #353535;
    font-size: 13px;
    line-height: 17px;
}

.course_coupon_section .bc-column-selector .dropdown-menu li a:hover {
    background: #f7f9fb;
}

.coupon_code_url {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #000;
    padding-top: 5px;
}

.course_coupon_box p {
    color: #878787;
    font-weight: normal;
    font-size: 12px;
}

.coupon_code_url p {
    color: #000;
    font-weight: 500;
    width: 260px;
}

.couponcode-icon {
    margin-left: 10px;
}

.course_coupon_box .promocode-info-discount {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
}

.course_coupon_box .max-price {
    background: #f3f3f3;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    width: fit-content;
    margin-bottom: 5px;
    margin-top: 0px;
    color: #313131;
    height: 21px;
}

.coupon_code_rght {
    float: right;
    display: flex;
}

.course_coupon_section .validity_txt {
    clear: both;
    display: inline-block;
    font-size: 12px;
    margin-top: 40px;
    width: 100%;
    text-align: right;
    color: #000;
    font-weight: 500;
}

.course_coupon_section .validity_txt b {
    font-size: 13px;
    margin-left: 5px;
    font-weight: bold;
}

.couponcode-icon.coupons_copy {
    color: #0181ff;
    font-size: 11px;
}

.course_coupon_box .rght_align {
    display: grid;
    float: right;
    text-align: right;
    min-height: 58px;
}

.coupon-code-copied {
    background: #464c5b;
    border-radius: 5px;
    width: fit-content;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
    padding: 13px 20px;
    align-items: center;
    position: fixed;
    bottom: 15px;
    left: 0;
    right: 0;
}

.ellipsis-01 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.coupon-code-copied span {
    margin-right: 10px;
    float: left;
    margin-top: 2px;
}

.couponcode-notfound {
    background: #fbfbfb;
    width: 560px;
    padding: 79px 70px;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.couponcode-notfound h3 {
    font-size: 18px;
    font-weight: bold;
}

.couponcode-notfound p {
    color: #929292;
    display: inline-block;
    margin-top: 5px;
}

.couponcode-notfound img {
    width: 50px;
}

.couponcode-notfound h6 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 28px;
}

.cart_empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100vh - 185px);
    color: #1b1c21;
}

.cart_empty_icon {
    width: 135px;
    margin-bottom: 20px;
}

.cart_empty_icon svg {
    width: 100%;
    height: auto;
}

.keep-shopping {
    height: 40px;
    width: 160px;
    font-size: 14px !important;
    font-weight: 500;
}

.cart_purchase_info span {
    display: flex;
    align-items: center;
    margin-right: 10px;
    line-height: 20px;
}

.cart_purchase_info {
    margin-bottom: 5px;
    display: block;
    color: rgba(27, 28, 33, 0.5);
    font-size: 13px;
}

.cart_purchase_info span svg {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.color-error {
    color: #dd3737 !important;
}

.border-error {
    border: 1px solid #dd3737 !important;
}

.background-error {
    background: #fff2f4 !important;
    border: 1px solid #e30002 !important;
}

.cart-section .form-control.background-error:focus {
    box-shadow: none;
}

.password-visibility {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    height: 17px;
    width: 17px;
    line-height: 15px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.password-visibility.eye_show::before {
    content: "";
    border-left: 3px solid #1b1c21;
    height: 21px;
    position: absolute;
    left: 50%;
    transform: rotate3d(1, 1, 1, 300deg);
    top: -4px;
    margin-left: -1px;
}

.password-visibility svg {
    width: 100%;
    height: auto;
}

.btn .front_end_cart_btn {
    padding: 10px 30px;
    font-size: 14px !important;
    font-weight: 500;
}

.center_align_grid {
    float: none !important;
    margin: 0 auto;
}

.cart-price span {
    font-size: 14px;
}

.country-code-info {
    position: absolute !important;
    font-size: 10.5px !important;
    color: #000 !important;
    opacity: 0.5 !important;
    font-weight: 400 !important;
    margin-left: 15px;
    margin-top: 5px;
    line-height: 0px !important;
    padding-left: 0 !important;
    transform: translate3d(0, 10px, 0) scale(1);
}

.pps-no-member-sec::before {
    content: "";
    position: absolute;
}

.form-group.country-code #country {
    padding-top: 15px !important;
    color: #1b1c21 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 28px;
    background: transparent url("../../../images/down-arrow-icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: 94% 20px !important;
    background-size: 10px !important;
    text-transform: none;
    appearance: none;
}

.cart-section .form-group.country-code #country::after {
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    border-right: 2px solid #49505769;
    border-bottom: 2px solid #49505769;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: "";
    display: block;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    cursor: pointer;
    background: none !important;
}

.brdrline {
    border-bottom: 1px solid #ddd;
    width: 555px;
    margin-left: -25px;
}

.pc_subtxt {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mb-158 {
    margin-bottom: 158px;
}

.cart-section .form-group.country-code #country::-webkit-scrollbar {
    width: 7px !important;
    border-radius: 7px;
}

.cart-section .form-group.country-code #country::-webkit-scrollbar-track {
    background: #cbcbcb5c !important;
}

.cart-section .form-group.country-code #country::-webkit-scrollbar-thumb {
    background: #CBCBCB !important;
    border-radius: 5px;
}

.cart-section .form-group.country-code #country::-webkit-scrollbar-thumb:hover {
    background: rgb(226, 226, 226) !important;
}

.cart-unavailable-inner::-webkit-scrollbar {
    width: 7px !important;
    border-radius: 7px;
}

.cart-unavailable-inner::-webkit-scrollbar-track {
    background: #cbcbcb5c !important;
}

.cart-unavailable-inner::-webkit-scrollbar-thumb {
    background: #CBCBCB !important;
    border-radius: 5px;
}

.cart-unavailable-inner::-webkit-scrollbar-thumb:hover {
    background: rgb(226, 226, 226) !important;
}

.cart_mobile_view {
    display: none;
}

.cart_empty_section {
    min-height: 400px;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enroll-course-navigater .btn {
    border-radius: 4px;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.enroll-course-navigater .freeprev-btn {
    border: none !important;
}

.cart-btm-bar .trash-text {
    margin-top: 0;
}

.course-valdity-table .enroll-course-navigater {
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.cart_block_center_align {
    float: left;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.remove-cart button.close {
    margin-top: -4px;
    margin-right: -3px;
}

/* .cart-rght-box .order-details-btm .apply-cart-btn {
   margin-top: 3px !important;
} */

.coupon-section-hdr-sec .error-msg-icon {
    height: 16px;
}

#signup_password_message_text {
    line-height: 15px;
}

.modal.popup-frontend .btn {
    padding: 13px 20px !important;
    min-width: 120px;
    border-radius: 2px;
}

.form-down-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    line-height: inherit;
    height: 15px;
}

.coupon-section .apply-cart-btn {
    margin-top: 5px;
}

.remove-cart .cart-text h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.org-form-btn .btn {
    height: 43px;
    font-size: 15px !important;
    border-radius: 2px;
}

#cartBlock .modal .remove-cart button.close {
    margin-top: -4px;
}

.order-details-btm .mb-1 {
    margin-bottom: 0 !important;
}

.coupon-section .coupon-section-hdr-sec h5 {
    margin-bottom: 10px !important;
}

.coupon-section .available_coupon_info_sec .apply-coupon-box {
    justify-content: center;
    margin-left: 0;
}

.coupon-section-hdr-sec .error-msg .error-msg-icon {
    margin-top: 0;
}

.pricing-preview-right .course-valdity-table .enroll-course-navigater .btn.apply-cart-btn {
    border-radius: 5px;
}

.organisation-inner-block .organisation-enquiry-sec .cart-text {
    margin-left: 5px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
    display: block;
    text-align: right;
    margin-top: 0;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price b {
    text-align: right;
    margin-bottom: 3px;
    white-space: nowrap;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .form-down-arrow {
    height: inherit;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
    margin-left: 0;
    font-size: 16px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price b .rupee-icon {
    font-family: Roboto, sans-serif;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #1b1c21;
    opacity: 1;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price .rupee-icon {
    font-family: Roboto, sans-serif;
    color: #000;
    opacity: .5;
}

.cart-price .course-price-list {
    position: relative;
    bottom: inherit;
    padding: 0;
    border-bottom: none;
    gap: 20px;
}

.cart-section .cart-block-innersec .trash-text {
    margin-left: inherit;
    float: right;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 10px;
}

.cart-section .cart-block-innersec .trash-text span {
    font-weight: bold;
    display: flex;
    align-items: center;
}

.cart-section .add-course {
    align-items: center;
    margin-top: -5px;
    padding-bottom: 5px;
}

.cart-section .add-course svg {
    width: 9px;
}

.cart-section .add-course span.apply-text {
    margin-left: 6px;
    font-weight: bold;
    font-size: 10px;
    color: #6F75BC;
}

.cart-block-innersec .cart-bulk-actions.bulk-learner-list {
    display: block;
    clear: both;
    width: auto;
    margin-left: 0px;
}

.add-leaner-details {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
}

.addleaner-name-icon {
    color: #fff;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    font-size: 11px;
    line-height: 21px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.blue-icon {
    background: #4fa6fc;
}

.red-icon {
    background: #fd637a;
}

.green-icon {
    background: #92dba0;
}

.addleaner-email-icon {
    background: #ffc400;
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 15px;
    font-size: 8px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
    font-style: normal;
    color: #000;
}

.addleaner-email {
    display: block;
    align-items: center;
    font-size: 12px;
    font-style: italic;
    color: #919194;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
}

.addleaner-name {
    display: block;
    align-items: center;
    font-weight: bold;
    margin-right: 10px;
    font-size: 12px;
    color: #1B1C21;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
}

.addlearner-info {
    display: flex;
}

.addlearner-price-info {
    display: flex;
    align-items: center;
}

.addleaner-price {
    margin-right: 20px;
}

.addleaner-clse {
    color: #25252a !important;
    font-weight: 300 !important;
    font-size: 13px !important;
    opacity: 1;
    font-family: auto;
    margin-right: 15px;
    cursor: pointer;
}

.addleaner-price {
    margin-right: 15px;
    font-weight: bold;
    font-size: 12px;
    color: #13171F;
    min-width: 55px;
    text-align: right;
    line-height: 20px;
}

.addleaner-cp {
    font-size: 10px;
    font-weight: bold;
    color: #72A6FD;
    min-width: 115px;
    text-align: left;
}

.addleaner-edit svg {
    width: 9px;
    height: auto;
}

.addleaner-delete svg {
    width: 9px;
    height: auto;
}

.addleaner-edit {
    margin-right: 5px;
    margin-left: 10px;
    cursor: pointer;
    gap: 6px;
    display: flex;
}

.addleaner-delete {
    margin-left: 5px;
    cursor: pointer;
    gap: 6px;
    display: flex;
}

.cart-section .trash-text svg {
    width: 11px;
    height: auto;
}

.self-cancellation-innerblock {
    width: 800px;
    margin: 0 auto;
}

.transfer-order-time {
    display: inline-block;
    width: 200px;
}

.transfer-order-cp {
    display: block;
    background: #ebf3ff;
    padding: 3px 10px;
    font-weight: 500;
    font-size: 11px;
    margin-left: 20px;
    min-width: 100px;
    text-align: center;
}

.transfer-order-list {
    align-items: center;
}

.transfer-order-price .line-through {
    text-decoration: line-through;
    font-size: 11px;
    margin-left: 4px;
    font-weight: 500;
}

.transfer-order-price {
    min-width: 45px;
}

.transfer-order-price b {
    font-size: 14px;
    font-weight: bold;
    color: #13171F;
    margin-right: 5px;
}

.transfer-order-list.sltd .transfer-order-cp {
    background-color: #fff;
}

.transfer-order-list {
    margin-bottom: 5px;
    padding: 10px 15px;
}

.text-cp {
    color: #629cfd;
}

.text-mp {
    color: #66a794;
}

.green-color-cp {
    color: #539a86;
}

/* .warning-width{
   width: 150%;
} */


.my-profile-blocks .myprofile-cards-wraper.edit_profile_new .myprofile-card-body .table-wrap.profile-fields span.label-option.active span {
    font-size: 10px;
}

.fade.in {
    opacity: 1;
}

.show {
    display: block !important;
}

.separator-line {
    background: #f5f5f6;
    height: 15px;
    width: 1px;
}

.add-learner-details-block-wrap {
    /* border-left: 1px solid #D0D0D0; */
    padding-left: 16px;
}

.offcanvas.show {
    display: flex !important;
}

.add_address_form#details-pps .form-group span label,
.add_address_form#bill_address .form-group span label {
    color: #a4a4a6;
    font-weight: 400;
    position: absolute;
    bottom: auto;
    top: 14px;
    transform: unset;
    left: 13px;
    font-size: 12px;
    text-transform: capitalize;
    margin: 0;
    pointer-events: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.error-border {
    border: 1px solid #d43525 !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-form-header p {
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 1.42857143;
}

.cart-box.bulk-box.waiting-list-box .cart-img {
    display: inline-block;
    width: 115px;
    min-width: 115px;
}

body {
    line-height: 1.5;
}

.error-msg {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    position: absolute;
    font-size: 9px;
    color: red;
    font-weight: 400;
}

.declaration-box span.info-checkbox .cart_purchase_info ul {
    padding-left: 15px;
}

.declaration-box span.info-checkbox .cart_purchase_info ul li {
    list-style-type: disc;
}

.add_address_form#details-pps .form-group span.error-msg span {
    display: flex;
    align-items: center;
}

/* .learnerwrapper {
   display: flex;flex-wrap: wrap; " check box aligned bottom"
} */

.modal#email_verification_modal.my_modal_alert .modal-dialog .modal-content .modal-footer .btn {
    margin: auto;
    box-shadow: unset;
    margin-bottom: 14px;
    text-transform: capitalize;
    color: #2d71fd;
    font-weight: 500;
    border-radius: 2px;
    width: 190px;
    min-width: unset;
    height: 42px;
}

.modal#email_verification_modal.my_modal_alert .modal-dialog .modal-content .modal-footer button.btn.btn-continue {
    background: #f4f4f4;
}

.modal#email_verification_modal.my_modal_alert .modal-dialog .modal-content .modal-footer {
    display: grid;
    margin-top: 15px;
}

#email_verification_modal .modal-header {
    display: none;
}

.field-info {
    font-size: 10px;
    line-height: 13px;
    color: rgba(27, 28, 33, 1);
    font-weight: 500;
    margin-top: 3px;
    display: block;
}

.myprofile-cards-wraper.edit_profile_wrapper .myprofile-card-body .address-column label.address-info-msg span.note {
    float: left;
    width: 50px;
    height: 25px;
    margin-top: 0;
}

.myprofile-cards-wraper.edit_profile_wrapper .myprofile-card-body span.table-cell-e-address .custom-phoneinput-settings .custom-phoneinput-col.country_code_info:after {
    pointer-events: none;
}

.modal.info-modal.info-modal-container#common_modal .modal-content .close {
    opacity: 1;
}

#teachers-change.modal.fade.ofabee-modal .modal-dialog .modal-content.ofabee-modal-content {
    background: #fff;
}

#teachers-change.modal.fade.ofabee-modal .modal-dialog .modal-content.ofabee-modal-content .modal-header h2.modal-title.modal-pswd-head {
    padding-bottom: 20px;
}

#teachers-change.modal.fade.ofabee-modal .modal-dialog .modal-content.ofabee-modal-content .modal-body .form-group.form-group-alter {
    margin-bottom: 20px;
}

#teachers-change.modal.fade.ofabee-modal .modal-dialog .modal-content.ofabee-modal-content .modal-body .form-group.form-group-alter input {
    height: 45px;
    border-radius: 4px;
    padding: 22px 13px 10px;
}

.modal.ofabee-modal#teachers-change .modal-content.ofabee-modal-content .modal-footer.ofabee-modal-footer button.btn.ofabee-dark {
    height: 45px;
    font-size: 14px !important;
}

.modal.ofabee-modal#teachers-change .modal-content.ofabee-modal-content .modal-footer.ofabee-modal-footer button#change_pass_btn.orange-flat-btn {
    height: 45px;
    font-size: 14px !important;
}

#information_bar_verify .verify-nav p button.close.close-btn {
    opacity: 1;
}

.sidebar .sidebar-list li.active .icon-wrap svg path {
    stroke: #e0e0e3;
}

@media only screen and (max-width: 1400px) {
    .course-create-wrap label {
        font-size: 10px;
    }
}

@media only screen and (min-width: 991px) {
    .desk-none {
        display: none;
    }
}

@media only screen and (min-width: 1600px) {
    .coupon-info {
        height: 300px;
    }

    .pps-no-member-sec {
        height: 415px;
    }

    .mb-158 {
        margin-bottom: 308px;
    }
}

@media only screen and (max-width: 991px) {
    .cart-rght-box {
        margin-top: 5px;
    }

    .sm-mr-o {
        margin-left: 0;
    }

    .sm-pd-0 {
        padding-right: 5px !important;
    }

    .pd-sm {
        padding-left: 15px !important;
    }

    .pr-sm-15 {
        padding-right: 15px !important;
    }

    .cart-section .form-group.country-code #country {
        background-position: 97% 20px !important;
        background-size: 10px !important;
        text-transform: none;
    }

    .cart-section {
        height: auto;
    }

    ::-webkit-calendar-picker-indicator {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
    }

    #details-pps .form-group .form-control#date {
        background: transparent url("../../../images/calendar.png") !important;
        appearance: none;
        background-repeat: no-repeat !important;
        background-position: 95% center !important;
        background-size: 14px !important;
        padding-top: 10px;
    }

    #details-pps .form-control-placeholder.date-label {
        line-height: 45px;
    }

    #details-pps .form-control:valid+.form-control-placeholder.date-label {
        transform: translate3d(0, -20%, 0);
    }

    #details-pps .form-control:focus+.form-control-placeholder.date-label {
        font-size: 75%;
        transform: translate3d(0, -20%, 0);
        opacity: 0.5;
    }
}

@media only screen and (max-width: 800px) {
    .cart-section {
        height: calc(100% - (40px + 205px));
    }
}

@media only screen and (max-width: 768px) {
    .cart_mobile_view {
        display: block !important;
        float: right;
        position: absolute;
        right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .sm-reverse-flex {
        display: flex;
        flex-direction: column-reverse;
    }

    .sm-pd-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sm-none {
        display: none !important;
    }

    .apply-coupon {
        display: block;
        margin-top: 10px;
    }

    .apply-small-text {
        width: 100%;
        opacity: 0.5;
    }

    .cart-rght-box {
        margin-top: 0;
        border-radius: 0;
        padding: 25px 18px;
    }

    body .mb-mt-5 {
        margin-top: 5px !important;
    }

    body .sm-d-flex {
        display: block !important;
    }

    .cart-text {
        margin-left: 0;
    }

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

    .cart-price b {
        display: block;
        text-align: center;
        color: #1b1c21;
        font-size: 19px;
    }

    .cart-txtbar {
        display: inline-block;
        width: -webkit-fill-available;
        margin-left: 15px;
    }

    .cart-box {
        padding: 15px 15px;
        margin-bottom: 15px;
        min-height: 135px;
        box-shadow: none;
        border: 1px solid #ebebeb;
        border-radius: 2px;
    }

    #sign-in .custom-login-now {
        padding-top: 15px;
    }

    #sign-in .login-wraper .form-group .form-control {
        height: 40px;
    }

    .error-msg-icon {
        width: 11px;
        height: 16px;
    }

    #sign-in .form-group {
        position: relative;
        margin-bottom: 20px;
    }

    #sign-in .login-wraper {
        padding: 20px;
    }

    .error-msg .right-text-green {
        position: relative;
        top: 0;
    }

    #sign-in .signup-policy {
        font-size: 13px;
        margin-bottom: 15px;
        line-height: 19px;
    }

    #sign-in .form-control-placeholder {
        font-size: 13px;
        line-height: 40px;
    }

    .cart-text h5 {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
    }

    .phone-num {
        height: 40px;
    }

    .order-details-btm b {
        color: rgba(27, 28, 33, 0.8);
        font-size: 17px;
        font-weight: 400;
    }

    .total-amount b {
        font-size: 22px;
        color: #1b1c21;
        font-weight: bold;
        opacity: 1;
    }

    /* .order-details-btm .apply-cart-btn {
       margin-top: 5px !important;
   } */

    .btn.apply-cart-btn {
        font-size: 17px !important;
        font-weight: 700 !important;
        border-radius: 2px;
        padding: 15px 20px !important;
        line-height: 18px;
        height: auto;
    }

    .cart-rght-box h5 {
        font-weight: 700;
        color: #1b1c21;
        font-size: 18px;
    }

    .pr-sm-15 {
        padding-right: 15px !important;
    }

    .sm-d-block {
        display: block !important;
    }

    .coupon-box .applied-coupon {
        margin-top: 23px;
        font-size: 14px;
        top: 0;
    }

    .add-coupon {
        margin-top: 23px;
        top: 0;
    }

    .login_wrapper_sec {
        display: block;
        overflow: auto;
        transform: none;
        top: 0;
        margin-top: 10px;
        margin-bottom: 0px;
        bottom: 10px;
    }

    .organisation_inner-sec {
        padding: 0;
    }

    .organisation_enquiry_form {
        padding: 30px 20px;
    }

    .enguiry-proceed-btn {
        width: 100%;
        margin: 20px auto;
        margin-bottom: 50px;
        margin-top: 35px;
    }

    .enguiry-proceed-btn .btn {
        border-radius: 0;
        font-size: 18px !important;
        font-weight: 700;
        line-height: 53px;
    }

    #coupon-sec .form-group {
        position: relative;
        margin-bottom: 10px;
    }

    .coupon-brdr-btm {
        margin-left: -2.6%;
        width: 104%;
    }

    .coupon-brdr {
        width: 104%;
        margin-left: -2.5%;
    }

    #user-sign-popup {
        height: 100vh;
    }

    #sign-in {
        height: 100vh;
    }

    .sm-signup-num {
        position: relative;
    }

    .cart-box .cart-img {
        display: block;
        float: left;
        width: 30%;
        margin-bottom: 30px;
    }

    .cart-box .cart-txtbar {
        display: block;
        width: 66%;
        margin-left: 4%;
        float: left;
    }

    .cart-box .cart-price {
        float: left;
        margin-left: 4%;
        margin-top: 5px;
        display: flex;
    }

    .cart-price b {
        margin-right: 10px;
    }

    .cart-section {
        height: auto;
    }

    .remove-cart .cart-img {
        width: 25%;
    }

    .remove-cart .cart-text {
        width: 65%;
        margin-left: 4%;
    }

    .cart-notification {
        position: fixed;
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-top: 70px;
        width: 280px;
        padding: 10px 20px;
        font-size: 13px;
        z-index: 999;
    }

    .cart-tick {
        width: 40px;
        height: 40px;
        background: #dee9ff;
        border-radius: 50%;
        text-align: center;
        line-height: 48px;
        margin-right: 20px;
    }

    .sold_out_text {
        padding: 0px 10px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        height: 25px;
        line-height: 25px;
    }

    .cart-unavailable-inner .cart-box .cart-text h5 {
        font-weight: 700;
        font-size: 13px;
        margin-top: 7px;
        line-height: 17px;
    }

    .cart-sec b {
        display: none;
    }

    .cart-qty-num {
        top: -6px;
    }

    /* nav.navbar.nav-header-holder .profile_notification {
       right: 0 !important;
       left: 0 !important;
       margin: 0 auto;
       width: 280px;
   } */

    .cart-btm-bar .trash-text {
        width: auto;
        border-top: none;
        margin-top: 0;
        padding-top: 0;
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) and (min-width: 500px) {
    .coupon-section {
        padding: 15px 10px;
        border-radius: 0;
        padding-bottom: 10px;
        transform: none;
        bottom: 10px;
        top: 0 !important;
        margin-top: 10px;
        overflow: auto;
    }

    .pps-details-sec {
        margin-bottom: 10px;
        border-radius: 0;
        padding-bottom: 10px;
        transform: none;
        bottom: 10px;
        top: 0 !important;
        margin-top: 10px;
        overflow: auto;
    }

    .pps-no-member-sec {
        height: auto;
        overflow: hidden;
        padding-right: 15px;
        padding-top: 5px;
        margin-left: -10px;
        padding-left: 10px;
        overflow-x: hidden;
    }

    .modal#bulk_learner_enroll .pps-details-sec {
        padding: 17px 0 55px;
        top: 50% !important;
        transform: translateY(-50%);
        height: 579px;
        overflow: hidden;
    }

    .modal.add_address_form#details-pps .pps-details-sec {
        top: 50% !important;
        transform: translateY(-50%);
        height: 579px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 600px) {
    .pps-details-sec {
        width: 90%;
        padding: 25px 25px;
        border-radius: 0;
    }

    .pps-member-sec {
        margin: 0 auto;
        width: 100%;
        margin-top: 15px;
    }

    .coupon-section {
        width: 90%;
        padding: 15px 10px;
        border-radius: 0;
        padding-bottom: 10px;
    }

    .coupon-brdr {
        width: 108%;
        margin-left: -4%;
        display: inline-block;
    }

    body .coupon-subtxt {
        margin-top: 0 !important;
    }

    .coupon-info {
        margin-top: 5px;
        height: 200px;
    }

    .coupon-box .coupon-subtxt {
        margin-bottom: 5px;
        margin-top: 10px !important;
    }

    .coupon-box p {
        margin-bottom: 0;
        width: 100%;
        font-size: 12px;
    }

    .coupon-section .apply-coupon-box {
        padding: 5px 15px;
    }

    .modal#course .course-wraper {
        width: 90%;
        margin: auto;
        padding: 60px 30px;
        border-radius: 0;
        padding-bottom: 35px;
    }

    .cart-rght-box .coupon-section .btn.apply-cart-btn {
        font-size: 13px !important;
        padding: 11px !important;
        min-width: 135px;
        height: 45px;
    }

    #details-pps .cart-btn {
        width: 100% !important;
        line-height: 24px !important;
        border-radius: 2px;
    }

    .brdrline {
        border-bottom: 1px solid #ddd;
        width: 112%;
        margin-left: -6%;
    }

    #sign-in .login-wraper h3 {
        font-size: 24px;
    }

    #sign-in .login-wraper .form-group .form-control {
        height: 53px;
    }

    #sign-in .form-control-placeholder {
        font-size: 15px;
        line-height: 53px;
        opacity: 0.5;
        color: #1b1c21;
    }

    #sign-in .remember-me {
        font-size: 16px;
        font-weight: 400;
    }

    #sign-in .login-wraper .form-group .form-control#remember {
        margin-top: 0;
    }

    #sign-in .forgot-pswd {
        font-size: 16px;
    }

    .forgot-pswd b {
        font-weight: 500;
    }

    #sign-in .log-btn {
        height: 54px;
        line-height: 54px;
        border-radius: 0;
        font-size: 18px !important;
        font-weight: 700 !important;
        margin-top: 10px;
    }

    #sign-in .custom-login-now {
        padding-top: 5px;
        border-top: 0;
        font-size: 16px;
        font-weight: 400;
    }

    #sign-in .custom-login-now b {
        font-weight: 400;
        margin-left: 5px;
    }

    .phone-num {
        height: 53px;
        border-radius: 0;
        color: #1b1c21;
        font-weight: 500;
    }

    #sign-in .signup-policy {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 22px;
    }

    .order-details-btm .apply-cart-btn {
        margin-top: 15px !important;
        height: 53px;
        padding: 17px 20px !important;
        font-size: 17px !important;
        font-weight: 500 !important;
    }

    .cart-order-details {
        display: block;
        border-top: 1px solid #dddddd;
        margin-top: 20px;
    }

    .cart-price-list {
        font-size: 15px;
    }

    .cart-rght-box .apply-text {
        height: 54px;
        line-height: 55px;
        font-size: 17px;
        border-radius: 2px;
        font-weight: bold;
    }

    .apply-small-text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        opacity: 1;
    }

    .cart-section h3 {
        font-size: 17px;
        color: #1b1c21;
    }

    .cart-text h5 {
        font-size: 16px;
        line-height: 20px;
        margin-top: 0;
    }

    .cart_purchase_info {
        font-size: 14px;
        display: block !important;
    }

    .cart-price {
        font-size: 16px;
        display: block;
        align-items: center;
    }

    .cart-price b {
        display: block;
        text-align: center;
        color: #1b1c21;
        font-size: 16px;
    }

    .coupon-brdr {
        width: 104%;
        margin-left: -2%;
        margin-top: 10px;
    }

    .sm-mr-top10 {
        margin-top: 10px !important;
    }

    .coupon-brdr-btm {
        border-bottom: 1px solid #dedede;
        margin-left: -2%;
        width: 104%;
    }

    .coupon-section .coupon-info .coupon-box .apply-coupon-box {
        padding: 0px 15px;
    }

    .apply-coupon-sec .coupon-text {
        display: none !important;
    }

    .apply-coupon-sec {
        border: 1px solid #cccccc;
        border-radius: 2px;
        padding: 10px 20px;
    }

    .apply-coupon-sec p {
        margin-bottom: 5px;
    }

    .apply-coupon-sec .green-text b {
        font-weight: 500;
        font-size: 18px;
    }

    .apply-coupon-sec .apply-coupon-box {
        margin-top: -25px;
        padding: 8px 20px;
        font-size: 15px;
    }

    .coupon-ftr-txt {
        padding-right: 15px;
    }

    .coupon-close {
        line-height: 18px;
    }

    .cart-price span {
        font-size: 14px;
        line-height: 24px;
    }

    .coupon-box .applied-coupon {
        margin-top: 10px;
        font-size: 14px;
        top: 0;
        position: relative;
    }

    .add-coupon {
        margin-top: 10px;
        top: 0;
        position: relative;
    }

    .course-wraper h3 {
        color: #1b1c21;
        font-size: 24px;
        line-height: 28px;
    }

    #course .cart-close {
        margin-top: 25px;
    }

    .course-wraper p {
        font-size: 16px;
        margin-top: 4px;
    }

    .modal .course-wraper .front_end_cart_btn {
        border-radius: 2px;
        padding: 11px 24px !important;
        width: 100%;
        height: 54px;
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    .remove-cart {
        width: auto;
        margin: 0 20px;
    }

    .total-price {
        font-size: 20px;
    }

    .course-wraper {
        width: 90%;
        padding: 30px;
        border-radius: 0;
    }
}

@media only screen and (max-width: 460px) {
    #sign-in .login-wraper {
        width: 100%;
        padding: 30px 20px;
    }

    .login_wrapper_sec {
        width: 100%;
        top: 0;
        transform: none;
        border-radius: 0;
        bottom: unset;
        margin-top: 0;
        margin-bottom: 0;
    }

    .coupon-brdr {
        width: 106%;
        margin-left: -3%;
        margin-top: 10px;
    }

    .coupon-applied-section {
        width: 90%;
        border-radius: 0;
        padding: 50px 0;
        padding-bottom: 15px;
    }

    .coupon-applied-section h1 {
        color: #000;
        font-size: 35px;
        margin-top: 30px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .coupon-applied-section p {
        color: #1b1c21;
        font-size: 18px;
        font-weight: 500;
        margin-top: 5px;
        margin-bottom: 30px;
    }

    .cart-success-text {
        font-weight: 700;
        font-size: 17px !important;
    }

    #order-confirm p {
        width: 90%;
    }

    .organisation-enquiry-sec {
        width: 100%;
    }

    .cart-section .form-group.country-code #country {
        background-position: 95% 20px !important;
    }

    .organisation_inner-sec {
        padding: 0;
    }

    .organisation_enquiry_form {
        width: 100%;
        padding: 10px 20px;
        border-top: 1px solid #ccc;
        padding-top: 30px;
    }

    .enguiry-proceed-btn {
        width: 100%;
    }

    .cart-text {
        margin-right: 0;
    }

    .cart-box .cart-price {
        margin-top: 7px;
        display: flex;
    }

    .remove-cart .cart-img {
        width: 35%;
    }

    .remove-cart .close {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .apply-coupon-sec .apply-coupon-box {
        margin-top: -25px;
        padding: 8px 10px;
        font-size: 13px;
    }

    .apply-coupon-sec p {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .apply-coupon-sec .green-text b {
        font-weight: 500;
        font-size: 15px;
    }

    .pps-no-member-sec {
        height: 220px;
    }
}

@media only screen and (max-width: 360px) {
    .coupon-info {
        height: 150px;
    }

    .apply-coupon-sec .apply-coupon-box {
        margin-top: -25px;
        padding: 7px 10px;
        font-size: 12px;
    }

    .apply-coupon-sec {
        border: 1px solid #cccccc;
        border-radius: 2px;
        padding: 5px 15px;
    }

    .add-coupon {
        margin-top: 5px;
    }

    .coupon-box {
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 350px) {
    .apply-coupon-sec {
        border: 1px solid #cccccc;
        border-radius: 2px;
        padding: 5px 15px;
    }

    .apply-coupon-sec p {
        margin-bottom: 5px;
        font-size: 11px;
    }

    .apply-coupon-sec .green-text b {
        font-weight: 500;
        font-size: 14px;
    }

    .apply-coupon-sec .apply-coupon-box {
        margin-top: -25px;
        padding: 5px 10px;
        font-size: 11px;
        line-height: 19px;
    }

    .coupon-info {
        height: 95px;
    }

    .coupon-box {
        width: 100%;
        padding: 10px 15px;
        padding-bottom: 5px;
    }

    .coupon-section .apply-coupon-box {
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
    }

    .cart-box .cart-text h5 {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0;
    }
}

span.tax-tooltip {
    display: inline-block;
    border-radius: 50px;
    border: 1px solid;
    width: 13px;
    height: 13px;
    position: relative;
    text-align: center;
    font-size: 11px;
    line-height: 1;
    top: -1px;
    cursor: pointer;
}

span.tax-tooltip span.tax_tooltip_content {
    position: absolute;
    background: #000;
    color: #fff;
    width: 316px;
    text-align: justify;
    padding: 12px;
    bottom: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    line-height: 1.5;
    left: -15px;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    display: none;
}

span.tax-tooltip:hover span.tax_tooltip_content {
    opacity: 1;
    display: block;
}

span.tax_tooltip_content:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 16px;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

@media(max-width:1199px) {
    span.tax-tooltip span.tax_tooltip_content {
        width: 270px;
    }
}

@media(max-width:991px) {
    span.tax-tooltip span.tax_tooltip_content {
        width: 205px;
    }
}

.top-notification-slider {
    display: flex;
    align-items: center;
    background: #4f4f6b;
    padding: 15px 15px;
    font-size: 16px;
    min-height: 70px;
    max-height: 70px;
}

.top-notification-slider .item {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.top-notification-slider .item p {
    margin: 0 !important;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.top-notification-slider .close {
    margin-left: 15px;
    color: #fff;
    opacity: 1;
    font-size: 38px;
    font-weight: 200;
    position: absolute;
    right: 22px;
}

.information-modal .close-btn-holder {
    margin: 30px 0 0;
}

.information-modal .close-btn-holder button.btn.close-btn-orange.info-close {
    margin: auto;
    color: #fff;
    background: #FEA700;
    padding: 9px 21px;
}

.modal.my_modal_alert.information-modal .modal-dialog .modal-content .modal-body p {
    color: #4b4b4e;
}

.modal.my_modal_alert.information-modal .modal-dialog .modal-content .modal-body {
    width: 100%;
}

.modal.my_modal_alert.information-modal button.close {
    top: 0;
    color: #373737;
    position: absolute;
    right: 0;
}

.stu-newsfeed-blk .stu-newsfeed-left-part .newsfeed-list-container .nf-day {
    font-size: 60px;
    margin-right: 0;
    margin-top: -6px;
    text-align: center;
}

/* bulk enrollment */

.cart-bulk-text {
    color: #9A9B9D;
    font-size: 13px;
}

.cart-box.bulk-box .cart-txtbar {
    display: block;
    float: left;
    width: 330px;
}

.bill-address_btn {
    font-weight: 500;
    font-size: 13px;
    float: right;
}

.bill-address_btn:hover,
.bill-address_btn:focus {
    color: #535bbf;
    text-decoration: none;
}

.bulk-box .cart-text p {
    font-size: 13px;
}

.add-learner-box {
    text-align: center;
    padding: 12px;
    font-weight: bold;
    color: #6F75BC;
    margin-bottom: 0;
}

.add-learner-box svg path {
    stroke: #6F75BC;
}

.cart-box.bulk-box .add-learner-box {
    width: 85%;
    margin-left: auto;
    cursor: pointer;
    border-radius: 3px;
    font-size: 11px;
}

span.remove-learner.apply-text {
    cursor: pointer;
    margin-left: 29px;
    font-weight: 500;
    font-size: 12px;
}

.cart-box.bulk-box .cart-img {
    width: 126px;
}

.cart-box.bulk-box.waiting-list-box .cart-img {
    width: 90px;
}

.cart-bulk-actions.bulk-learner-list span.remove-learner.apply-text {
    position: relative;
    top: -13px;
}

.cart-bulk-actions {
    width: 79%;
    margin-top: 0;
    margin-left: auto;
    align-items: center;
}

.cart-box.bulk-box .bulk-learner-list .add-learner-box {
    width: auto;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    position: relative;
    padding: 0;
    line-height: normal;
    align-items: center;
    letter-spacing: 0.5px;
}

.cart-box.bulk-box .cart-text {
    min-height: unset;
    height: unset;
    display: block;
}

a.bill-address_btn.apply-text {
    font-weight: 600;
}

.cart-bulk-actions.bulk-learner-list {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-end;
    margin-right: 0;
    margin-left: auto;
    width: 79%;
}

.cart-bulk-actions.bulk-learner-list .learner_lists {
    margin-top: 12px;
    border: 0.5px solid #1b1c2114;
    width: 100%;
    padding: 11px 12px;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists {
    margin-top: 6px;
    border: 1px solid #1b1c2133;
    width: 100%;
    padding: 9px 8px;
}

.cart-bulk-actions.bulk-learner-list .learner_lists span.name-letter {
    background: #4FA6FC;
    color: #fff;
    border-radius: 50px;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 2.1;
    font-size: 12px;
}


/* .cart-bulk-actions.bulk-learner-list .learner_lists {
margin-top: 12px;
border: 0.5px solid #1b1c2114;
width: 100%;
padding: 12px;
} */

.cart-bulk-actions.bulk-learner-list .learner_lists span.learner-name {
    font-weight: 500;
    font-size: 12px;
    padding: 0 18px 0 5px;
    width: 30%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-transform: capitalize;
    vertical-align: middle;
    color: #1b1c21;
}

.learner-action-list {
    width: 88%;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-name {
    line-height: 1.7;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
    line-height: 1.7;
}

.cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
    color: #00000063;
    font-weight: 500;
    font-size: 12px;
    font-style: italic;
    width: 30%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
    display: inline-block;
    position: relative;
    top: 0;
    font-weight: 600;
}

span.learner-list-action span.icon-trash-empty {
    color: #FF4848;
    background: #FFF0F0;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    cursor: pointer;
    padding-top: 5px;
}

span.learner-list-action i.icon.icon-trash-empty:before {
    display: block !important;
    color: #FF4848;
    font-size: 12px;
    margin: auto;
    line-height: 2;
}

span.learner-list-action i.icon.icon-trash-empty {
    color: #FF4848;
    background: #FFF0F0;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    cursor: pointer;
    text-align: center;
    position: relative;
}

span.learner-list-action span.icon-trash-empty {
    color: #FF4848;
    background: #FFF0F0;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    cursor: pointer;
    text-align: center;
    position: relative;
}

span.learner-list-action span.icon-trash-empty svg {
    position: relative;
    top: -21px;
}

.modal.add_address_form#learners-list .pps-details-sec i.icon.icon-trash-empty:before {
    font-size: 11px;
    line-height: 2.1;
}

.modal.add_address_form#learners-list .pps-details-sec i.icon.icon-trash-empty {
    top: 0px;
    width: 22px;
    height: 22px;
    font-size: 8px !important;
    line-height: 8px !important;
}

.cart-box.bulk-box .trash-text {
    color: #656565;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    border-color: #c5bfbf;
}

span.learner-list-action {
    display: inline-flex;
    float: right;
}

.learner_lists p.apply-text {
    text-align: center;
    font-weight: 500;
    margin: 0;
    font-size: 12px;
}

.cart-bulk-actions.bulk-learner-list .learner_lists:not(.bulk_page) span.learner-list-action {
    opacity: 0;
    position: relative;
    top: 0;
}

span.remain-seat {
    color: #A3A5B2;
    float: right;
    font-size: 11px;
    position: absolute;
    right: 13px;
}

.cart-bulk-actions.bulk-learner-list .learner_lists:hover span.learner-list-action {
    opacity: 1;
}

span.learner-list-action span.edit-svg svg {
    width: 10px;
}

.cart-box.billing-box .cart-bulk-text {
    color: rgba(27, 28, 33, 0.6);
    display: flex;
}

.cart-box.billing-box .cart-bulk-text svg {
    fill: #000;
    opacity: 1;
}

.cart-box.billing-box .cart-bulk-text span {
    opacity: 1;
    color: #8B8B8D;
}

.cart-box.billing-box .cart-bulk-text b {
    font-weight: 500;
}

.cart-box.bulk-box .modal#remove .remove-cart .remove-btm-text .text-blue {
    font-weight: 500;
}

.cart-box.bulk-box .modal#remove .remove-cart {
    padding-bottom: 19px;
}

.cart-box.billing-box p.address.apply-small-text {
    color: #8B8B8D;
    opacity: 1;
}

.cart-box.billing-box p.address.apply-small-text::before {
    background: #8B8B8D;
}

.add_address_form .pps-member-sec {
    margin: 0;
}

span.learner-list-action span.edit-svg {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background: #F0F5FF;
    display: inline-block;
    text-align: center;
    margin-right: 12px;
    padding-top: 2px;
    cursor: pointer;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.name-letter {
    width: 20px;
    height: 20px;
    line-height: 2;
    font-size: 11px;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.edit-svg {
    width: 22px;
    padding: 0;
    height: 22px;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.edit-svg svg {
    width: 10px;
    display: block;
    text-align: center;
    margin: 1px auto 0;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.icon-trash-empty::before {
    content: none;
}

.add_address_form#details-pps .form-group .form-control {
    height: 43px;
    padding: 15px 9px 0;
}

.add_address_form#details-pps .btn.cart-btn {
    background: #fff;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none;
    position: relative;
}

.add_address_form#details-pps .btn.cart-btn a#pps_form_btn {
    background: #0882fd;
    display: inline-block;
    padding: 20px 23px;
    line-height: 0;
    margin-right: 19px;
    color: #fff;
}

.cart-box.bulk-box .trash-text .apply-coupon-box span.coupon-close svg {
    width: 14px;
    margin-right: 0;
    float: none;
    text-align: center;
    position: relative;
    top: 3px;
}

.add_address_form#bill_address .btn.cart-btn {
    background: #fff;
    line-height: normal !important;
    padding: 0 !important;
    text-align: right;
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none;
}

.add_address_form#bill_address .btn.cart-btn a#pps_form_btn {
    background: #0882fd;
    display: inline-block;
    padding: 20px 23px;
    line-height: 0;
    margin-right: 19px;
    color: #fff;
    border: none;
    outline: none;
}

p.address.apply-small-text:before {
    content: "";
    left: 0;
    position: absolute;
    width: 1px;
    background: #1B1C21;
    height: 100%;
    display: inline-block;
    opacity: 0.5;
}

p.address.apply-small-text {
    position: relative;
    padding-left: 15px;
}

.bulk-cart-btn {
    float: none;
    clear: both;
    padding-top: 9px;
    border-top: 0.5px solid #dfdbdb;
    margin: 0 -15px;
}

.add_address_form#details-pps .form-group span label,
.add_address_form#bill_address .form-group span label {
    color: rgba(27, 28, 33, 0.6);
    font-weight: 400;
    position: absolute;
    bottom: auto;
    top: 14px;
    transform: unset;
    left: 13px;
    font-size: 12px;
    text-transform: capitalize;
    margin: 0;
    pointer-events: none;
}

.add_address_form#details-pps .form-group span label.active,
.add_address_form#details-pps .form-group span label.focus {
    top: 5px;
    font-size: 10px;
    left: 10px;
}

.add_address_form#bill_address .form-group span label.active,
.add_address_form#bill_address .form-group span label.focus {
    top: 5px;
    font-size: 10px;
    left: 10px;
}

.add_address_form#guest_learner_details .form-group span label {
    color: #a4a4a6;
    font-weight: 400;
    position: absolute;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    font-size: 12px;
    text-transform: capitalize;
    margin: 0;
    pointer-events: none;
    width: 100%;
    z-index: 9;
}

.add_address_form#guest_learner_details .form-group span label.active,
.add_address_form#guest_learner_details .form-group span label.focus {
    top: 12px;
    font-size: 9px;
    left: 10px;
}

.add_address_form#guest_learner_details .form-group span input {
    height: 43px;
    padding: 15px 9px 0;
    font-weight: 500;
}

.add_address_form#guest_learner_details .form-group span {
    position: relative;
    float: none;
    clear: both;
    display: block;
}

.add_address_form#guest_learner_details .form-group span span.error-msg {
    position: absolute;
    display: flex;
    align-items: center;
}

ul.suggestion-list {
    padding: 0;
    background: #fff;
    list-style: none;
    position: absolute;
    width: 100%;
    max-height: 80px;
    overflow: auto;
    margin: 0;
}

ul.suggestion-list li {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.add_address_form#guest_learner_details .form-group span span.error-msg svg {
    top: 0;
}

.add_address_form#guest_learner_details .pps-details-sec {
    padding-bottom: 10px;
    padding-top: 16px;
}

.add_address_form#guest_learner_details .pps-details-sec .bulk-cart-btn .btn.cart-btn {
    margin-top: 10px !important;
    padding: 0 !important;
}

.add_address_form#guest_learner_details .pps-details-sec .bulk-cart-btn .btn.cart-btn a#add_guest_learners {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 0;
}

.add_address_form#details-pps .pps-no-member-sec {
    border-top: none;
    padding-top: 10px;
    overflow: hidden;
    height: unset;
    position: relative;
}

.add_address_form#guest_learner_details .form-group {
    margin-bottom: 25px;
}

#bill_address .form-group {
    position: relative;
    margin-bottom: 20px;
    margin-top: 0 !important;
}

span.info-checkbox {
    float: right;
    margin: 15px 0;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
}

span.info-checkbox input[type="checkbox"] {
    margin: 0 10px;
    position: relative;
    top: -1px;
    width: 15px;
    height: 15px;
}

.add_address_form#details-pps .form-group input#pps_dob ::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
}

.add_address_form#details-pps .form-group svg.dob-svg {
    position: absolute;
    top: 52%;
    right: 14px;
    color: #999;
    background: #fff;
    line-height: 42px;
    transform: translateY(-52%);
    pointer-events: none;
}

.add_address_form#bulk_learner_enroll .form-group svg.dob-svg {
    position: absolute;
    top: 50%;
    right: 13px;
    color: #999;
    background: #fff;
    line-height: 42px;
    transform: translateY(-50%);
    pointer-events: none;
}


/* .add_address_form#details-pps .pps-details-sec{
max-height: 600px;
overflow: auto;
} */

#bill_address .form-group span.select-item {
    width: 29%;
    display: inline-block;
    float: left;
    margin-right: 4px;
    position: relative;
}

.add_address_form .form-group.country_type {
    position: relative;
}

.add_address_form .form-group.country_type:after {
    transform: rotate(270deg);
    content: "\276E";
    font-weight: bold;
    display: block;
    font-size: 12px;
    position: absolute;
    right: 13px;
    top: 14px;
    pointer-events: none;
}

.add_address_form .form-group.country_type select#country_type {
    appearance: none;
    background: none !important;
}

#bill_address .form-group span.select-item label {
    top: 5px;
    font-size: 10px;
    left: 10px;
}

.modal.add_address_form#learners-list .pps-details-sec {
    width: 460px;
    padding: 18px 24px 4px;
}

.modal.add_address_form#learners-list .pps-details-sec button.close.cart-close {
    position: absolute;
    right: 32px;
    z-index: 99;
    top: 20px;
}

.cart-box.bulk-box.waiting-list-box .cart-txtbar {
    width: 100%;
}

.cart-box.bulk-box.waiting-list-box .cart-txtbar .cart-text {
    width: 75%;
}

.cart-box.bulk-box.waiting-list-box .cart-txtbar .cart-text h5 {
    margin-top: 0;
}

#bill_address .form-group span.select-item select {
    height: 43px;
    width: 100%;
    padding: 13px 9px 0;
    border: 1px solid #ccc;
    appearance: none;
    background-size: 15px !important;
    background-position: 95% 16px !important;
    font-weight: 500;
    background: none !important;
    font-size: 12px;
    color: #1B1C21;
    border-radius: 4px;
}

.add_address_form#detail-consent .pps-details-sec p {
    font-size: 12px;
    margin-bottom: 22px;
}

.modal#detail-consent .bulk-cart-btn .btn.cart-btn {
    background: #B0B1B2;
    height: 43px;
    line-height: 1.7 !important;
    margin-bottom: 5px;
    margin-top: 0 !important;
}

.modal#detail-consent .bulk-cart-btn {
    border: none;
    /* background: #B0B1B2; */
    padding: 0;
}

.add_address_form#bill_address .pps-details-sec p {
    font-size: 14px;
    color: #000;
    opacity: 0.7;
    margin-bottom: 18px;
}

.add_address_form#bill_address .pps-details-sec .pps-form-header h5 {
    margin-bottom: 6px;
}

#bill_address .form-group span.number {
    display: inline-block;
    width: 69%;
    position: relative;
}

#bill_address .form-group span.number input.form-control.form-alter {
    height: 43px;
}

.add_address_form#bill_address .form-group .form-control {
    height: 43px;
    padding: 15px 9px 0;
    border-color: #B0B0B2;
    font-weight: 500;
    box-shadow: none;
}

.add_address_form#bill_address .form-group .form-control:focus {
    box-shadow: 0px 0px 0px 3px #87aefd45 !important;
    border-radius: 2px;
    border: 1px solid #2D71FD;
}

.modal#bulk_learner_enroll .pps-details-sec form .form-group.form-group-alter.country_type label {
    font-size: 10px;
    top: 12px;
    left: 10px;
}

#bill_address .form-group span.select-item select:focus,
#bill_address .form-group span.select-item select:focus-visible {
    box-shadow: 0px 0px 0px 3px #87aefd45 !important;
    border-radius: 2px;
    border: 1px solid #2D71FD;
    outline: none;
}

.add_address_form#bill_address .pps-details-sec .cart-sub-text {
    margin: 0 10px 5px;
    font-size: 11px;
}

.add_address_form#bill_address .btn.cart-btn a#pps_form_btn:hover {
    text-decoration: none;
    color: #fff;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec {
    padding: 15px 25px 10px;
    width: 560px;
    max-height: 560px;
    height: unset;
    overflow: auto;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec::-webkit-scrollbar {
    width: 10px;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec::-webkit-scrollbar-thumb {
    background: #c3c3c3;
    border: 1px solid #fff;
    border-radius: 7px;
}

.modal.add_address_form.add_learner_form#details-pps label.form-control-placeholder {
    left: -5px;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec .ppc-choose form {
    margin-top: 9px;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec p {
    font-size: 12px;
    color: #000;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec .ppc-choose span [type="radio"]:checked+label:before {
    background: #2D71FD;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec .ppc-choose span [type="radio"]:checked+label:after {
    background: #fff !important;
    width: 6px;
    height: 6px;
    text-align: center;
    left: 6px;
    top: 6px;
}

#bill_address .form-group span.select-item:after {
    transform: rotate(270deg);
    content: "\276E";
    font-weight: bold;
    display: block;
    font-size: 12px;
    position: absolute;
    right: 8px;
    top: 17px;
    pointer-events: none;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec button.close.cart-close {
    position: relative;
    top: 7px;
}

.modal.add_address_form.add_learner_form#details-pps .btn.cart-btn a#pps_form_btn:hover {
    text-decoration: none;
    color: #fff;
}

#bill_address .form-group.country-name span.select-item {
    width: 100%;
    margin: 0;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list {
    margin: 16px auto 0;
    width: 100%;
    display: block;
}

.modal#registered-list .pps-details-sec .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list {
    margin: 11px auto 0;
}

.add_address_form#bill_address .pps-details-sec {
    padding: 20px 15px 7px;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .add-learner-box {
    margin-top: 16px;
}

.add_address_form#bill_address .pps-details-sec .pps-form-header button.close.cart-close {
    position: relative;
    left: 3px;
}


/* .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list:before {
content: "";
height: 2px;
width: 100%;
background: #F7F7F7;
position: absolute;
} */

.cart-box.bulk-box.waiting-list-box {
    position: relative;
    border: none;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list h5 {
    text-align: left;
    display: block;
    width: 100%;
    margin: 14px 0 0;
    font-size: 12px;
    color: #495057;
    font-weight: 500;
    border-top: #e1e1e1 0.5px solid;
    padding: 13px 0 7px;
}

.modal#learners-list .pps-details-sec {
    padding: 12px 30px;
}

.btn.done-btn.theme-blue-btn1 {
    height: 43px;
    padding: 10px 0;
    line-height: 1.8;
    margin-left: auto;
    margin-top: 12px;
    margin-right: 0;
}

.learner-action {
    width: 100%;
    position: relative;
}

.cart-bulk-actions.bulk-learner-list .learner-action .learner_lists {
    cursor: pointer;
    padding: 14px 12px;
}

.cart-bulk-actions.bulk-learner-list .learner-action .remove-learner.apply-text {
    position: absolute;
    right: 0;
    top: 50%;
}

.cart-bulk-text svg {
    width: 12px;
}

.cart-box .cart-bulk-text svg {
    width: 14px;
    vertical-align: sub;
    margin-right: 9px;
    position: relative;
    top: 0;
}

.alert-icon-img {
    display: block;
    text-align: center;
    margin: auto;
    width: 50px;
    height: 50px;
    background: #F58484;
    border-radius: 50px;
    border: 5px #FBF0F0 solid;
    font-size: 30px;
    color: #fff;
    line-height: normal;
    margin-bottom: 20px;
}

.modal#warning-address p {
    color: #B5B5B6;
    font-size: 12px;
    width: 80%;
}

.modal#warning-address {
    text-align: center;
}

.organisation-enquiry-sec .cart-img {
    width: 90px;
}

.organisation-enquiry-sec .cart-text {
    margin-left: 15px;
}

.organisation-enquiry-sec p {
    font-size: 12px;
    color: #1b1c217d;
}

.organisation-enquiry-sec p b {
    color: #2b72fd;
}

.cart-section h3.bulk-header {
    margin-left: 3px;
}

.add_address_form .bulk-cart-btn.btn.cart-btn button#pps_form_btn {
    background: #0882fd;
    display: inline-block;
    padding: 20px 23px;
    line-height: 0;
    margin-right: 19px;
    color: #fff;
    border: none !important;
    border-radius: 2px;
}

.modal.add_address_form#details-pps .pps-details-sec {
    padding: 17px 0 55px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm {
    position: relative;
    overflow: auto;
    max-height: 520px;
    margin: 0;
    overflow-x: clip;
    padding: 89px 18px 25px 18px;
    overflow-y: overlay;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm button.close.cart-close {
    float: none;
    position: absolute;
    right: 25px;
    left: auto;
    top: 15px;
}

.bulk-cart-btn .btn.cart-btn button#pps_form_btn {
    background: #0882fd;
    display: inline-block;
    padding: 20px 23px;
    line-height: 0;
    margin-right: 27px;
    color: #fff;
    border: none !important;
    border-radius: 2px;
}

.add_address_form#bill_address .pps-details-sec .bulk-cart-btn button#pps_form_btn {
    margin-right: 33px;
}

.modal.add_address_form span.error-msg span svg {
    width: 10px;
    margin-right: 3px;
    height: 10px;
    top: 1px;
    position: relative;
}

.modal.add_address_form span.error-msg {
    position: absolute;
    margin-top: 0;
    top: 46px;
    display: flex;
    line-height: normal;
    align-items: flex-start;
    font-size: 9.5px;
}

.modal#sign-in .login_wrapper_sec#user-sign-popup .organisation_enquiry_form .organisation_inner-sec .enguiry-proceed-btn .btn {
    height: unset;
}


/* enquiry form */

.organisation-inner-block .organisation-enquiry-sec .form-group label.control-label.active,
.organisation-inner-block .organisation-enquiry-sec .form-group label.control-label.focus {
    font-size: 10px;
    top: -3px;
    line-height: normal;
}

.organisation-inner-block .organisation-enquiry-sec .form-group label.control-label.text-area-label.active,
.organisation-inner-block .organisation-enquiry-sec .form-group label.control-label.text-area-label.focus {
    top: 1px;
}

.organisation-inner-block .organisation-enquiry-sec .form-group input {
    padding-top: 16px;
    font-weight: 600;
    color: #1B1C21;
}

.organisation-inner-block .organisation-enquiry-sec .form-group input::-webkit-outer-spin-button,
.organisation-inner-block .organisation-enquiry-sec .form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.organisation-inner-block .organisation-enquiry-sec .form-group select.form-control {
    padding-top: 16px;
    font-weight: 600;
    color: #1B1C21;
    padding-right: 35px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box {
    border: none;
    box-shadow: none;
    padding: 0;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-text h5 {
    width: 100%;
    height: unset;
    min-height: inherit;
}

.organisation-inner-block .organisation-enquiry-sec .form-group span.error-msg {
    display: block;
    visibility: visible;
    color: #dd3737 !important;
    line-height: normal;
    bottom: -22px;
}

.organisation-inner-block .organisation-enquiry-sec .form-group span.error-msg svg {
    width: 10px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 2px;
}

.modal.enquiry-forontend-form {
    background: #00000082;
}

.modal.enquiry-forontend-form .course-wraper h3 {
    font-size: 18px;
    margin: 8px 0 !important;
}

.modal.enquiry-forontend-form .course-wraper {
    padding: 28px 0;
    width: 468px;
}

.modal.enquiry-forontend-form .course-wraper p {
    padding: 0 35px;
    line-height: 20px;
    font-size: 14px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-img {
    width: 110px;
    min-width: 110px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec a.skip {
    display: block;
    text-align: center;
    margin-top: 16px;
    font-weight: 500;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec {
    padding: 28px 30px 16px;
}

a.purpose-info {
    width: 13px;
    height: 13px;
    border-radius: 50px;
    border: 1px solid;
    color: #757575;
    display: block;
    text-align: center;
    position: absolute;
    line-height: 1.2;
    font-size: 10px;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.organisation-inner-block .organisation-enquiry-sec .form-group .tooltip-inner {
    max-width: unset;
    width: auto;
    text-align: justify;
    padding: 12px;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    word-break: break-all;
}

/* .enquiry-footer.footer-form {
   margin: 0;
   padding: 0 15px !important;
   background: none;
} */

/* .footer-group .organisation-enquiry-sec {
   background: transparent;
   box-shadow: none;
   padding: 0;
} */

/* .footer-group .organisation-enquiry-sec .form-group .form-control {
   background: none !important;
} */

/* .footer-group .organisation-enquiry-sec .form-group .form-control option {
   color: #000 !important;
   background: transparent;
} */

/* .footer-group .organisation-enquiry-sec .form-group textarea.form-control {
   min-height: 85px;
   height: 85px;
} */

/* .footer-group .organisation-enquiry-sec label.control-label.text-area-label {
   background: transparent;
}

.footer-group .organisation-inner-block .organisation-enquiry-sec .form-group span.error-msg svg circle {
   fill: none !important;
} */

/* .custom-container-home-page .enquiry-footer.footer-form {
   padding: 15px !important;
}

.custom-container-home-page .enquiry-footer.footer-form .organisation-inner-block {
   width: 95%;
}

.footer-group .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip-inner {
   padding: 8px 8px;
   border-radius: 4px;
   background: white;
   top: auto;
   color: #000 !important;
   font-size: 12px;
   position: absolute;
   white-space: normal;
   max-width: 166px;
   bottom: 6px;
   line-height: 18px;
}

.footer-group .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top .tooltip-arrow {
   position: absolute;
   margin-top: -6px;
   border-width: 5px 5px 0px;
   width: 0px;
   height: 0px;
   border-right-color: transparent;
   border-bottom-color: transparent;
   border-left-color: transparent;
   border-style: solid;
   border-top-color: rgb(255, 255, 255) !important;
} */

/*enquiry form end*/

.modal#bulk_learner_enroll .pps-details-sec {
    padding: 17px 0 55px;
}

.modal#bulk_learner_enroll .pps-details-sec form {
    position: relative;
    overflow: overlay;
    max-height: 520px;
    margin: 0;
    overflow-x: clip;
    padding: 100px 10px 25px 18px;
}

.modal#bulk_learner_enroll .pps-details-sec form::-webkit-scrollbar {
    width: 7px !important;
    border-radius: 7px;
}

.modal#bulk_learner_enroll .pps-details-sec form .pps-member-sec .col-md-9 {
    padding: 0 16px 0 10px !important;
}

.modal#bulk_learner_enroll .pps-details-sec form::-webkit-scrollbar-track {
    background: #fff !important;
}

.modal#bulk_learner_enroll .pps-details-sec form::-webkit-scrollbar-thumb {
    background: #fff !important;
    border-radius: 5px;
}

.modal#bulk_learner_enroll .pps-details-sec form:hover::-webkit-scrollbar-thumb {
    background: #88898b !important;
}

.modal#bulk_learner_enroll .pps-details-sec form .pps-form-header {
    position: fixed;
    top: 7px;
    width: calc(100% + 0px);
    background: #fff;
    z-index: 1;
    padding: 6px 25px;
    margin-left: 0;
    left: 0;
}

.modal#bulk_learner_enroll .pps-details-sec form .bulk-nopps-form .col-md-6,
.modal#bulk_learner_enroll .pps-details-sec form .col-md-12.dev-pps-block {
    padding: 0 10px 0 8px !important;
}

.modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn {
    position: fixed;
    bottom: 0;
    width: calc(100% + 0px) !important;
    margin-left: -25px;
    z-index: 1;
    background: #fff;
    padding-bottom: 26px;
}

.modal#bulk_learner_enroll .pps-details-sec form .pps-no-member-sec {
    height: unset;
    overflow: hidden;
    margin: 0;
    width: 100%;
}

.modal#bulk_learner_enroll .pps-details-sec form .ppc-choose {
    margin: 17px 0 12px !important;
}

.modal#bulk_learner_enroll .pps-details-sec form .pps-no-member-sec::before {
    content: "";
    position: absolute;
    top: 0;
    width: 96%;
    height: 1px;
    /* border-top: 0.5px solid #dfdbdb; */
    display: block;
    margin: auto;
    left: -3px;
    right: 0;
    background: #dfdbdb;
}

.add_address_form#bulk_learner_enroll .form-group {
    position: relative;
    margin-bottom: 25px;
}

.add_address_form#bulk_learner_enroll .form-group span label {
    color: #a4a4a6;
    font-weight: 400;
    position: absolute;
    bottom: auto;
    top: 15px;
    transform: unset;
    left: 13px;
    font-size: 12px;
    text-transform: capitalize;
    margin: 0;
    pointer-events: none;
    line-height: unset;
}

.add_address_form#bulk_learner_enroll .form-control-placeholder {
    position: absolute;
    top: 52%;
    transition: all 200ms;
    opacity: 0.5;
    color: #000;
    line-height: normal;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
    cursor: auto;
    transform: translateY(-52%);
    width: 100%;
    padding: 0;
    left: 13px;
    display: inline-block;
    width: auto;
}

.add_address_form#bulk_learner_enroll .form-group label.active,
.add_address_form#bulk_learner_enroll .form-group label.focus {
    top: 12px;
    font-size: 9px;
    left: 9px;
    padding: 0;
    display: inline-block;
    width: auto;
}

.add_address_form#bulk_learner_enroll .form-group input {
    padding: 13px 8px 0;
    height: 43px;
    border-radius: 2px;
    font-weight: 500;
    color: #555;
}

.add_address_form#bulk_learner_enroll label.form-control-placeholder.date-label {
    font-size: 9px;
    top: 12px;
    padding: 0;
    left: 10px;
    display: inline-block;
    width: auto;
}

.add_address_form#bulk_learner_enroll select.form-control {
    height: 43px;
    padding: 13px 8px 0;
    background: unset !important;
    appearance: none;
    border-radius: 2px;
}

.modal#bulk_learner_enroll label.form-control-placeholder.select-label {
    font-size: 9px;
    top: 12px;
    width: auto;
    display: inline-block;
    left: 10px;
}

.modal#bulk_learner_enroll .pps-details-sec .ppc-choose span [type="radio"]:checked+label:before {
    background: #2D71FD;
}

.modal#bulk_learner_enroll .pps-details-sec .ppc-choose span [type="radio"]:checked+label:after {
    background: #fff !important;
    width: 6px;
    height: 6px;
    text-align: center;
    left: 6px;
    top: 6px;
}

.cart-box.bulk-box.waiting-list-box.enroll-box {
    margin-bottom: 100px;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.enquiry_cart_btn {
    padding: 10px 27px !important;
    min-width: 176px;
    font-size: 15px !important;
    line-height: 1.6;
    border-radius: 4px;
    position: relative;
    top: 0;
    margin-left: 12px;
    height: 50px;
}

.add_address_form#bulk_learner_enroll .form-group span.error-msg {
    display: flex;
    align-items: flex-start;
    bottom: unset;
    margin-top: 3px;
    position: absolute;
    top: auto;
}

.add_address_form#bulk_learner_enroll .form-group span label.info-label {
    position: static;
    transform: unset;
    font-size: 10px;
    margin-top: 4px;
}

.add_address_form#bulk_learner_enroll .form-group span.error-msg svg {
    position: relative;
    top: 1px;
    width: 8px;
}

.edit_success_toast {
    top: 0;
    right: auto;
    position: absolute;
    color: #fff;
    background: #454B93;
    border-radius: 7px;
    padding: 18px;
    width: 302px;
    left: 50%;
    animation-duration: 8s;
    animation-name: slidein;
    display: none;
    z-index: 9;
    bottom: auto;
    transform: translateX(-50%);
}

@keyframes slidein {
    0% {
        top: 0
    }

    50% {
        top: 50%;
    }

    75% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

.modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn .btn.cart-btn {
    margin: 0px 32px 0px auto !important;
    width: 140px !important;
    padding: 0 !important;
}

.modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn .btn.cart-btn a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
}

.modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn .btn.cart-btn.proceed-btn {
    margin: 0px auto 0px auto !important;
    width: 85% !important;
}

.modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn .btn.cart-btn:hover {
    background: #0882fd;
    cursor: not-allowed;
}

.modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn .btn.cart-btn a[disabled] {
    cursor: not-allowed;
    pointer-events: none;
}

.add_address_form#guest_learner_details .pps-details-sec .pps-form-header p {
    color: #1b1c21b5;
}

/* .cart-price span {
   margin-left: 7px;
   line-height: 26px;
} */

.cart-box.billing-box a.bill-address_btn.apply-text span {
    display: none;
}

.cart-box.billing-box a.bill-address_btn.apply-text span.mobile-hide {
    display: block;
    font-weight: bold;
}

.mobile-view {
    display: none !important;
}

.preview-as-user-modal.mobile-view.in {
    display: block !important;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .btn.done-btn.theme-blue-btn1 {
    float: right;
    height: unset;
    line-height: normal;
    padding: 13px 18px !important;
    margin-top: 21px;
    border-radius: 2px;
    min-width: 68px;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.icon-trash-empty svg {
    width: 9px !important;
    top: -4px;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.icon-trash-empty svg {
    top: -2px;
}

#details-pps .declaration-box span.info-checkbox span.error-msg span {
    width: auto;
    color: #dd3737 !important;
}

#details-pps .declaration-box span.info-checkbox span.error-msg {
    line-height: normal !important;
    margin: 0;
    bottom: 14px;
    display: block !important;
    color: #dd3737 !important;
    top: auto !important;
    font-weight: normal;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.icon-trash-empty {
    width: 18px;
    height: 18px;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .btn.done-btn.theme-blue-btn1:hover {
    color: #fff;
}

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec .ppc-choose {
    margin-bottom: 10px;
}

.add_address_form#details-pps .pps-no-member-sec:before {
    content: "";
    position: absolute;
    top: 0;
    width: 96%;
    height: 1px;
    /* border-top: 0.5px solid #dfdbdb; */
    display: block;
    margin: auto;
    left: -3px;
    right: 0;
    background: #dfdbdb;
}

.declaration-box {
    clear: both;
    float: none;
    font-size: 11px;
}

.declaration-box .cart_purchase_info {
    display: block;
    float: none;
    width: 100%;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 13px;
    color: #9B9B9D;
    opacity: 1;
}

.declaration-box span.info-checkbox {
    margin: 0;
    display: block;
    font-size: 11px;
    position: relative;
    text-align: justify;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .declaration-box span.info-checkbox {
    float: none;
}

.declaration-box span.info-checkbox input[type="checkbox"] {
    margin: 0 11px 0 0;
    position: relative;
    top: 2px;
    float: left;
    display: inline-block;
    height: 13px;
    width: 15px;
    color: #1b1c21;
    opacity: 0.6;
}

.modal#detail-consent .pps-details-sec {
    border-radius: 2px;
    padding: 23px 25px 33px;
}

.declaration-box span.info-checkbox span {
    display: inline-block;
    width: 90%;
    font-weight: 600;
    color: #1b1c21;
}

.declaration-box span.info-checkbox .cart_purchase_info {
    margin-bottom: 28px;
    margin-top: 8px;
}

.modal.add_address_form#details-pps .pps-details-sec .declaration-box span.info-checkbox .cart_purchase_info p {
    font-size: 11px;
}

.modal#details-pps .pps-details-sec .bulk-cart-btn {
    position: fixed;
    bottom: -14px;
    width: calc(100% + 0px) !important;
    margin-left: 0;
    z-index: 1;
    background: #fff;
    padding: 9px 0 6px;
    left: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-6 {
    padding: 0 10px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .dynamic_fields {
    display: inline;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-12 {
    padding: 0 10px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .ppc-choose {
    margin: 17px 0 12px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-member-sec .col-md-9 {
    padding: 0 16px 0 10px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .declaration-box {
    padding: 0 10px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec {
    margin: 0;
    padding: 8px 0 0 !important;
    width: 100%;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec .row {
    margin: 0;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.coupon-subtxt {
    padding-left: 10px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.info-checkbox {
    padding-right: 10px;
    color: #000;
    margin-top: 18px;
    font-weight: normal;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.cart-sub-text {
    padding: 0 10px;
}

.modal#details-pps .pps-details-sec .pps-form-header {
    position: fixed;
    top: 7px;
    width: calc(100% + 0px);
    background: #fff;
    z-index: 1;
    padding: 6px 27px;
    margin-left: 0;
    left: 0;
}

#details-pps .declaration-box span.info-checkbox span.error-msg {
    line-height: normal !important;
    margin: 0;
    bottom: 14px;
    display: block !important;
    color: #dd3737 !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm::-webkit-scrollbar {
    width: 7px !important;
    border-radius: 7px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm::-webkit-scrollbar-track {
    background: #fff !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm::-webkit-scrollbar-thumb {
    background: #fff !important;
    border-radius: 5px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm:hover::-webkit-scrollbar-thumb {
    background: #88898b !important;
}

.course-preview-pic.container .fundamentals-skill .fundamentals-altr button.product_buy_button_display.btn.apply-cart-btn.enquiry_cart_btn {
    display: inline-block;
    width: 160px;
    margin-left: 17px;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box .cart-txtbar {
    display: block;
    margin-left: 20px;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box .cart-txtbar .cart-text {
    width: 100%;
    margin: 0;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists {
    padding: 6px 0;
    border: none;
}

.add_address_form#details-pps .form-group span.error-msg {
    margin-top: 3px;
    top: 0;
    display: flex;
    line-height: 12px;
    align-items: flex-start;
    font-size: 10px;
    font-weight: 400;
}

.dynamic_fields .col-md-6:nth-child(2) {
    clear: both;
}

.add_address_form input[type=number]::-webkit-outer-spin-button,
.add_address_form input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.modal#registered-list .registered-action {
    width: 100%;
    border-top: 1px solid #E5E5E5;
    margin-top: 28px;
}

.modal#registered-list .registered-action .btn.done-btn.theme-blue-btn1 {
    width: 100%;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box {
    position: relative;
    width: 100%;
    margin: auto;
    display: block;
}

.modal#registered-list .pps-details-sec {
    padding: 17px 23px;
    width: 450px;
}

.modal#registered-list .registered-action .btn.done-btn.theme-blue-btn1 {
    width: 80%;
    margin: 16px auto 0;
    display: block;
    border-radius: 2px;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
    position: static;
}


/* .modal.add_address_form#details-pps .pps-details-sec input[type="date"]::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
} */


/* review cart */

.modal#item-verify .pps-details-sec .cart-box .cart-img {
    width: 130px;
}

.modal#item-verify .pps-details-sec p {
    margin-top: 5px;
    padding-bottom: 1px;
}

.modal#item-verify .pps-details-sec .cart-box .cart-text h5 {
    width: 95%;
    display: block;
    font-weight: 500;
}

.modal#item-verify .pps-details-sec h5 {
    margin-bottom: 4px;
}

.modal#item-verify .pps-details-sec .ppc-choose {
    margin-top: 18px !important;
}

.modal#item-verify .pps-details-sec .cart-box .cart-text span.sold_out_text {
    font-weight: 500;
    vertical-align: middle;
    display: flex;
    width: max-content;

}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists:nth-child(2n) span.name-letter {
    background: #FD637A;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists:nth-child(3n) span.name-letter {
    background: #86C191;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists:nth-child(3n+1) span.name-letter {
    background: #4FA6FC;
}

.modal#item-verify .pps-details-sec .skip-txt {
    background: #2d71fd;
    color: #fff;
    width: 64%;
    display: block;
    margin: auto;
    padding: 12px;
    line-height: 1.2;
    border-radius: 2px;
    margin-top: 18px !important;
}

.modal#item-verify .pps-details-sec {
    padding-bottom: 30px;
    max-height: 550px;
    overflow: overlay;
    padding-top: 23px;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar {
    width: 7px !important;
    border-radius: 7px;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-track {
    background: #fff !important;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-thumb {
    background: #fff !important;
    border-radius: 5px;
}

.modal#item-verify .pps-details-sec:hover::-webkit-scrollbar-thumb {
    background: #88898b !important;
}

.modal#item-verify .pps-details-sec .cart-box {
    margin-bottom: 24px;
    min-height: unset;
    border: none;
}

.modal#item-verify .pps-details-sec .cart-box .cart-text span.sold_out_text svg {
    vertical-align: middle;
    display: inline-block;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list {
    display: block;
    border: none;
    width: 100%;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists {
    border: none;
    padding: 0;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists span.name-letter {
    width: 20px;
    height: 20px;
    font-size: 10px;
    margin-right: 0;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-name {
    padding: 0 0 0 5px;
    width: 31%;
    margin-right: 2px;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
    width: 46%;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-track {
    background: #fff !important;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-thumb {
    background: #fff !important;
    border-radius: 5px;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-thumb:hover {
    background: #88898b !important;
}


/* .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view button.add-cart.enquiry_button_display.enquiry_cart_btn{
display: block;
} */

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle_cart_btn {
    display: inline-block;
}

#bill_address .form-group span.select-item select::-webkit-scrollbar {
    width: 10px;
}

#bill_address .form-group span.select-item select::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#bill_address .form-group span.select-item select::-webkit-scrollbar-thumb {
    background: #c3c3c3;
    border: 1px solid #fff;
    border-radius: 7px;
}

.add_address_form#details-pps .form-group.form-group-alter.phone-number span.select-code {
    width: 22%;
    display: inline-block;
    float: left;
    margin-right: 9px;
    position: relative;
}

.add_address_form#details-pps .form-group.form-group-alter.phone-number span.number {
    display: inline-block;
    width: 74%;
    position: relative;
}

.add_address_form#details-pps .form-group .form-control[readonly] {
    pointer-events: none;
    background: #eee !important;
    cursor: not-allowed;
    border: 1px solid #1b1c2194 !important;
}

.add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number span.code input#bulk_learner_phone_code {
    text-align: center;
    font-weight: 500;
}

#sign-in .login-wraper .form-group .form-control {
    outline: none;
}

.error-msg-icon {
    height: 16px;
}

.cart-text h5 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 40px;
    display: -webkit-box !important;
}

/* .order-details-btm .apply-cart-btn {
   margin-top: 5px !important;
} */

.cart-box .cart-price {
    margin-top: 0;
    display: block;
    float: right;
    text-align: right;
    width: auto;
}

.cart-section .trash-text {
    clear: both;
    display: block;
    float: left;
    margin-top: 10px;
    margin-left: 34%;
}

.cart-box.bulk-box {
    min-height: unset;
    margin-bottom: 10px;
}

.cart-box.billing-box {
    min-height: unset;
}

.cart-box.bulk-box .d-flex {
    display: flex;
}

.modal#details-pps button.proceed-btn {
    background: #0882fd !important;
    height: 43px;
    line-height: 1 !important;
    margin: 5px auto 20px;
    margin-top: 0 !important;
    width: 65%;
    float: none;
    text-align: center;
}

.modal#details-pps button.proceed-btn:disabled {
    background: #B0B1B2 !important;
    cursor: not-allowed;
    pointer-events: none;
}

.cart-box.bulk-box .cart_purchase_info span {
    margin-top: 4px;
}

.pps-details-sec .ppc-choose span input[type="radio"]:checked+label:before {
    background: #2D71FD;
}

.pps-details-sec .ppc-choose span input[type="radio"]:checked+label:after {
    background: #fff !important;
    width: 6px;
    height: 6px;
    text-align: center;
    left: 6px;
    top: 6px;
}

.cart-box.bulk-box .cart_purchase_info span {
    display: flex;
    align-items: center;
    margin-right: 10px;
    line-height: 21px;
}

.cart-box.bulk-box .cart-price {
    margin-top: 0;
    display: block;
    float: right;
    text-align: right;
    width: auto;
}

.cart-box.bulk-box .cart-price span {
    margin-left: 0;
    text-align: right;
}

.cart-box.bulk-box .cart-price b {
    text-align: right;
    position: relative;
    right: -1px;
}

#details-pps .form-control:valid+.form-control-placeholder.date-label {
    transform: translate3d(0, 0%, 0);
}

.add_address_form#details-pps .form-group label.form-control-placeholder {
    line-height: normal;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    padding: 0;
    left: 13px;
    width: auto;
    pointer-events: none;
}

.add_address_form#details-pps .form-group label.form-control-placeholder.focus {
    top: 12px;
    left: 11px;
    padding: 0px;
    font-size: 9px;
}

.add_address_form#details-pps .form-group label.form-control-placeholder.active {
    top: 12px;
    left: 11px;
    padding: 0px;
    font-size: 9px;
}

#details-pps .form-group.country-select.country_type select {
    background: none !important;
    appearance: none;
}

.add_address_form#details-pps .form-group.country-select.country_type label.form-control-placeholder {
    top: 12px;
    left: 11px;
    padding: 0px;
    font-size: 9px;
    line-height: normal;
    width: auto;
}

#details-pps .form-group.dob-select label.form-control-placeholder.date-label {
    top: 7px;
    left: 11px;
    padding: 0px;
    font-size: 9px;
    line-height: normal;
    width: auto;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
    filter: unset !important;
    border-radius: 4px;
    display: inline-block;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.disabled-button {
    opacity: 0.6;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn.free_course_button_show {
    height: 50px;
    display: inline-block;
}

.head-gradient.header-theme-bg.header-theme-bg-new .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-course-price span {
    margin-bottom: 8px;
}

.add_address_form#details-pps .form-group {
    margin-bottom: 15px;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-text {
    margin: 0;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-txtbar .cart-price b {
    text-align: left;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block {
    position: relative;
    padding: 0 10px;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box .cart_purchase_info {
    float: none;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block span#bulk_learner_consent_message_holder {
    top: auto;
    width: 100%;
    display: flex;
    bottom: 10px;
    left: 22px;
    align-items: center;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block span#bulk_learner_consent_message_holder span.error-msg-icon {
    height: auto;
    margin: 0;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block span#bulk_learner_consent_message_holder svg {
    top: 0;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box span.info-checkbox {
    margin: 0;
    display: block;
    font-size: 11px;
    position: relative;
    text-align: justify;
    float: none;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-txtbar {
    display: flex;
    margin-left: 10px;
}

.bulk-error.payment_warning {
    text-align: center;
}

.bulk-error.payment_warning svg {
    width: 52px;
}

.bulk-error.payment_warning p {
    color: #848486;
    font-size: 13px;
    width: 40%;
    margin: auto;
}

.bulk-error.payment_warning h2 {
    font-weight: 700;
    font-size: 26px;
    margin: 5px auto 16px;
}

.bulk-error.payment_warning {
    float: none;
    margin: auto;
}

.bulk-error.payment_warning .button-action .theme-blue-btn1.btn {
    margin-right: 0;
}

.add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number span.number {
    display: inline-block;
    width: 74%;
    position: relative;
}

.add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number span.code {
    width: 22%;
    display: inline-block;
    float: left;
    margin-right: 9px;
    position: relative;
}


/* .add_address_form#bulk_learner_enroll .form-group.country-select.country_type label.form-control-placeholder {
top: 10px;
font-size: 10px;
left: 9px;
} */

.add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number {
    display: flex;
}


/* .add_address_form#bulk_learner_enroll .form-group input[type="date"]::-webkit-inner-spin-button, .add_address_form#bulk_learner_enroll .form-group input[type="date"]::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
} */

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-txtbar .cart-price {
    margin: 0;
}

.modal#bulk_learner_enroll .pps-details-sec form .bulk-nopps-form .form-group.country-select.country_type label.form-control-placeholder {
    font-size: 10px;
    top: 12px;
    left: 9px;
}

.cart-box .trash-text.mobile-view {
    display: flex !important;
    margin-left: 0;
    float: right;
    margin-top: 0;
}

.cart-box .trash-text.mobile-view svg {
    display: none;
}

.cart-box.bulk-box div .d-flex.justify-content-end.w-100.cart-btm-bar {
    position: absolute;
    /* left: 0; */
    display: block !important;
    margin: 0;
    bottom: 25px;
}

.cart-box.bulk-box .cart-text .tax-info {
    margin-bottom: 9px;
}

.cart-box.bulk-box .cart-text span.warning-msg {
    position: static;
    margin-bottom: 5px;
}

.declaration-box .cart_purchase_info p a {
    color: #337ab7;
}

.add_address_form#bill_address .pps-details-sec .col-md-6 {
    padding: 0 10px !important;
}

.add_address_form#bill_address .pps-details-sec .pps-form-header {
    padding: 0 10px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-form-header h5 {
    margin-bottom: 6px;
    margin-top: 10px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-form-header {
    top: 5px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-form-header p {
    margin-bottom: 10px;
    margin-top: 0;
}

.bulk-cart-btn .btn.cart-btn button#pps_form_btn.proceed-btn {
    margin: 0px auto 0px auto !important;
    width: 65% !important;
    text-align: center;
    float: none;
    padding-top: 15px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.modal.my_modal_alert#request_modal .modal-dialog .modal-content .modal-body h5.message-body {
    padding: 0;
    margin: 10px 0;
}

.add_address_form#details-pps .form-group span label.info-label {
    position: static;
    transform: unset;
    font-size: 10px;
    margin-top: 4px;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.Multiple.Redirection.test p.time,
.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.Multiple.Redirection.test h2,
.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.Multiple.Redirection.test .location h6,
.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.Multiple.Redirection.test .location .address p {
    color: #9F9F9F;
}

.add-course {
    display: flex;
    align-items: flex-start;
    background: none;
    box-shadow: none;
    font-size: 13px;
    text-transform: capitalize;
    padding-left: 0;
    padding-bottom: 20px;
}

.add-course span.apply-text {
    margin-left: 6px;
}

.modal.add_address_form .pps-details-sec form .form-group.form-group-alter.phone-number .number span.error-msg {
    bottom: -25px;
}

@media(min-width:1072px) {
    .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top {
        left: 98% !important;
    }

    .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top .tooltip-arrow {
        left: 21px !important;
    }
}

@media(max-width:991px) {
    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-6 {
        width: 100%;
    }
}

@media(min-width:767px) {

    .modal#bulk_learner_enroll .pps-details-sec form .bulk-nopps-form .col-md-6,
    .modal#bulk_learner_enroll .pps-details-sec form .col-md-12.dev-pps-block {
        display: inline-grid;
        float: none;
        width: 49.6%;
    }

    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-6 {
        display: unset;
        float: left;
    }

    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .dynamic_fields {
        display: inline;
    }

    .cart-box.bulk-box .trash-text {
        display: block !important;
        align-items: baseline;
        justify-content: space-between;
        border-color: #c5bfbf;
        float: right;
        position: absolute;
        right: 20px;
        bottom: 33px;
        color: #2b72fd;
        font-size: 12px;
        font-weight: 500;
        width: auto;
    }

    .cart-box.bulk-box .trash-text span svg {
        display: none;
    }

    .cart-box.bulk-box .trash-text span {
        font-weight: 500;
    }

    .cart-box.bulk-box {
        position: relative;
    }

    .modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn {
        position: fixed;
        bottom: 0;
        width: calc(100% - 215px);
        z-index: 1;
        background: #fff;
        padding-bottom: 17px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
}

@media only screen and (max-width: 999px) {
    .login_wrapper_sec {
        display: block;
    }
}

@media(max-width:768px) {
    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
        display: none !important;
    }
}

@media(min-width:1366px) {
    .modal.add_address_form#learners-list .pps-details-sec {
        /* width: 584px; */
        width: 720px;
        padding: 35px 34px 8px;
    }

    /* .modal.add_address_form#learners-list .pps-details-sec button.close.cart-close {
   position: absolute;
   right: 25px;
   z-index: 99;
   top: 17px;
} */
}

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

    .add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number span.number {
        width: 76%;
    }

    .cart-box .trash-text.mobile-view svg {
        display: block;
    }

    .cart-box.bulk-box {
        min-height: unset;
    }

    .cart-box.billing-box {
        min-height: unset;
    }

    .cart-unavailable-inner .cart-box {
        border: none;
        min-height: unset;
    }

    .cart-unavailable-inner {
        padding-right: 15px;
    }

    .cart_mobile_view .cart-sec svg {
        width: 20px !important;
    }

    .cart-box.bulk-box .bulk-learner-list .add-learner-box {
        width: 100%;
        height: 45px;
        line-height: 45px;
        display: block;
        background: #F1F0FF 0% 0% no-repeat padding-box;
        font-size: 14px;
    }

    .cart-section .cart-block-innersec .trash-text span {
        font-weight: 400;
        align-items: center;
        font-size: 13px;
    }

    .learner-action-list {
        width: 100%;
    }

    .modal#bulk_learner_enroll .pps-details-sec form .pps-no-member-sec .row {
        margin: 0;
    }

    .modal#bulk_learner_enroll .pps-details-sec form .pps-no-member-sec {
        padding: 0;
    }

    .modal#bulk_learner_enroll .pps-details-sec form .pps-no-member-sec .row .col-md-12 {
        padding: 0;
    }

    .modal#bulk_learner_enroll .pps-details-sec .col-md-6 {
        padding: 0 !important;
    }

    span.remain-seat {
        color: #A3A5B2;
        float: right;
        font-size: 10px;
        position: absolute;
        right: 9px;
        top: 50%;
        transform: translatey(-50%);
    }

    .cart-bulk-actions.bulk-learner-list span.remove-learner.apply-text {
        position: relative;
        top: -13px;
        display: none;
    }

    .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action {
        opacity: 1;
    }

    .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
        width: 30%;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
        top: 0;
    }

    span.remove-learner.apply-text {
        cursor: pointer;
        margin-left: 29px;
        display: none;
    }

    .cart-box.bulk-box .add-learner-box {
        width: 100%;
    }

    .cart-bulk-actions {
        width: 100%;
    }

    .cart-box.bulk-box .d-flex:first-child {
        display: block !important;
    }

    .cart-box.bulk-box.waiting-list-box.enroll-box .d-flex {
        display: flex !important;
    }

    .cart-box.bulk-box .cart-img {
        display: inline-block;
        float: left;
        width: 33%;
    }

    .mobile-hide {
        display: none;
    }

    .cart-box.bulk-box .cart-txtbar {
        width: 63%;
        display: inline-block;
    }

    .cart-bulk-actions.bulk-learner-list {
        width: 100%;
    }

    .cart-box.billing-box .cart-bulk-text span {
        display: none;
    }

    .cart-box.billing-box a.bill-address_btn.apply-text span {
        display: block;
        font-weight: bold;
    }

    .cart-box.billing-box a.bill-address_btn.apply-text span.mobile-hide {
        display: none;
    }

    .cart-box.billing-box .d-flex {
        display: flex;
        flex-direction: row;
        justify-content: center !important;
    }

    .cart-box.billing-box .d-flex.learner_billing_detail {
        display: block !important;
    }

    .cart-box.billing-box .d-flex.learner_billing_detail a.bill-address_btn.apply-text {
        float: none;
        width: 100%;
        display: inline-block;
        font-weight: bold;
        padding-left: 28px;
        margin-top: 10px;
        color: rgba(43, 114, 253, 1);
    }

    .cart-box.billing-box p.address.apply-small-text {
        color: rgba(27, 28, 33, 0.6);
        opacity: 1;
        display: block;
        padding-left: 28px;
    }

    .cart-box.billing-box .cart-bulk-text b {
        font-weight: 500;
        color: #1B1C21;
        font-size: 15px;
    }

    .cart-box.billing-box .cart-bulk-text svg {
        fill: #000;
        opacity: 1;
        width: 14px;
        margin-right: 15px;
    }

    .cart-box.billing-box {
        min-height: unset;
        padding: 20px;
    }

    .cart-box.billing-box .d-flex.learner_billing_detail span.mobile-view {
        display: inline-block !important;
    }

    .cart-box .cart-bulk-text svg {
        top: -1px;
        fill: #2b72fd;
        width: 31px;
        position: relative;
    }

    section.cart-section .container .row.mobile-bulk-view {
        display: flex;
        flex-direction: column-reverse;
    }

    .add_address_form#bill_address .pps-details-sec {
        max-height: 600px;
        padding: 15px 25px 15px;
        overflow: auto;
    }

    .add_address_form#bill_address .pps-details-sec::-webkit-scrollbar {
        width: 10px;
    }

    .add_address_form#bill_address .pps-details-sec::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .add_address_form#bill_address .pps-details-sec::-webkit-scrollbar-thumb {
        background: #c3c3c3;
        border: 1px solid #fff;
        border-radius: 7px;
    }

    .add_address_form#bill_address .btn.cart-btn button#pps_form_btn {
        margin: 0;
        width: 100%;
    }

    .mobile-view {
        display: block !important;
    }

    .add_address_form#details-pps .pps-no-member-sec {
        border-top: none;
        padding: 18px 5px 0 8px !important
    }

    span.info-checkbox {
        margin: 2px 0;
    }

    .cart-box.bulk-box.waiting-list-box {
        border: none;
    }

    .modal#learners-list .pps-details-sec {
        padding: 12px 14px;
    }

    .cart-box.bulk-box.waiting-list-box .cart-img {
        float: none;
        margin-bottom: 0;
    }

    .cart-box.bulk-box.waiting-list-box .cart-txtbar {
        float: right;
        width: 62%;
        margin-left: 0;
    }

    .cart-box.bulk-box .cart-text {
        width: 100%;
    }

    .modal.add_address_form.add_learner_form#details-pps .pps-details-sec {
        width: 90%;
        max-height: 570px;
    }

    .add_address_form#details-pps .btn.cart-btn a#pps_form_btn {
        margin-right: 22px;
    }

    .modal.add_address_form.add_learner_form#details-pps .pps-details-sec .bulk-cart-btn {
        width: 100%;
        background: #fff;
        padding: 15px 0;
        margin: 0;
    }

    .modal.add_address_form.add_learner_form#details-pps .pps-details-sec .bulk-cart-btn .btn.cart-btn a#pps_form_btn {
        width: 100%;
        text-align: center;
    }

    .cart-box.bulk-box .cart-text h5 {
        font-size: 16px;
        margin-top: 0;
        -webkit-line-clamp: 2;
        margin-bottom: 5px;
    }

    .cart_purchase_info {
        font-size: 14px;
    }

    .courselist-cp-txt {
        font-weight: 400;
        font-size: 11px;
    }

    .courselist-mp-txt {
        font-weight: 400;
        font-size: 11px;
    }

    .course-price-cp {
        font-size: 18px;
    }

    .course-price-mp {
        font-size: 18px;
    }

    .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .btn.done-btn.theme-blue-btn1 {
        float: none;
        width: 100%;
        margin-top: 92px;
    }

    .cart-box.bulk-box.waiting-list-box .cart-txtbar .cart-text {
        width: 80%;
    }

    span.learner-list-action span.edit-svg {
        width: 21px;
        height: 21px;
    }

    span.learner-list-action span.edit-svg svg {
        width: 8px;
        height: 8px;
        margin-top: 5px;
    }

    span.learner-list-action span.icon-trash-empty,
    span.learner-list-action i.icon.icon-trash-empty {
        width: 21px;
        height: 21px;
    }

    .cart-bulk-actions.bulk-learner-list .learner_lists span.name-letter {
        width: 21px;
        height: 21px;
        line-height: 24px;
        font-size: 10px;
    }

    span.learner-list-action i.icon.icon-trash-empty:before {
        font-size: 10px;
        line-height: 2.2;
    }

    .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-name {
        font-size: 11px;
        padding: 0 9px 0 5px;
    }

    .cart-bulk-actions.bulk-learner-list .learner_lists {
        padding: 8px;
    }

    .cart-section h3.bulk-header {
        margin-left: 0;
        font-size: 16px;
    }

    .cart-box.billing-box p.address.apply-small-text::before {
        content: none;
    }

    .cart-box.billing-box .learner_billing_detail .d-flex {
        display: block !important;
    }

    .cart-box.billing-box .learner_billing_detail .d-flex p.address {
        padding-left: 43px;
    }

    .cart-box.billing-box .learner_billing_detail .d-flex a.bill-address_btn.apply-text {
        float: none;
        width: 100%;
        padding-left: 43px;
        display: block;
        margin-top: 8px;
    }

    .cart-box.billing-box .learner_billing_detail .d-flex a.bill-address_btn.apply-text span.mobile-view {
        display: inline-block !important;
    }

    .add_address_form#bill_address .btn.cart-btn a#pps_form_btn {
        width: 100%;
        text-align: center;
        color: #1B1C21;
        font-size: 19px;
    }

    .cart-box.billing-box .learner_billing_detail .d-flex .cart-bulk-text svg {
        top: 5px;
    }

    .add_address_form#bill_address .bulk-cart-btn {
        margin: 0;
    }

    .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
        width: 30%;
    }

    .modal.add_address_form#learners-list .pps-details-sec {
        width: 90%;
        height: unset;
        min-height: unset;
        padding: 21px 23px 8px;
    }

    .modal.add_address_form#learners-list .pps-details-sec .cart-box.bulk-box.waiting-list-box {
        min-height: unset !important;
    }

    .cart-rght-box.checkout-bulk-box .order-details-btm {
        display: block;
        position: absolute;
        width: calc(100% - 36px);
        background: #fff;
        top: 14px;
        left: auto;
        right: auto;
    }

    .cart-rght-box.checkout-bulk-box .order-details-btm .d-flex.align-center.justify-content-between.mb-1.w-100 {
        margin-bottom: 0 !important;
    }

    .cart-rght-box.checkout-bulk-box {
        position: relative;
        padding-top: 96px;
    }

    .cart-rght-box.checkout-bulk-box .apply-coupon {
        display: none;
    }

    .cart-section h3.bulk-header span b {
        display: none;
    }

    section.cart-section .container .row.mobile-bulk-view .col-md-8 .d-flex.align-center.justify-content-between.w-100.mb-1.mt-25 {
        margin: 0 !important;
    }

    .add_address_form#details-pps .pps-no-member-sec:before {
        left: 3px;
        width: 100%;
    }

    .modal.add_address_form.add_learner_form#details-pps label.form-control-placeholder.date-label {
        top: -7px;
    }

    .cart-box.billing-box .cart-bulk-text {
        font-weight: 500;
        color: #1B1C21;
        font-size: 15px;
        align-items: center;
    }

    .add_address_form#details-pps .pps-no-member-sec .col-md-6 {
        padding: 0 15px !important;
    }

    .add_address_form#bill_address .pps-details-sec .col-md-6 {
        padding: 0 !important;
    }

    .add_address_form#bill_address .pps-details-sec .pps-form-header {
        padding: 0;
    }

    .add_address_form .form-group.country_type:after {
        top: 14px;
        right: 18px;
    }

    .bill-address-row {
        order: 1;
        background: #fff;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-img {
        margin-bottom: 0;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box {
        min-height: unset;
        margin-bottom: 20px;
        border-bottom: 1px solid #1b1c2140;
        padding-bottom: 24px;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec {
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip-inner {
        max-width: 340px;
        width: max-content;
        text-align: justify;
        padding: 12px;
        position: relative;
        display: inline-block;
        white-space: unset;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
        display: flex;
        text-align: left;
        margin-top: 0;
        float: left;
        margin-left: 0;
        position: absolute;
        bottom: -4px;
        left: 138px;
        align-items: stretch;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
        font-size: 15px;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-txtbar {
        margin-left: 22px;
    }

    section.cart-section.business-enquiry {
        background: #fff;
    }

    .organisation-inner-block .organisation-enquiry-sec:before {
        content: "";
        width: calc(100% + 60px);
        position: absolute;
        height: 1px;
        background: #E5E5E5;
        top: -26px;
        left: -30px;
    }

    .organisation-inner-block .organisation-enquiry-sec .org-form-btn {
        position: relative;
        margin-top: 70px;
    }

    .organisation-inner-block .organisation-enquiry-sec .org-form-btn:after {
        content: "";
        width: calc(100% + 60px);
        position: absolute;
        height: 1px;
        background: #E5E5E5;
        top: -26px;
        left: -30px;
    }

    .organisation-inner-block .organisation-enquiry-sec {
        position: relative;
    }

    .modal.add_address_form#details-pps .pps-details-sec .bulk-cart-btn .btn.cart-btn button#pps_form_btn {
        width: 86%;
        display: block;
        margin: 0px auto;
    }

    .add_address_form#guest_learner_details .pps-details-sec {
        height: 380px;
        min-height: auto;
        max-height: 500px;
        top: 50% !important;
        transform: translateY(-50%);
    }

    .add_address_form#guest_learner_details .pps-details-sec .col-md-6 {
        padding: 0 !important;
    }

    .add_address_form#guest_learner_details .pps-details-sec .bulk-cart-btn {
        margin: 0;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .d-flex {
        position: relative;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price b {
        text-align: left;
        margin: 0 8px 0 0;
        position: relative;
        top: -1px;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
        text-align: left;
    }

    .cart-box.bulk-box .trash-text {
        margin: 13px 0 0;
    }

    .cart-box.bulk-box .cart-price {
        margin-top: 0;
        display: block;
        clear: none;
        text-align: right;
        position: relative;
        margin-left: 4%;
        width: 63%;
        float: left;
    }

    .cart-price .course-price-list {
        margin-top: 0;
    }

    .cart-box.bulk-box.waiting-list-box.enroll-box .cart-price {
        top: -15px;
    }

    .cart-box.bulk-box .cart-img {
        margin: 0;
    }

    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-6 {
        padding: 0 !important;
    }

    .add_address_form#details-pps .pps-no-member-sec .row {
        margin: 0;
    }

    .add_address_form#details-pps .pps-no-member-sec .row .col-md-12,
    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-12 {
        padding: 0 !important;
    }

    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.coupon-subtxt,
    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.info-checkbox,
    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.cart-sub-text,
    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .declaration-box {
        padding: 0 !important;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive a.btn {
        display: none;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box button.btn.checkout-btn.free_course_button_show {
        display: block !important;
        width: 100% !important;
        margin: 0;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
        display: none;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box {
        width: 100%;
        order: -1;
    }

    .head-gradient.header-theme-bg.header-theme-bg-new .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-course-price span {
        margin-bottom: 8px;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box .bundle_cart_btn {
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e5e5;
        width: 100%;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
        display: block;
    }

    .modal.add_address_form#details-pps .pps-details-sec span.error-msg {
        margin-top: 5px;
        bottom: -17px;
        top: auto;
        font-size: 9px;
    }

    .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm {
        padding-top: 110px;
    }

    .modal#details-pps .pps-details-sec .bulk-cart-btn {
        padding: 15px 0;
    }

    .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.icon-trash-empty svg {
        top: -2px;
    }

    .modal#bulk_learner_enroll .pps-details-sec form {
        padding-top: 110px;
    }

    .cart-box.bulk-box.waiting-list-box.enroll-box .cart-price {
        float: none;
        position: static;
        text-align: left;
        width: 100%;
        display: block;
        margin: 0;
    }

    .cart-box.bulk-box.waiting-list-box.enroll-box .cart-text {
        margin: 0;
        width: 100%;
    }

    .cart-box.bulk-box.waiting-list-box.enroll-box .cart-txtbar {
        float: none;
        width: 72%;
        margin-left: 13px;
        display: block;
    }

    .cart-box.bulk-box.waiting-list-box.enroll-box .cart-bulk-actions.bulk-learner-list {
        margin-top: 0;
    }

    .cart-box.bulk-box.waiting-list-box.enroll-box .cart-bulk-actions.bulk-learner-list span.add-learner-box {
        margin-top: 8px;
    }

    .modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn {
        margin-left: 0;
        padding-bottom: 15px;
        left: 0;
    }

    .modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn .btn.cart-btn {
        margin: 0px auto !important;
        width: 86% !important;
    }

    .modal#bulk_learner_enroll .pps-details-sec .col-md-6 {
        padding: 0 !important;
    }

    .modal#bulk_learner_enroll .pps-details-sec form .bulk-nopps-form .col-md-6,
    .modal#bulk_learner_enroll .pps-details-sec form .col-md-12.dev-pps-block {
        padding: 0 !important;
    }

    .cart-box.bulk-box .cart_purchase_info span {
        line-height: 15px;
        font-size: 11px;
    }

    .cart-box.bulk-box.waiting-list-box.enroll-box .d-flex.cart_purchase_info {
        display: block !important;
    }

    .modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block {
        padding: 0;
    }

    .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.edit-svg svg {
        margin: 8px auto 0;
    }

    .add_address_form#bill_address .pps-details-sec .bulk-cart-btn {
        border: none;
    }

    #bill_address .form-group span.number {
        width: 72%;
    }

    #bill_address .form-group span.select-item {
        width: 25%;
        margin-right: 2%;
    }

    .add_address_form#bill_address .pps-details-sec p {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 600px) {
    .modal.enquiry-forontend-form .course-wraper {
        width: 90%;
    }

    .cart-text h5 {
        font-size: 16px;
        line-height: 20px;
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .cart-price b {
        display: block;
        text-align: center;
        color: #1B1C21;
        font-size: 16px;
    }

    .organisation-enquiry-sec .cart-price {
        font-size: 16px;
        display: block;
        align-items: center;
        width: auto;
        float: left;
        margin-left: 15px;
    }

    .modal.enquiry-forontend-form .course-wraper p {
        padding: 0 14px;
    }
}

@media only screen and (max-width: 460px) {
    .organisation-enquiry-sec {
        width: 100%;
        box-shadow: none;
        padding: 0 5px;
    }

    .organisation_enquiry_form {
        width: 100%;
        padding: 0;
    }

    .enguiry-proceed-btn {
        width: 130px;
        margin: 20px auto;
        margin-bottom: 25px;
    }

    .modal#course .course-wraper {
        width: 90%;
        margin: auto;
        padding: 30px;
    }

    .course-wraper h3 {
        font-size: 20px;
        margin-top: 20px !important;
        margin-bottom: 10px;
    }

    .cart-section .form-group.country-code #country {
        background-position: 95% 20px !important;
    }

    .cart-unavailable-inner {
        height: 350px;
    }

    section.cart-section.business-enquiry .cart-price b {
        margin-right: 0;
    }

    .organisation-enquiry-sec h3 {
        font-size: 18px;
    }

    .organisation-enquiry-sec .cart-img {
        width: 125px;
        display: inline-block;
    }

    .organisation-enquiry-sec .cart-text {
        margin-left: 0;
    }

    .organisation-enquiry-sec .sm-d-block {
        display: inline-block !important;
        width: 100%;
    }

    .organisation-enquiry-sec .cart-txtbar {
        display: inline-block;
        width: 60%;
        margin-left: 15px;
        float: left;
    }

    .organisation-enquiry-sec .cart-price {
        font-size: 16px;
        display: block;
        align-items: center;
        width: auto;
        float: left;
        margin-left: 15px;
    }

    .organisation-enquiry-sec .cart-text h5 {
        font-weight: 700;
        color: #1B1C21;
    }

    .cart-box.bulk-box.waiting-list-box.enroll-box .cart-price {
        top: -15px;
    }

    .cart-box.bulk-box .cart-price {
        float: left;
        width: 64%;
        margin-left: 37%;
    }

    .cart-price .course-price-list {
        margin-top: 0;
        width: fit-content;
        justify-content: space-between;
    }

    .add-leaner-details {
        display: flex;
    }

    .addlearner-info {
        display: block;
    }

    .addlearner-info .addleaner-edit-info {
        display: block !important;
    }
}


/* bulk enrollment css ends here */

@media only screen and (max-width: 350px) {
    .cart-unavailable-inner {
        height: 350px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}


/* subscription starts */
@media(max-width:480px) {
    section.mycourse_container .all-challenges .tab-content1 .mysubscriptions#dashboard-my-courses .row.course-cards-row .ex-course-container.row.mysubscrs-row .col-md-3.col-sm-3.xs-replacer .course-block-1 .courser-bottom-half {
        height: 100% !important;
    }

    section.mycourse_container .all-challenges .tab-content1 .mysubscriptions#dashboard-my-courses .row.course-cards-row .ex-course-container.row.mysubscrs-row .col-md-3.col-sm-3.xs-replacer .course-block-1 .courser-bottom-half a {
        height: 100%;
    }

    .mysubscriptions#dashboard-my-courses .row.course-cards-row .subscribed-course-wrapper .ex-course-container.row.mysubscrs-row .col-md-3.col-sm-3.xs-replacer .course-block-1 .courser-bottom-half span.block-head {
        line-height: normal !important;
        font-size: 11px;
        margin-bottom: 3px;
    }

    section.mycourse_container .all-challenges .tab-content1 .mysubscriptions#dashboard-my-courses .row.course-cards-row .ex-course-container.row.mysubscrs-row .col-md-3.col-sm-3.xs-replacer .course-block-1 .courser-bottom-half .progress_main span.sr-only {
        font-size: 11px !important;
    }

    .subscribed-course-wrapper .mysubscrs-row .courser-bottom-half .progress_main {
        bottom: -3px;
        font-size: 10px;
    }
}

/* subscription ends */

/* -----------------enquiry start ------------------- */


/* course label css */

.pricing-preview-right .course-valdity-table .enroll-course-navigater .cart_course_btn {
    position: relative;
    padding-bottom: 22px;
}

.pricing-preview-right .course-valdity-table .enroll-course-navigater .cart_course_btn:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
}

.pricing-preview-right .course-valdity-table .enroll-course-navigater .btn.apply-cart-btn {
    border-radius: 5px;
}


/* course label css end */


/* evenr label css */

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.btn.product_buy_button_display {
    margin-top: 11px;
    display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.btn.product_buy_button_display {
    display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.btn.buy_now_btn_event {
    margin-top: 11px;
    display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.btn.buy_now_btn_event {
    display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile p.reg-closed {
    width: 100% !important;
    text-align: center;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.btn {
    width: 100%;
    text-align: center;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.enquiry_button_display.enquiry_cart_btn {
    display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.enquiry_button_display.enquiry_cart_btn {
    display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile .title_bottom {
    max-height: 81px;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover .title_bottom {
    max-height: unset;
}

.event-tile.event-tile-disabled {
    opacity: 0.6 !important;
}

@media(max-width:767px) {

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.enquiry_button_display.enquiry_cart_btn,
    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.enquiry_button_display.enquiry_cart_btn {
        display: none;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view button.add-cart.enquiry_button_display.enquiry_cart_btn {
        display: block;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover .title_bottom {
        max-height: 82px;
        overflow: hidden;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile p.reg-closed {
        float: none !important;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view p.reg-closed {
        float: none !important;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.btn {
        float: none !important;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view .title_bottom {
        max-height: unset;
    }
}


/* ------------------- */

.organisation-enquiry-sec h3 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.organisation-enquiry-sec .form-group {
    position: relative;
    margin-bottom: 25px;
}

.organisation-enquiry-sec h5 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

#orgForm {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

.organisation-enquiry-sec .form-group.focused .form-control {
    padding-top: 15px;
    color: #1b1c21;
    font-weight: 500;
    font-size: 14px;
}

body .organisation-enquiry-sec .form-group textarea.form-control {
    height: 120px;
    resize: none;
    padding-top: 30px !important;
    font-weight: 600;
    color: #1B1C21;
}

.organisation-enquiry-sec .control-label {
    font-weight: 400;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 10px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    line-height: 25px;
    top: 0;
    font-size: 12px;
    color: #1b1c217d;
    padding-left: 15px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-group.focused .control-label {
    transform: scale(0.75);
    color: #1b1c2173;
    top: 3px;
    padding-left: 20px;
}

.organisation-enquiry-sec .error-msg {
    position: absolute;
    line-height: 21px;
    font-size: 10px;
    display: flex;
    align-items: center;
}

.organisation-enquiry-sec .form-control-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    top: -0.5em;
    left: 0.75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
}


/* .organisation-enquiry-sec .form-control:focus + .form-control-placeholder  {
font-size: 75%;
transform: translate3d(0, -20%, 0);
opacity: 1;
} */

.organisation-enquiry-sec label.error {
    line-height: 23px;
    font-size: 10px;
    display: flex;
    align-items: center;
    color: #dd3737;
    position: absolute;
    font-weight: 400;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
    display: block;
    text-align: right;
    margin-top: 0;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price b {
    text-align: right;
    margin-bottom: 3px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .form-down-arrow {
    height: inherit;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
    margin-left: 0;
    font-size: 16px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price b .rupee-icon {
    font-family: Roboto, sans-serif;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #1b1c21;
    opacity: 1;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price .rupee-icon {
    font-family: Roboto, sans-serif;
    color: #000;
    opacity: .5;
}

@media(min-width:1072px) {
    .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top {
        left: 98% !important;
    }

    .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top .tooltip-arrow {
        left: 21px !important;
    }
}

@media only screen and (max-width: 767px) {
    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-img {
        margin-bottom: 0;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box {
        min-height: unset;
        margin-bottom: 20px;
        border-bottom: 1px solid #1b1c2140;
        padding-bottom: 24px;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec {
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip-inner {
        max-width: 340px;
        width: max-content;
        text-align: justify;
        padding: 12px;
        position: relative;
        display: inline-block;
        white-space: unset;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
        display: flex;
        text-align: left;
        margin-top: 0;
        float: left;
        margin-left: 0;
        position: absolute;
        bottom: -4px;
        left: 138px;
        align-items: stretch;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
        font-size: 15px;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-txtbar {
        margin-left: 22px;
    }

    section.cart-section.business-enquiry {
        background: #fff;
    }

    .organisation-inner-block .organisation-enquiry-sec:before {
        content: "";
        width: calc(100% + 60px);
        position: absolute;
        height: 1px;
        background: #E5E5E5;
        top: -26px;
        left: -30px;
    }

    .organisation-inner-block .organisation-enquiry-sec .org-form-btn {
        position: relative;
        margin-top: 70px;
    }

    .organisation-inner-block .organisation-enquiry-sec .org-form-btn:after {
        content: "";
        width: calc(100% + 60px);
        position: absolute;
        height: 1px;
        background: #E5E5E5;
        top: -26px;
        left: -30px;
    }

    .organisation-inner-block .organisation-enquiry-sec {
        position: relative;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .d-flex {
        position: relative;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
        text-align: left;
    }

    section.cart-section.business-enquiry .cart-price b {
        margin-right: 0;
    }

    .organisation-enquiry-sec h3 {
        font-size: 18px;
    }

    .organisation-enquiry-sec .cart-img {
        width: 125px;
        display: inline-block;
    }

    .organisation-enquiry-sec .cart-text {
        margin-left: 0;
    }

    .organisation-enquiry-sec .sm-d-block {
        display: inline-block !important;
        width: 100%;
    }

    .organisation-enquiry-sec .cart-txtbar {
        display: inline-block;
        width: 60%;
        margin-left: 15px;
        float: left;
    }

    .organisation-enquiry-sec .cart-price {
        font-size: 16px;
        display: block;
        align-items: center;
        width: auto;
        float: left;
        margin-left: 15px;
    }

    .organisation-enquiry-sec .cart-text h5 {
        font-weight: 700;
        color: #1B1C21;
    }
}


/* event label css end */


/* bundle css */
.ex-course-container.bundle-courses-list .courser-bottom-half .star-ratings-sprite span.star-ratings-sprite-rating {
    background-position-y: -36px !important;
    height: 13px !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.enquiry_cart_btn {
    padding: 10px 27px !important;
    min-width: 176px;
    font-size: 15px !important;
    line-height: 1.6;
    border-radius: 4px;
    position: relative;
    top: 0;
    margin-left: 12px;
    height: 50px;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle_cart_btn {
    display: inline-block;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
    filter: unset !important;
    border-radius: 4px;
    display: inline-block !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.disabled-button {
    opacity: 0.6;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn.free_course_button_show {
    height: 50px;
    display: inline-block !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn {
    height: 50px;
    display: inline-block !important;
}

.bundle-course-price .mrp:after {
    top: 9px;
}

@media(max-width:768px) {
    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
        display: none !important;
    }
}

@media(max-width:767px) {
    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn {
        width: 100% !important;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive a.btn {
        display: none;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box button.btn.checkout-btn.free_course_button_show {
        display: block !important;
        width: 100% !important;
        margin: 0;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
        display: none;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box {
        width: 100%;
        order: -1;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box .bundle_cart_btn {
        padding-bottom: 20px;
        border-bottom: 1px solid #d6bfbf;
        width: 100%;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
        display: block !important;
    }
}


/* bundle css end */


/* -----------------enquiry start ------------------- */


/* course label css */

.pricing-preview-right .course-valdity-table .enroll-course-navigater .cart_course_btn {
    position: relative;
    padding-bottom: 22px;
}

.pricing-preview-right .course-valdity-table .enroll-course-navigater .cart_course_btn:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
}

.pricing-preview-right .course-valdity-table .enroll-course-navigater .btn.apply-cart-btn {
    border-radius: 5px;
}


/* course label css end */


/* evenr label css */

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.btn.product_buy_button_display {
    margin-top: 11px;
    display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile .title_bottom button.add-cart.btn.theme-blue-btn2.enquiry_button_display {
    padding-top: 2px;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.btn.product_buy_button_display {
    display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.btn.buy_now_btn_event {
    margin-top: 11px;
    display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.btn.buy_now_btn_event {
    display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile p.reg-closed {
    width: 100% !important;
    text-align: center;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.btn {
    width: 100%;
    text-align: center;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.enquiry_button_display.enquiry_cart_btn {
    display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.enquiry_button_display.enquiry_cart_btn {
    display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile .title_bottom {
    max-height: 81px;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover .title_bottom {
    max-height: unset;
}

@media(max-width:767px) {

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.enquiry_button_display.enquiry_cart_btn,
    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.enquiry_button_display.enquiry_cart_btn {
        display: none;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view button.add-cart.enquiry_button_display.enquiry_cart_btn {
        display: block;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover .title_bottom {
        max-height: 82px;
        overflow: hidden;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile p.reg-closed {
        float: none !important;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view p.reg-closed {
        float: none !important;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.btn {
        float: none !important;
    }

    .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view .title_bottom {
        max-height: unset;
    }
}


/* ------------------- */

.head-gradient.header-theme-bg.header-theme-bg-new .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-course-price {
    display: block;
    padding-top: 12px;
}

.organisation-inner-block {
    float: left;
    width: 100%;
    display: block;
}

.organisation-enquiry-sec h3 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.organisation-enquiry-sec .form-group {
    position: relative;
    margin-bottom: 25px;
}

.organisation-enquiry-sec h5 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

#orgForm {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

.organisation-enquiry-sec .form-group.focused .form-control {
    padding-top: 15px;
    color: #1b1c21;
    font-weight: 500;
    font-size: 14px;
}

body .organisation-enquiry-sec .form-group textarea.form-control {
    height: 120px;
    resize: none;
    padding-top: 30px !important;
    font-weight: 600;
    color: #1B1C21;
}

.organisation-enquiry-sec .control-label {
    font-weight: 400;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 10px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    line-height: 25px;
    top: 0;
    font-size: 12px;
    color: #1b1c217d;
    padding-left: 15px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-section .form-group.focused .control-label {
    transform: scale(0.75);
    color: #1b1c2173;
    top: 3px;
    padding-left: 20px;
}

.organisation-enquiry-sec .error-msg {
    position: absolute;
    line-height: 21px;
    font-size: 10px;
    display: flex;
    align-items: center;
}

.organisation-enquiry-sec .form-control-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    top: -0.5em;
    left: 0.75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
}


/* .organisation-enquiry-sec .form-control:focus + .form-control-placeholder  {
font-size: 75%;
transform: translate3d(0, -20%, 0);
opacity: 1;
} */

.organisation-enquiry-sec label.error {
    line-height: 23px;
    font-size: 10px;
    display: flex;
    align-items: center;
    color: #dd3737;
    position: absolute;
    font-weight: 400;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
    display: block;
    text-align: right;
    margin-top: 0;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .form-down-arrow {
    height: inherit;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
    margin-left: 0;
    font-size: 16px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price b .rupee-icon {
    font-family: Roboto, sans-serif;
    font-size: 17px !important;
    font-weight: bold !important;
    color: #1b1c21;
    opacity: 1;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price .rupee-icon {
    font-family: Roboto, sans-serif;
    color: #000;
    opacity: .5;
}

@media(min-width:1072px) {
    .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top {
        left: 98% !important;
    }

    .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top .tooltip-arrow {
        left: 21px !important;
    }
}

@media only screen and (max-width: 767px) {
    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-img {
        margin-bottom: 0;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box {
        min-height: unset;
        margin-bottom: 20px;
        border-bottom: 1px solid #1b1c2140;
        padding-bottom: 24px;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec {
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip-inner {
        max-width: 340px;
        width: max-content;
        text-align: justify;
        padding: 12px;
        position: relative;
        display: inline-block;
        white-space: unset;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
        display: flex;
        text-align: left;
        margin-top: 0;
        float: left;
        margin-left: 0;
        position: absolute;
        bottom: -4px;
        left: 138px;
        align-items: stretch;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
        font-size: 15px;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-txtbar {
        margin-left: 22px;
    }

    section.cart-section.business-enquiry {
        background: #fff;
    }

    .organisation-inner-block .organisation-enquiry-sec:before {
        content: "";
        width: calc(100% + 60px);
        position: absolute;
        height: 1px;
        background: #E5E5E5;
        top: -26px;
        left: -30px;
    }

    .organisation-inner-block .organisation-enquiry-sec .org-form-btn {
        position: relative;
        margin-top: 70px;
    }

    .organisation-inner-block .organisation-enquiry-sec .org-form-btn:after {
        content: "";
        width: calc(100% + 60px);
        position: absolute;
        height: 1px;
        background: #E5E5E5;
        top: -26px;
        left: -30px;
    }

    .organisation-inner-block .organisation-enquiry-sec {
        position: relative;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .d-flex {
        position: relative;
    }

    section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
        text-align: left;
    }

    section.cart-section.business-enquiry .cart-price b {
        margin-right: 0;
    }

    .organisation-enquiry-sec h3 {
        font-size: 18px;
    }

    .organisation-enquiry-sec .cart-img {
        width: 125px;
        display: inline-block;
    }

    .organisation-enquiry-sec .cart-text {
        margin-left: 0;
    }

    .organisation-enquiry-sec .sm-d-block {
        display: inline-block !important;
        width: 100%;
    }

    .organisation-enquiry-sec .cart-txtbar {
        display: inline-block;
        width: 60%;
        margin-left: 15px;
        float: left;
    }

    .organisation-enquiry-sec .cart-price {
        font-size: 16px;
        display: block;
        align-items: center;
        width: auto;
        float: left;
        margin-left: 15px;
    }

    .organisation-enquiry-sec .cart-text h5 {
        font-weight: 700;
        color: #1B1C21;
    }

    .addleaner-name {
        font-size: 16px;
        width: 185px;
        margin-bottom: 2px;
    }

    .addleaner-email {
        padding-left: 30px;
        font-size: 13px;
        width: 185px;
    }

    .addlearner-info .addleaner-edit-info {
        display: flex !important;
        margin-left: 20px;
        margin-top: 10px;
    }

    .addlearner-price-info {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        justify-content: start;
    }

    .addleaner-price {
        margin-right: inherit;
        width: 100%;
        text-align: center;
        font-size: 18px;
    }

    .addleaner-cp {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 5px;
    }
}


/* event label css end */


/* bundle css */

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.enquiry_cart_btn {
    padding: 10px 27px !important;
    min-width: 176px;
    font-size: 15px !important;
    line-height: 1.6;
    border-radius: 4px;
    position: relative;
    top: 0;
    margin-left: 12px;
    height: 47px;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle_cart_btn {
    display: inline-block;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
    filter: unset !important;
    border-radius: 4px;
    display: inline-block !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.disabled-button {
    opacity: 0.6;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn.free_course_button_show {
    height: 50px;
    display: inline-block !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn {
    height: 50px;
    display: inline-block !important;
}

.bundle-course-price .mrp:after {
    top: 9px;
}

@media(max-width:768px) {
    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
        display: none !important;
    }
}

@media(max-width:767px) {
    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn {
        width: 100% !important;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive a.btn {
        display: none;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box button.btn.checkout-btn.free_course_button_show {
        display: block !important;
        width: 100% !important;
        margin: 0;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
        display: none;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box {
        width: 100%;
        order: -1;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box .bundle_cart_btn {
        padding-bottom: 20px;
        border-bottom: 1px solid #d6bfbf;
        width: 100%;
    }

    section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
        display: block !important;
    }

    .cart-block-innersec .cart-bulk-actions.bulk-learner-list {
        margin-left: 0;
        margin-top: 25px;
        display: inline-block;
        width: 100%;
    }

    .addleaner-edit {
        margin-right: 10px;
        margin-left: 10px;
    }

    .addleaner-edit svg {
        width: 12px;
    }

    .addleaner-delete svg {
        width: 12px;
    }
}

@media(max-width:400px) {
    .courselist-cp-txt {
        font-size: 10px;
    }

    .courselist-mp-txt {
        font-size: 10px;
    }

    .course-listing-wrapper .course-block-1 .course-top-half {
        width: 30%;
    }

    .course-listing-wrapper .course-block-1 .courser-bottom-half {
        width: 70%;
    }

    .course-price-list {
        width: 70%;
    }

    .course-listing-wrapper .mobileOpen .midTop {
        width: calc(70% - 25px);
    }

    .cart-box.bulk-box .bulk-learner-list .add-learner-box {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }
}



/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800); */
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);

/*!
* Bootstrap v3.3.5 (http://enfintechnilogies.com)
* Copyright 2011-2015 Enfin Technologies, Ind Pvt Ltd.
* Auther : Sajan Christudas
*/
.duration-enable .input-group {
    width: 200px;
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.eot);
    src: url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),
        url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.woff2) format("woff2"),
        url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.woff) format("woff"),
        url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.ttf) format("truetype"),
        url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}

/* Marathi font */
@font-face {
    font-family: "Shivaji";
    src: url(/assets/fonts/Shivaji.ttf);
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.datetimepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    visibility: visible;
    background-color: #fff;
}

.datetimepicker {
    padding: 10px !important;
}


.question-text {
    width: calc(100% - 300px);
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.email-tracker .rTable.content-nav-tbl .rTableRow.ques-pool-grid .rTableCell.pos-relative .pos-rel input.form-control#date-range {
    background: none !important;
    height: 34px;
    width: 251px;
}

.container-fluid.grade-report-filter.nav-content.nav-course-content.email-tracker .rTable.content-nav-tbl .rTableRow.ques-pool-grid .rTableCell .advanced-search .advanced-search-toggle input.srch_txt#user_keyword {
    background: unset;
    padding: 0 53px 0 20px !important;
    font-size: 13px;
}

.email-tracker .rTable.content-nav-tbl .rTableRow.ques-pool-grid .rTableCell a#basic-addon2 {
    position: absolute;
    padding: 0;
    top: 11px;
    left: auto !important;
    right: 25px !important;
    background: unset;
    font-size: 13px;
    margin-bottom: 0;
    color: #6d6d6d;
    bottom: 0;
    padding-bottom: 0;
}

.email-tracker .rTable.content-nav-tbl .rTableRow.ques-pool-grid .rTableCell .ssave-btn button.btn.theme-blue-btn1 {
    margin-right: 0;
    height: 34px;
    line-height: inherit;
    width: auto;
    min-width: 90px;
}





#addToCourse {
    background: #000000b5;
}

#addToCourse .custom-create-modal .modal-content {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

#addToCourse .admin-modal-header {
    margin-bottom: 15px;
}

#addToCourse .form-control {
    box-shadow: none;
    border: 1px solid #acacac;
    background-size: 11px !important;
    background-position: 97% center !important;
}

#addToCourse #saveAddtoCourse {
    background: #0d70e7;
    padding: 6px 10px !important;
    margin-right: 0;
}

#addToCourse .modal-content {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    padding: 30px 25px;
    padding-bottom: 35px;
}

.addcoursenote {
    font-size: 11px;
    font-weight: 300;
    color: #878787;
    margin-top: 10px;
}

#liverecording-lecture {
    background: #000000b5;
}

#liverecording-lecture .modal-dialog label {
    color: #000;
}

#liverecording-lecture .form-control {
    height: 35px;
    border: 1px solid #b7b7b7;
    box-shadow: none;
}

#liverecording-lecture .modal-dialog label {
    text-transform: initial;
    color: #555555;
    font-weight: 500;
}

#attached_file_name {
    color: #000;
    font-weight: 500;
}

#create_new_section {
    box-shadow: none;
}

#liverecording-lecture .add-selectn {
    background-size: 15px !important;
}

#liverecording-lecture .close {
    display: none;
}

#liverecording-lecture .btn {
    box-shadow: none;
}

#addToCourse .admin-modal-close {
    display: none;
}

#addToCourse .admin-modal-header {
    margin-bottom: 15px;
    font-weight: 600;
}

#rl_course_id::-webkit-scrollbar {
    width: 7px !important;
    border-radius: 7px;
}

#rl_course_id::-webkit-scrollbar-track {
    background: #cbcbcb5c !important;
}

#rl_course_id::-webkit-scrollbar-thumb {
    background: #CBCBCB !important;
    border-radius: 5px;
}

#rl_course_id::-webkit-scrollbar-thumb:hover {
    background: rgb(226, 226, 226) !important;
}

#liveClassViewRecordingLists .rs-row {
    grid-template-columns: 24% 25% 13% 38%;
}

#addsection_edit {
    color: #0e71eb;
    cursor: pointer;
}

#liverecording-lecture .form-controltextarea {
    height: 55px;
}

.attached-data {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 20px;
}

.attached {
    float: left;
}

.attached-block {
    display: block;
}

#addToCourse .form-control:focus {
    background: transparent url("../images/icon-arrow-up.png") !important;
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
    background-size: 11px !important;
}

#liverecording-lecture textarea.form-control {
    height: 55px;
}

#viewNewRegn .filter-section .queryForm .rightSide {
    min-width: 160px;
    width: 14%;
}

#viewNewRegn .filter-section .date-filter {
    display: flex;
    align-items: center;
    width: 30%;
    justify-content: center;
}

#viewNewRegn .filter-section .date-filter input.form-control#date-range {
    background: transparent url(../images/calendar.png) no-repeat 95% 49% !important;
    display: inline-block;
    padding: 8.5px 10px;
    font-size: 12px;
    width: 180px;
}

#viewNewRegn .filter-section .queryForm .midSide {
    width: 26%;
}

#viewNewRegn .filter-section .queryForm .leftSide {
    width: 25%;
}

#viewNewRegn .filter-section .date-filter label {
    padding-bottom: 0px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 600;
}

#viewNewRegn .filter-section .queryForm .midSide .filter {
    width: 100%;
}

#viewNewRegn .filter-section .queryForm .midSide .filter .searchInput {
    width: 100%;
}

.admin-custom-modal .modal-header {
    background: transparent;
}

.admin-custom-modal .modal-header {
    background: transparent;
    padding: 15px 25px;
    padding-top: 0;
    padding-left: 25px;
    border: none;
}

.admin-custom-modal .modal-body {
    padding: 0 25px;
}

.admin-custom-modal .modal-content {
    padding: 35px 0;
    border-radius: 5px;
    background-color: #fff;
}

.admin-custom-modal .modal-header .modal-title {
    font-size: 16px;
    font-weight: bold;
    color: #45464f;
    text-transform: capitalize;
}

.admin-custom-modal .modal-dialog label {
    font-size: 14px;
    padding-bottom: 5px;
    color: #2E3E4E;
    font-weight: 500;
    padding-left: 0;
    margin-left: 0;
    display: block;
    margin-bottom: 2px;
}

.admin-custom-modal .modal-dialog label.error {
    font-weight: 400;
    margin-top: 5px;
    font-size: 13px;
    color: #f44336 !important;
}

.admin-custom-modal select {
    height: 40px !important;
    border: 1px solid #DBDBDB;
    box-shadow: none;
    background-size: 12px !important;
    font-size: 13px;
    color: #7E7E7E !important;
}

.admin-custom-modal select:focus {
    box-shadow: none !important;
}

.admin-custom-modal input.form-control {
    height: 40px !important;
    border: 1px solid #DBDBDB;
    box-shadow: none;
}

.admin-custom-modal .modal-dialog {
    top: calc(50% - 0px) !important;
    transform: translateY(-50%) !important;
    margin: 0 auto;
}

.admin-custom-modal .modal-dialog button.cancel-btn {
    color: #3E3E3E;
    font-weight: 500 !important;
}

.admin-custom-modal .modal-dialog button {
    font-size: 13px !important;
    padding: 6px 20px !important;
    min-width: 85px;
    margin-right: 0;
    font-weight: bold !important;
}

.admin-custom-modal .modal-dialog button:hover {
    color: #3E3E3E;
}

.admin-custom-modal.export-learner-modal .modal-header {
    background: #fff;
    padding-top: 0;
}

.admin-custom-modal.export-learner-modal .modal-header .modal-title {
    margin-bottom: 20px !important;
}

.admin-custom-modal.export-learner-modal .modal-footer {
    padding-bottom: 0;
}

.admin-custom-modal form {
    height: 100%;
}

.admin-custom-modal .modal-dialog {
    top: calc(50% - 0px) !important;
    transform: translateY(-50%) !important;
    margin: 0 auto;
    width: 415px;
}

.course-perform-table .grid-table-data {
    border-right: none !important;
    border-left: 0;
}

.admin-custom-modal#attendee_modal .modal-body {
    max-height: 70vh;
    margin-right: 15px;
}

.admin-custom-modal#attendee_modal .modal-dialog {
    width: 520px;
}

.admin-custom-modal.export-learner-modal .modal-dialog {
    width: 415px;
}

.admin-custom-modal.export-learner-modal .inside-box::-webkit-scrollbar {
    width: 8px !important;
    height: 8px;
}

.admin-custom-modal.export-learner-modal .inside-box::-webkit-scrollbar-track {
    background: #f8f9f9 !important;
}

.admin-custom-modal.export-learner-modal .inside-box::-webkit-scrollbar-thumb {
    background: #d2d2d2 !important;
}

.admin-custom-modal .modal-dialog .invite-course-list label {
    font-size: 13px;
}

.admin-custom-modal #access_startdate {
    display: flex;
}

.admin-custom-modal select#restriction_type {
    padding-right: 25px !important;
}

.admin-custom-modal .modal-footer {
    padding-bottom: 0;
}

.restriction-name {
    font-weight: 300;
    font-size: 12px;
    color: #7b7b7b;
}

.cert-wrapper label {
    color: #555555;
    font-weight: 300 !important;
}

.cert-wrapper label input {
    top: -3px !important;
}

#access_restriction .course-subcaption {
    color: #2E3E4E;
    font-weight: 500;
    font-size: 14px;
}

#certificates .course-perform-table-data label.checkbox {
    margin-right: 20px;
    font-weight: 300;
    font-size: 13px;
}

#certificates .course-perform-table-data .restriction-name {
    margin-bottom: 0;
}

#addToCourse {
    background: #000000b5;
}

#addToCourse .custom-create-modal .modal-content {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

#addToCourse .admin-modal-header {
    margin-bottom: 15px;
}

#addToCourse .form-control {
    box-shadow: none;
    border: 1px solid #acacac;
    background-size: 11px !important;
    background-position: 97% center !important;
}

#addToCourse #saveAddtoCourse {
    background: #0d70e7;
    padding: 6px 10px !important;
    margin-right: 0;
}

#addToCourse .modal-content {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    padding: 30px 25px;
    padding-bottom: 35px;
}

.addcoursenote {
    font-size: 11px;
    font-weight: 300;
    color: #878787;
    margin-top: 10px;
}

#liverecording-lecture {
    background: #000000b5;
}

#liverecording-lecture .modal-dialog label {
    color: #000;
}

#liverecording-lecture .form-control {
    height: 35px;
    border: 1px solid #b7b7b7;
    box-shadow: none;
}

#liverecording-lecture .modal-dialog label {
    text-transform: initial;
    color: #555555;
    font-weight: 500;
}

#attached_file_name {
    color: #000;
    font-weight: 500;
}

#create_new_section {
    box-shadow: none;
}

#liverecording-lecture .add-selectn {
    background-size: 15px !important;
}

#liverecording-lecture .close {
    display: none;
}

#liverecording-lecture .btn {
    box-shadow: none;
}

#addToCourse .admin-modal-close {
    display: none;
}

#addToCourse .admin-modal-header {
    margin-bottom: 15px;
    font-weight: 600;
}

#rl_course_id::-webkit-scrollbar {
    width: 7px !important;
    border-radius: 7px;
}

#rl_course_id::-webkit-scrollbar-track {
    background: #cbcbcb5c !important;
}

#rl_course_id::-webkit-scrollbar-thumb {
    background: #CBCBCB !important;
    border-radius: 5px;
}

#rl_course_id::-webkit-scrollbar-thumb:hover {
    background: rgb(226, 226, 226) !important;
}

#liveClassViewRecordingLists .rs-row {
    grid-template-columns: 24% 25% 13% 38%;
}

#addsection_edit {
    color: #0e71eb;
    cursor: pointer;
}

#liverecording-lecture .form-controltextarea {
    height: 55px;
}

.attached-data {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 20px;
}

.attached {
    float: left;
}

.attached-block {
    display: block;
}

#addToCourse .form-control:focus {
    background: transparent url("../images/icon-arrow-up.png") !important;
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
    background-size: 11px !important;
}

#liverecording-lecture textarea.form-control {
    height: 55px;
}

















.training-management-settings .settings-option-title {
    padding-left: 0;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings.training-management-settings .settings-container .settings-column.course-cont-wrap.image-uploader .form-group {
    padding-left: 0;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings.training-management-settings .settings-column {
    padding: 15px 20px;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings.training-management-settings .settings-container .settings-column.course-cont-wrap.image-uploader label.newsfeed-label {
    margin: 10px 0 0;
}

.waiting-list-fld {
    width: 90px;
    margin-right: 15px;
}

.training-management-settings .waiting-list-fld input {
    background: transparent !important;
    border-radius: 3px;
    height: 36px;
}

.light-grey-text {
    font-size: 13px;
    font-weight: 400;
    color: #8f939e;
}

.settings-top.content-wrap.create-group-wrap .custom-settings-left .table.course-cont::-webkit-scrollbar {
    width: 8px !important;
    border-radius: 10px;
}

.settings-top.content-wrap.create-group-wrap .custom-settings-left .table.course-cont::-webkit-scrollbar-track {
    background: #fafafa !important;
    border: 1px solid rgb(236, 233, 233);
}

.settings-top.content-wrap.create-group-wrap .custom-settings-left .table.course-cont::-webkit-scrollbar-thumb {
    background: #d1d3d9 !important;
    border-radius: 10px;
}

.settings-top.content-wrap.create-group-wrap .custom-settings-left .table.course-cont::-webkit-scrollbar-thumb:hover {
    background: rgb(226, 226, 226) !important;
}


/* credit note css */
.course-container>section.content-wrap {
    display: flex;
    flex-direction: column;
    top: 95px;
    position: relative;
    padding: 0px;
}

.credit_note {
    height: calc(100vh - 95px);
}

.credit-note-inner {
    /* height: 100%; */
}

.credit_note .credit-noteBody {
    display: flex;
    flex: 1;
    height: 100%;
}

.credit_note .credit-noteBody .credit-noteContCol {
    width: 43%;
    background: #fff;
    padding: 20px 30px 15px 20px;
}

.credit_note .credit-noteBody .credit-noteRightCol {
    width: 57%;
    background: #eaeaea;
    border-left: solid 1px #e9e9e9;
}

.credit_note input[type="radio"]:checked+label:before,
.credit_note input[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 13px;
    height: 13px;
    border: 1px solid #C3C6CE;
    border-radius: 100%;
}

.credit_note input[type="radio"]:checked+label:after,
.credit_note input[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 0px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 4px solid #2D71FD;
}

.credit_note input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.credit_note input[type="radio"]:checked,
.credit_note input[type="radio"]:not(:checked) {
    position: absolute !important;
    left: -9999px !important;
    top: 0 !important;
    margin: 0 !important;
}

.credit_note input[type="radio"]:checked+label,
.credit_note input[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-weight: 400;
    color: #1b1c21b5;
    font-size: 12.5px;
}

.credit-subhdrtxt {
    font-size: 13px;
    color: #45464f;
    font-weight: 400;
}

.credit-noteBody input {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 33px;
    padding: 0 10px;
}

.credit-noteBody input:focus {
    border-color: #66afe9;
    outline: 0;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
 0 0 8px rgba(102, 175, 233, 0.6);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
 0 0 8px rgba(102, 175, 233, 0.6); */
}

.credit-noteBody textarea:focus {
    border-color: #66afe9;
    outline: 0;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
 0 0 8px rgba(102, 175, 233, 0.6);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
 0 0 8px rgba(102, 175, 233, 0.6); */
}

.credit_note .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #fff;
    width: 100%;
    height: 33px;
}

.credit_note select {
    display: none;
}

.credit_note .custom-select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    color: #3c3c41;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    height: 33px;
    border-radius: 4px;
}

.credit_note .custom-select:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-color: #636363 transparent transparent transparent;
    position: absolute;
    top: 14px;
    right: 10px;
    transform: rotateZ(0deg);
    transition: all 0.5s;
    transform-origin: 50% 25%;
}

/*.custom-select:hover {
 background-color: #b83729;
}
*/
.credit_note .custom-select:active,
.credit_note .custom-select.active {
    background-color: #fff;
    color: #3c3c41;
}

.credit_note .custom-select:active:after,
.credit_note .custom-select.active:after {
    transform: rotateZ(180deg);
    transition: all 0.5s;
    transform-origin: 50% 25%;
}

.credit_note .custom-select:focus {
    outline: 2px;
}

.credit_note .select-options {
    max-height: 200px;
    overflow-y: auto;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    background: #fff;
}

.credit_note .select-options li {
    color: #424242;
    margin: 0;
    padding: 10px 0;
    /* text-indent: 15px; */
    /* border-top: 1px solid #AED581; */
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    padding-left: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.credit_note .select-options li:hover {
    color: #424242;
    background: #fff;
}

.credit_note .select-options li[rel="hide"] {
    display: none;
}

.credit_note ::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    border-radius: 0 0 5px 0;
}

.credit_note ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #cacaca;
}

.credit_note textarea {
    border: 1px solid #e5e5e5;
    resize: none;
    width: 100%;
    border-radius: 4px;
    height: 85px;
    margin-top: 5px;
    padding: 10px;
}

.credit-noteRight-hdr {
    background: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
}

.credit_note .btn-primary {
    background: #0081ff;
    border: solid 1px #0081ff;
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
    display: inline-block;
    padding: 6px 25px;
    box-shadow: none;
}

.credit_note .btn-primary:hover {
    background: #0772de;
    color: #fff !important;
    border: solid 1px #0081ff;
}

.credit_note .btn-primary:focus {
    background: #0772de;
    color: #fff !important;
    border: none;
}

.credit_note .btn-primary:active {
    background: #0772de;
    color: #fff !important;
    border: none;
}

.credit-noteRight-inner {
    background: #fff;
    margin: 12px;
    padding-bottom: 35px;
}

.creditline-hdr {
    padding: 12px 20px;
}

.creditnote-orderdetails .thead-light {
    background: #eef2f2;
}

.creditnote-orderdetails .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: none;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.creditnote-orderdetails .table>tbody>tr>td {
    vertical-align: baseline;
    padding: 15px 20px;
    border-top: none;
    padding-bottom: 0;
    border-right: 1px solid #f3f3f3;
    font-size: 13px;
}

.creditnote-orderdetails .table>tbody>tr>td b {
    color: #505050;
    font-size: 13px;
    font-weight: 400;
}

.creditnote-orderdetails .table>tbody>tr>td p {
    color: #858585;
    font-size: 11px;
    font-weight: 400;
}

.creditnote-orderdetails .table>tfoot>tr>td {
    vertical-align: bottom;
    border-bottom: none;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #f3f3f3;
    font-size: 13px;
}

.credit_note .total {
    display: flex;
    flex-direction: column;
    padding-top: 5px;
}

.credit_note .table-responsive {
    overflow-x: hidden;
    min-height: 0.01%;
}

.credit_note .total .totalRow {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 5px 78px 0px 0;
}

.invoicePage .invoice .paymentlog .paymentLogs .remarks {
    background: #fbfaf1;
    text-align: justify;
    border: 1px solid #e8e7e5;
}

.mb-17 {
    margin-bottom: 17px;
}

.credit_note .total .totalRow span {
    font-weight: 400;
    color: #353232;
    font-size: 13px;
}

.credit_note .total .totalRow strong {
    padding-left: 38px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    width: 116px;
    text-align: left;
    color: #353232;
}

.credit_note tfoot {
    border-bottom: 1px solid #f3f3f3;
}

.credit_note .calendar-icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 10px;
    opacity: .3;
    transform: translateY(-50%);
    height: 14px;
    pointer-events: none;
}

.credit_note .calendar-icon svg {
    width: 13px;
    height: auto;
}

.credit_note .totalRow.remain-credit span {
    font-size: 14px;
}

.admin-footer-btns {
    padding: 10px 8px;
    border-top: 1px solid #bbbbbb;
}

.admin-footer-btns .btn {
    font-size: 13px !important;
    font-weight: 500;
}

.admin-footer-btns .cms-blue-btn {
    min-width: unset;
    padding: 7px 25px;
}

.admin-footer-btns .btn.cms-cancel-btn {
    color: #48494f;
}

.creditline-hdr h4 {
    color: #353232;
    font-size: 17px;
}

.blue_txt {
    color: #0081ff !important;
}

.creditnote-orderdetails .close-icon {
    position: relative;
    background: #bbbbbb;
    padding: 3px;
    border-radius: 50%;
}

.creditnote-orderdetails .close-icon svg {
    width: 7px;
    height: auto;
    fill: #fff;
}

.creditnote-orderdetails .close-icon::after {
    right: 0;
    background: #a6a6a6;
    font-size: 9px;
    border: 0;
    box-shadow: none;
    font-family: cursive;
    font-weight: bolder;
    padding: 0 4px;
    line-height: 15px;
    display: none;
}

.creditnote-orderdetails .table>tfoot>tr>td strong {
    font-weight: 500;
}




.cart-section .custom-select-menu .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #fff;
    width: 100%;
    height: 40px;
}

.cart-section .custom-select-menu select {
    display: none;
}

.cart-section .custom-select-men u .custom-select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    color: #3c3c41;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: 1px solid #e5e5e5;
    padding: 10px 10px;
    height: 40px;
    border-radius: 4px;
}

.cart-section .custom-select-menu .custom-select:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-color: #1a1a1a transparent transparent transparent;
    position: absolute;
    top: 17px;
    right: 10px;
    transform: rotateZ(0deg);
    transition: all 0.5s;
    transform-origin: 50% 25%;
}

/*.custom-select:hover {
 background-color: #b83729;
}
*/
.cart-section .custom-select-menu .custom-select:active,
.custom-select-menu .custom-select.active {
    background-color: #fff;
    color: #3c3c41;
}

.cart-section .custom-select-menu .custom-select:active:after,
.custom-select-menu .custom-select.active:after {
    transform: rotateZ(180deg);
    transition: all 0.5s;
    transform-origin: 50% 25%;
}

.cart-section .custom-select-menu .custom-select:focus {
    outline: 2px;
}

.cart-section .custom-select-menu .select-options {
    max-height: 200px;
    overflow-y: auto;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    background: #fff;
}

.cart-section .custom-select-menu .select-options li {
    color: #424242;
    margin: 0;
    padding: 10px 0;
    /* text-indent: 15px; */
    /* border-top: 1px solid #AED581; */
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    padding-left: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.cart-section .custom-select-menu .select-options li:hover {
    color: #424242;
    background: #fff;
}

.cart-section .custom-select-menu .select-options li[rel="hide"] {
    display: none;
}

.cart-section .custom-select-menu ::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    border-radius: 0 0 5px 0;
}

.cart-section .custom-select-menu ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #cacaca;
}

.credit-note-details-info li {
    background: #f3faff;
    border: 1px dashed #d1d1d1;
    padding: 12px 15px;
    font-size: 13px;
    color: #383838;
    margin-bottom: 10px;
    border-radius: 5px;
}

.credit-note-details-info {
    display: block;
    margin: 0 30px;
    margin-top: 25px;
}

.credit-note-details-info span img {
    width: 18px;
}

.credit-note-details-info span {
    margin-right: 10px;
}

.paid-txt {
    margin-right: 7px;
}

.view-credit-txt {
    color: #0081ff;
    text-decoration: underline;
}


/* credit note css end here */

/* media libray css start here */


#medialibrary .drop-down {
    position: relative;
    margin-left: 30px;
}

#medialibrary .drop-down .selected a {
    background: #fff no-repeat scroll right center;
    display: block;
    padding-right: 20px;
    width: 180px;
    border-radius: 2px;
    text-decoration: none;
    color: #45464f;
}

#medialibrary .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#medialibrary .drop-down .selected a .sltd-txt {
    cursor: pointer;
    display: inline-block;
}

#medialibrary .drop-down .option {
    position: relative;
}

#medialibrary .drop-down .options ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 0px;
    top: 28px;
    width: auto;
    min-width: 160px;
    background: #fff;
    border-radius: 0px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-top: -2px;
    box-shadow: 0 2px 5px 0px #00000047;
    padding: 0px;
    margin: 0px;
}

#medialibrary .drop-down .selected span.value,
#medialibrary .drop-down .options span.value {
    display: none;
}

#medialibrary .drop-down .options ul li {
    padding: 5px;
    display: block;
    text-decoration: none;
    color: #2e3e4e;
    white-space: nowrap !important;
    padding: 10px 10px;
    text-transform: capitalize;
}

#medialibrary .drop-down .options ul li a:hover {
    background-color: #f3f3f3;
    color: #444;
    transition: 0.2s ease;
}

#medialibrary .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-top: 4px solid \9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    float: right;
    margin-top: 5px;
}

.medialibrary-innersec ul {
    padding: 0;
    margin: 0;
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 4px;
    padding-top: 5px;
}

.medialibrary-innersec li {
    list-style-type: none;
    width: 145.7px;
    height: 150px;
    margin: 10px 11.5px;
    position: relative;
}

#medialibrary .medialibrary-innersec li label {
    color: #ececec;
    align-items: flex-start;
    font-size: 11px;
}

.medialibrary-innersec li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#medialibrary {
    width: 100%;
    display: inline-block;
    background: #f9f9f9;
    height: 100%;
}

.trim-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 300px;
}

#medialibrary .medialibrary-hdr {
    background: #fff;
    padding: 15px 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0px 5px 1px #0000000a;
}

#medialibrary .form-group {
    display: block;
    margin-bottom: 0;
}

.mediahdr-lft-bar {
    display: flex;
    align-items: center;
}

#medialibrary .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

#medialibrary .form-group label {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#medialibrary .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #dbdbdb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6.5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 4px;
}

#medialibrary .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 6px;
    width: 6px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#medialibrary .form-group input:checked+label:before {
    border: 2px solid #76b4ef;
    background: #0081ff;
}

#medialibrary .advanced-search-toggle {
    width: 340px;
    height: 35px;
    background: #eff3f6;
    border-radius: 4px;
    margin-left: 5px;
}

.medialibrary-hdr .srch_txt {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-left: 15px;
}

.medialibrary-hdr .adv-search-input {
    padding: 0;
    margin-right: 10px;
}

.medialibrary-hdr .adv-search-input .icon-search {
    font-size: 13px;
    margin-bottom: 0;
    color: #6d6d6d;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}

.medialibrary-hdr .btn {
    color: white;
    padding: 6px 25px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    cursor: pointer;
}

.medialibrary-hdr .upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    right: 0;
    height: 100%;
    cursor: pointer;
}

#medialibrary .form-group .drop-down .options label::before {
    position: absolute;
    right: 0;
    margin-right: 10px;
}

#medialibrary .form-group .drop-down .options input:checked+label:after {
    right: 0;
    left: inherit;
    margin-right: 16px;
}

.medialibrary-slt-box {
    color: #ececec;
    font-size: 11px;
    margin-bottom: 8px;
    padding: 10px;
    padding-bottom: 0;
    position: absolute;
    bottom: 0;
}

.view-icons {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 116px;
    margin-top: 35px;
    display: none;
}

#medialibrary .medialibrary-innersec .form-group label:before {
    border: 2px solid #c1c1c19e;
    border-radius: 4px;
}

.media-box-sltd {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.media-box-sltd:hover {
    background-color: #00000059;
}

.media-box-sltd:hover .view-icons {
    display: block;
}

.medialibrary-innersec .view-icons img {
    width: auto;
}

#medialibrary .medialibrary-innersec .form-group input:checked+label:after {
    border-color: #ffffff;
}

#medialibrary .medialibrary-innersec .form-group input:checked+label:before {
    border: 2px solid #76b4ef;
    border-radius: 3px;
    background: #0081ff;
}

.view-icons span {
    margin: 0 2px;
}

.media-upload-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}

.media-box-sltd:hover .media-upload-txt {
    -webkit-line-clamp: 3;
}

#media-library-message {
    position: fixed;
    left: 0;
    right: 0;
    width: 400px;
    z-index: 9999;
    margin: 0 auto;
}

.no-media-files {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    font-size: 16px;
}

#searchclear {
    z-index: 999;
    bottom: 0;
    height: auto;
    margin: auto;
    font-size: 26px;
    cursor: pointer;
    color: silver;
    margin-right: 10px;
}

/* media library css end here */



#newReg .dataTables_scrollBody tr td span a {
    padding: 0 !important;
    line-height: inherit;
    display: inherit;
    margin: 0px;
}






@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (max-width: 1023px) {

    /* body {
   min-width: 1024px;
 } */
    .course-cont-wrap .course-cont .rTableRow .wrap-mail a {
        font-size: 13px;
        width: 210px;
        display: inline-block;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        background: #4444;
    }
}









/*alert modal settings  */

.message-body {
    text-align: center;
    padding: 30px 0px;
    margin: 0px;
}

.warning-alert .message-body {
    color: #50505d;
    font-weight: 500;
}

.danger-alert .message-body {
    color: #50505d;
    font-weight: 500;
}

.success-alert .message-body,
.primary-alert .message-body {
    color: #50505d;
    font-weight: 500;
}

#confirm_box_content_1 {
    font-size: 16px;
    text-align: center;
}

.alert-modal-new {
    z-index: 99999 !important;
}

.alert-modal-new .modal-dialog {
    width: 500px !important;
    margin: 0 auto;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.alert-modal-new .modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.33);
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.alert-modal-new .modal-header {
    border-bottom: 0;
    float: right;
    width: 0px;
    height: 0px;
    padding: 0px;
    background: none;
    padding: 0px;
}

.alert-modal-new .modal-header .close {
    color: #737373;
    right: 20px;
    top: 20px;
    font-size: 26px;
    font-weight: 400;
    opacity: 1;
}

.alert-modal-new #advanced_confirm_box_cancel {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #717171 !important;
    text-transform: uppercase;
    background: unset !important;
    box-shadow: unset;
}

.alert-modal-new #advanced_confirm_box_ok {
    border-radius: 4px;
    font-size: 13px !important;
    text-transform: capitalize;
    line-height: 14px;
    height: 35px;
    box-shadow: none;
    padding: 7px 17px;
}

.alert-modal-new .close:hover {
    color: #555555;
}

.alert-modal-new .modal-body {
    padding: 0px;
    text-align: center;
}

.alert-modal-new .modal-footer {
    min-height: 40px;
    border-top: 0px;
    padding: 0px;
    text-align: center;
}

.alert-danger .alert_close_icon {
    font-size: 24px;
    float: right;
    cursor: pointer;
}

.alert-danger {
    position: relative;
}

.success-alert .modal-footer {
    text-align: center;
}

.warning-alert .btn-green {
    color: #ffffff !important;
    background-color: #0882fd !important;
    border-radius: 18px;
    font-size: 13px !important;
    text-transform: uppercase;
    line-height: 14px;
    height: 35px;
}

.success-alert .btn-green {
    display: none;
}

/* .danger-alert .btn-green {
 color: #ffffff !important;
 background-color: #878787 !important;
 border-radius: 18px;
 font-size: 12px !important;
 text-transform: uppercase;
 line-height: 14px;
 height: 28px; 
}
*/
/* .warning-alert .btn-red {
 color: #ffffff !important;
 background-color: #f78700 !important;
 border-radius: 18px;
 font-size: 12px !important;
 text-transform: uppercase;
 line-height: 14px;
 height: 28px;
} */
.warning-alert .btn-red {
    color: #ffffff !important;
    background-color: #0882fd !important;
    border-radius: 18px;
    font-size: 13px !important;
    text-transform: uppercase;
    line-height: 14px;
    height: 35px;
}

.primary-alert .btn-red {
    color: #ffffff !important;
    background-color: #0882fd !important;
    border-radius: 18px;
    font-size: 13px !important;
    text-transform: uppercase;
    line-height: 14px;
    height: 35px;
}

.danger-alert .btn-green {
    color: #ffffff !important;
    background-color: #0882fd !important;
    border-radius: 18px;
    font-size: 13px !important;
    text-transform: uppercase;
    line-height: 14px;
    height: 35px;
}

.warning-alert .btn-red:hover {
    background-color: #0772de !important;
}

.success-alert .btn-red {
    color: #ffffff !important;
    background-color: #0882fd !important;
    border-radius: 18px;
    font-size: 13px !important;
    text-transform: uppercase;
    line-height: 14px;
    height: 35px;
}

.success-alert .btn-red:hover {
    background-color: #0772de !important;
}

.danger-alert .btn-red {
    color: #ffffff !important;
    background-color: #0882fd !important;
    border-radius: 18px;
    font-size: 13px !important;
    text-transform: uppercase;
    line-height: 14px;
    height: 35px;
}

.danger-alert .btn-red:hover {
    background-color: #0772de !important;
}

.success-alert .alert-icon {
    background-image: url('../images/success-icon.svg');
    height: 70px;
    width: 70px;
    display: inline-block;
    background-repeat: no-repeat;
}

.warning-alert .alert-icon {
    background-image: url('../images/warning-icon.svg');
    height: 70px;
    width: 70px;
    display: inline-block;
    background-repeat: no-repeat;
}

.warning-alert .alert-icon svg {
    height: auto;
    width: 100%;
}

.primary-alert .alert-icon {
    background-image: url('../images/info.svg');
    height: 70px;
    width: 70px;
    display: inline-block;
    background-repeat: no-repeat;
}

.danger-alert .alert-icon {
    background-image: url('../images/failure-icon.svg');
    height: 70px;
    width: 70px;
    display: inline-block;
    background-repeat: no-repeat;
}

.popup-note {
    font-size: 13px;
    color: #6b6b6b;
}

/*alert modal settings ends  */

/*override modal*/
.overrided-info p {
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
    color: #444;
}

/*override modal ends*/

/*test report card*/
.question-master-select {
    display: inline-block;
    width: 150px;
}

/*test report card ends*/




.course-setting-col .copybtn {
    border: none;
}

.course-setting-col .settings-sub-content {
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0px;
    color: #8b8b8b;
    width: 300px;
    display: block;
    clear: both;
}

#b2b_selling .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
}

#b2b_selling .settings-sub-content {
    padding-left: 23px;
}

















@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #371744;
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: -o-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #09bf63;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: -o-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: -o-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: -o-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
}

.progress-bar-danger {
    background-color: #f44336;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: -o-linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
    background-image: linear-gradient(45deg,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.15) 50%,
            rgba(255, 255, 255, 0.15) 75%,
            transparent 75%,
            transparent);
}

.media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-object.img-thumbnail {
    max-width: none;
}

.media-right,
.media>.pull-right {
    padding-left: 10px;
}

.media-left,
.media>.pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: 500;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.list-group-item:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

a.list-group-item,
button.list-group-item {
    color: #555555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: #f5f5f5;
}

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #371744;
    border-color: #371744;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #aa5ec9;
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 2px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 2px;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 2px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 2px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #dddddd;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 3px;
}

.panel-group .panel+.panel {
    margin-top: 0px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default>.panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}

.panel-primary {
    border-color: #371744;
}

.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #371744;
    border-color: #371744;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #371744;
}

.panel-primary>.panel-heading .badge {
    color: #371744;
    background-color: #ffffff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #371744;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

/*profile overview added on 18-08-2018*/
.modal-head-space,
.myprofile-cards-wraper {
    margin-bottom: 30px;
}

.name-holder-input {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    position: absolute;
    background: rgba(255, 255, 255, 0);
    border: none;
    padding: 5px 10px;
}

.my-profile-btn {
    width: 100%;
    height: 100%;
    margin-top: 30px;
    padding: 15px 12px;
    font-size: 16px;
}

.second-item-holder {
    display: none;
}

.myprofile-card-head {
    background: #64277d;
    border: 1px solid #d4d4d4;
    padding: 25px 15px;
    position: relative;
    border-radius: 6px 6px 0 0;
}

.myprofile-card-body {
    padding: 25px;
    background: #fff;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 2px solid #c1c0c0;
    word-break: break-all;
    overflow: hidden;
    border-radius: 0 0 6px 6px;
}

.my-profile-about {
    color: #fff;
    font-size: 17px;
}

.table-wrap {
    display: block;
    padding: 10px 0;
}

.table-cell-e-address,
.table-cell-mail {
    display: table-cell;
    color: #4d4d4d;
    font-size: 13px;
}

.table-cell-mail {
    padding-right: 15px;
    min-width: 170px;
    font-weight: 500;
}

.table-cell-e-address {
    font-weight: lighter;
    width: 100%;
}

.social-link {
    color: #0071bc;
    font-weight: lighter;
    max-width: 200px;
    display: inline-block;
}

.pensil-wrap {
    background: #e5e5e5;
    border-radius: 100%;
    display: inline-block;
    height: 35px;
    padding: 6px 10px;
    position: absolute;
    right: 15px;
    top: 20px;
    width: 35px;
    cursor: pointer;
}

.pensil-wrap .edit-svg {
    width: 15px;
}

.save-close-wrap {
    position: absolute;
    right: 14px;
    top: 20px;
    display: none;
}

.edit-close,
.save-head {
    display: inline-block;
    cursor: pointer;
}

.edit-close {
    width: 35px;
}

.save-head {
    margin-right: 10px;
    font-weight: 500;
    color: #e6e6e6;
}

.text-area-changer {
    width: 100%;
    height: 100%;
    resize: none;
    border: 1px solid #d4d4d4;
    padding: 5px 10px;
    display: none;
}

.text-area-changer:focus {
    border: 1px solid #b9b2b2;
}

.change-password-fields,
.replace-text {
    border: 1px solid #dedede;
    padding: 10px;
    background: #fff;
    width: 100%;
    outline: 0;
}

.change-password-fields {
    font-weight: 400;
}

.change-date {
    color: inherit;
    font-weight: lighter;
}

.replace-text {
    display: none;
    font-weight: 400;
}

.field_values_list {
    position: absolute;
    background: #fbfbfb;
    margin-top: -1px;
    padding: 0;
    cursor: pointer;
    border: 1px solid #e8e8e8;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #bfbfbf;
}

.field_values_list li {
    padding: 10px;
    min-width: 200px;
}

.field_values_list li:hover {
    background: #64277d;
    color: #fff;
}

.pad-11 {
    padding: 11px;
}

/*profile overview ends*/

/*Error entry preview - starts*/
.inst-preview-table input[type="text"] {
    color: #656565;
    border: none;
    padding: 5px 10px;
    width: 100%;
    height: 30px;
}

.table-title {
    /* font-family: 'Roboto', sans-serif; */
    font-family: "Roboto", sans-serif;
    text-align: center;
    background: #f1f1f1;
    padding: 6px 0 6px 0;
    position: fixed;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #ccc;
}

.table-title span {
    vertical-align: sub;
    display: inline-block;
    padding-top: 6px;
    font-size: 18px;
    font-weight: 400;
}

.import-option-btn {
    display: inline;
    float: right;
    padding-right: 15px;
}

.inst-upload-preview {
    background: #f7f7f7;
}

.inst-preview-table th {
    padding: 5px 0;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #dcdcdc !important;
    border-right: 0 !important;
    text-align: center;
}

.inst-preview-table {
    /* font-family: 'Roboto', sans-serif; */
    font-family: "Roboto", sans-serif;
    top: 47px;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.sl-no {
    padding: 0 25px;
    text-align: center;
    font-size: 12px;
}

.import-btn {
    background: #00a049;
    border: none;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
}

.back-btn {
    background: #ff3333;
    border: none;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
}

.import-btn {
    text-align: center;
}

.inst-preview-table td {
    border: 1px solid #dcdcdc !important;
    outline: none !important;
    border-right: 0 !important;
    border-top: 0 !important;
    text-align: center;
}

.duplicate_data_row input {
    background: #e4f9ff;
}

.duplicate_data_row select {
    background: #e4f9ff;
}

.duplicate_data input[type="text"] {
    border: 1px solid red;
    font-weight: 500;
}

.invalid_data_row input {
    background: #fdf2f2;
}

.invalid_data_row select {
    background: #fdf2f2;
}

.invalid_data input[type="text"] {
    font-weight: 500;
}

.invalid_data input[type="text"] {
    border: 1px solid red;
}

.inst-preview-table select {
    width: 100%;
    padding: 4px 10px;
    border: none;
    height: 30px;
}

.duplicate_data select {
    font-weight: 500;
    border: 1px solid red;
}

.invalid_data select {
    font-weight: 500;
    border: 1px solid #ff594d;
}

/*Error entry preview - Ends*/

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
    padding: 24px;
    border-radius: 4px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.well-new {
    border-radius: 3px;
    padding: 9px;
    border: none;
    background: #000;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    padding-right: 0 !important;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal:not(.bulk_enroll_modal) {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.7);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.7);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rgba(255, 255, 255, 0.6);
}

.modal-backdrop.fade:not(.show) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header:not(.except-modal-header) {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 56.7px;
    background: #7f8284;
    color: #fff;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    text-transform: uppercase;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    /* font-family: 'Roboto', sans-serif; */
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.tooltip.top {
    margin-top: 0px;
    padding: 5px 0;
}

.content-wrap .tooltip.top {
    margin-top: 0px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    border-radius: 3px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    /* font-family: 'Roboto', sans-serif; */
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 3px 3px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover>.arrow {
    border-width: 11px;
}

.popover>.arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}


.role-name .icon-down-open {
    font-size: 16px;
    vertical-align: 0;
    margin-right: 4px;
    color: #707070;
    cursor: pointer;
}

.role-name .icon-up-open {
    font-size: 16px;
    vertical-align: 0;
    margin-right: 4px;
    color: #707070;
    cursor: pointer;
}

.icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-warning:before {
    content: "\e800";
}

.icon-clipboard:before {
    content: "\e801";
}

.icon-clipboard-1:before {
    content: "\e802";
}

.icon-export:before {
    content: "\e803";
}

.icon-import:before {
    content: "\e804";
}

.icon-mail-alt:before {
    content: "\e805";
}

.icon-facebook:before {
    content: "\e806";
}

.icon-right-open-big:before {
    content: "\e807";
}

.icon-cancel-1:before {
    content: "\e808";
}

.icon-arrow-combo:before {
    content: "\e809";
}

.icon-picture:before {
    content: "\e80a";
}

.icon-lifebuoy:before {
    content: "\e80b";
}

.icon-search:before {
    content: "\e80c";
}

.icon-chart-bar:before {
    content: "\e80d";
}

.icon-chart-pie:before {
    content: "\e80e";
}

.icon-trash-empty:before {
    content: "\e80f";
}

.icon-gauge:before {
    content: "\e810";
}

.icon-link:before {
    content: "\e811";
}

.icon-beaker:before {
    content: "\e812";
}

.icon-folder-close:before {
    content: "\e813";
}

.icon-youtube-play:before {
    content: "\e814";
}

.icon-award:before {
    content: "\e815";
}

.icon-code:before {
    content: "\e816";
}

.icon-users:before {
    content: "\e817";
}

.icon-left:before {
    content: "\e818";
}

.icon-ok:before {
    content: "\e819";
}

.icon-ok-circled:before {
    content: "\e81a";
}

.icon-left-open-big:before {
    content: "\e81b";
}

.icon-star-empty-1:before {
    content: "\e81c";
}

.icon-star-1:before {
    content: "\e81d";
}

.icon-heart-1:before {
    content: "\e81e";
}

.icon-desktop:before {
    content: "\e81f";
}

.icon-dropbox:before {
    content: "\e820";
}

.icon-doc-text:before {
    content: "\e821";
}

.icon-folder:before {
    content: "\e822";
}

.icon-cog-alt:before {
    content: "\e823";
}

.icon-attach-1:before {
    content: "\e824";
}

.icon-graduation-cap:before {
    content: "\e825";
}

.icon-down-arrow:before {
    content: "\e826";
}

.icon-down-open:before {
    content: "\e827";
}

.icon-up-open:before {
    content: "\e828";
}

.icon-left-open:before {
    content: "\e829";
}

.icon-lock:before {
    content: "\e82a";
}

.icon-cog:before {
    content: "\e82b";
}

.icon-bell:before {
    content: "\e82c";
}

.icon-up-circled:before {
    content: "\e82d";
}

.icon-home:before {
    content: "\e82e";
}

.icon-upload:before {
    content: "\e82f";
}

.icon-user:before {
    content: "\e830";
}

.icon-attention-alt:before {
    content: "\e831";
}

.icon-plus:before {
    content: "\e832";
}

.icon-download:before {
    content: "\e833";
}

.icon-cart1:before {
    content: "\e834";
}

.icon-board1:before {
    content: "\e835";
}

.icon-livelectre1:before {
    content: "\e836";
}

.icon-spin2:before {
    content: "\e837";
}

.icon-heart:before {
    content: "\e838";
}

.icon-heart-empty:before {
    content: "\e839";
}

.icon-star:before {
    content: "\e83a";
}

.icon-star-empty:before {
    content: "\e83b";
}

.icon-user-1:before {
    content: "\e83c";
}

.icon-down-circled:before {
    content: "\e83d";
}

.icon-pencil:before {
    content: "\e83e";
}

.icon-upload-cloud-1:before {
    content: "\e83f";
}

.icon-download-1:before {
    content: "\e840";
}

.icon-upload-1:before {
    content: "\e841";
}

.icon-videocam:before {
    content: "\e842";
}

.icon-box:before {
    content: "\e843";
}

.icon-calendar-1:before {
    content: "\e845";
}

.icon-doc-text-1:before {
    content: "\f0f6";
}

.icon-calendar-empty:before {
    content: "\f133";
}

.icon-bank:before {
    content: "\f19c";
}

.icon-chevron-down:before {
    content: "\f078";
}

header {
    height: 50px;
    width: 100%;
    position: fixed;
    background: #371744;
    z-index: 1030;
    top: 0;
    left: 0;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style-type: none;
}

.upload {
    opacity: 0;
    position: absolute !important;
    top: 0;
    margin: 0;
    font-size: 20px;
    z-index: 1;
}

.custom-upload {
    width: 125px !important;
    position: absolute;
    left: 76% !important;
    cursor: pointer;
}

.fle-upload .upload {
    width: 125px !important;
    right: 0% !important;
    cursor: pointer;
}

.fle-upload {
    position: relative;
    float: left;
    cursor: pointer;
    border: none;
    width: 100%;
    border-radius: 3px;
    background: #fff;
}

.info {
    float: left;
    padding: 8px 5px;
    color: #999;
    line-height: 32px;
    font-weight: 200;
    overflow: hidden;
}

label.fle-lbl {
    background: #096cbf !important;
    color: #fff;
    font-size: 13px;
    line-height: 37px;
    position: relative;
    text-transform: uppercase;
    width: auto;
    float: right;
    text-align: center;
    padding: 0px 36px;
    border-radius: 0 3px 3px 0;
}

.sidebar-menu {
    list-style: none;
    padding: 0px;
    color: #fff;
}

.sidebar-menu a i:before {
    visibility: hidden;
}

.sidebar-menu a .icon {
    width: 35px;
    background: url(../images/left_icon_bar.png) no-repeat;
    background-position-x: -6px;
}

.sidebar-menu a .icon.icon-gauge {
    background-position-y: 0px;
}

.sidebar-menu a .icon.icon-graduation-cap {
    background-position-y: -240px;
}

.sidebar-menu a .icon.icon-user {
    background-position-y: -91px;
}

.sidebar-menu a .icon.icon-bank {
    background-position-y: -32px;
}

.sidebar-menu a .icon.icon-users {
    background-position-y: -63px;
}

.sidebar-menu a .icon.icon-calendar-1 {
    background-position-y: -302px;
}

.sidebar-menu a .icon.icon-chart-bar {
    background-position-y: -180px;
}

.sidebar-menu a .icon.icon-cog-alt {
    background-position-y: -212px;
}

.sidebar-menu a:hover .icon {
    background-position-x: -46px;
}

/*side menu update ends*/

/*updated 21-08-2018*/
.dropdown-filter {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 160px;
    white-space: nowrap;
    display: inline-block;
}

/*ends*/

.sidebar-menu li .icon {
    vertical-align: top;
}

.sidebar-menu a {
    padding: 20px 15px;
    display: block;
    color: #fff;
    font-size: 26px;
    text-decoration: none;
    max-height: 67px;
}

.main-content {
    padding: 0px 350px 0 70px;
    position: relative;
    z-index: 1;
}

.bulder-content {
    padding: 20px 370px 20px 20px;
    position: relative;
    z-index: 1;
}

.bulder-content-inner {
    padding: 0px 0px 0px 0px;
    position: relative;
    height: calc(100% - 1px);
}

.builder-inner-from {
    position: relative;
    padding: 25px;
    overflow-y: auto;
}

.builder-inner-from .form-group {
    margin-bottom: 16px;
}

.builder-left-inner {
    height: 100%;
    padding: 0px 36px;
    background-position: 213px center;
}

/*Course Builder settings starts here - updated on 31-08-2018*/

.course-bulder-content-inner {
    padding: 0px 0px 0px 0px;
    background: #f6f8fa;
    position: relative;
    height: calc(100% - 49px);
}

.course-bulder-content-inner .builder-right-inner {
    min-height: auto !important;
    border-right: 1px solid #b4b5b9;
    width: 60%;
    padding: 20px 20px 0px 20px;
    position: fixed;
    left: 0px;
    top: 49px;
    overflow-y: auto;
    height: calc(100% - 49px);
}

.course-bulder-content-inner .builder-left-inner {
    top: 49px;
    min-height: auto !important;
}

.course-bulder-content-inner .inner-buldr-header {
    border-bottom: 1px solid #b4b5b9;
    margin: 0 !important;
    padding: 5px 10px 3px 10px !important;
    position: fixed;
    top: 0;
    z-index: 200;
    box-sizing: border-box;
    width: 100%;
    background: #f9f9f9;
}

.custom-coursebuilder-header {
    margin: 0 !important;
    padding: 5px 10px 3px 10px !important;
    position: fixed;
    top: 0;
    z-index: 200;
    box-sizing: border-box;
    width: 100%;
    background: #f9f9f9;
}

.course-bulder-content-inner .panel-heading {
    padding: 0px;
}

.course-bulder-content-inner .panel-body {
    background: #eaeaea;
    padding: 0px;
}

.course-bulder-content-inner .panel-group {
    margin-bottom: 0px !important;
}

.course-bulder-content-inner .panel {
    border: none;
}

.course-bulder-content-inner .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
    border: none;
}

.course-bulder-content-inner .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    content: "";
    width: 10px;
    height: 10px;
    float: right;
    margin-right: 15px;
    margin-top: -27px;
    transform: rotate(45deg);
    border: 1px solid #ffffff00;
    background: #ffffff00;
    border-color: #444 #ffffff00 #ffffff00 #444;
}

.course-bulder-content-inner .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "";
    width: 10px;
    height: 10px;
    float: right;
    margin-top: -32px;
    margin-right: 15px;
    transform: rotate(45deg);
    border: 1px solid #ffffff00;
    background: #ffffff00;
    border-color: #ffffff00 #444 #444 #ffffff00;
}

.course-bulder-content-inner .flowplayer .fp-player {
    border-left: none !important;
}

.course-bulder-content-inner .flowplayer.is-error {
    border: none !important;
}

/*coursebuilder options starts*/

.coursebuilder-options-holder {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999;
}

.coursebuilder-options-holder .download-txt {
    float: left;
    padding: 6px;
}

.course-bulder-content-inner .buldr-header .lecture-icon-big {
    display: inline-flex;
    align-items: center;
}

/*coursebuilder options ends*/

/*Course Builder settings ends*/

@media (max-width: 1150px) {
    .builder-left-inner {
        padding: 0px 15px;
    }
}

.builder-right-inner {
    height: auto;
    padding: 0px 36px;
    border-left: 1px solid #b4b5b9;
}

@media (max-width: 1150px) {
    .builder-right-inner {
        padding: 0px 15px;
    }
}

.builder-right-inner .right-file-name {
    font-style: italic;
    color: #888;
}

.builder-right-inner .preivew-area {
    position: relative;
    padding: 20px;
}

.builder-right-inner .preivew-area .default {
    max-width: 100%;
    width: 100%;
}

.builder-right-inner .preivew-area .default-view-txt {
    color: #2e3e4e;
    margin: 8em 0px;
}

.builder-right-inner .preivew-area .default-view-txt h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 18px;
}

.builder-right-inner .preivew-area .default-view-txt p {
    font-size: 16px;
}

.default-view-txt .tooltip {
    margin-top: 0px !important;
}

.builder-right-inner .overflw-Y-scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

.builder-right-inner .test-content {
    postion: relative;
}

.builder-right-inner .test-content .view-reprt {
    display: block;
    margin-bottom: 14px;
    color: #257dc6;
}

.builder-right-inner .test-content .test-folder {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 14px;
}

.builder-right-inner .test-content .test-folder .test-folder-row {
    color: #2e3e4e;
    font-size: 16px;
}

.builder-right-inner .test-content .test-folder .test-folder-row i {
    font-size: 18px;
    margin-right: 14px;
}

.builder-right-inner .test-content .test-folder .test-folder-delte {
    color: #2e3e4e;
    float: right;
    margin-left: 12px;
}

.builder-right-inner .test-content .test-folder .test-folder-delte i {
    font-size: 20px;
}

.buldr-header.inner-buldr-header {
    border-bottom: 1px solid #b4b5b9;
    margin: 10px 0px 20px 0px;
    padding-bottom: 0px;
}

.buldr-header.inner-buldr-header .section-control {
    float: none;
}

.audioplayer-holder {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    transform: translateY(-50%);
    margin: 0 auto;
}

.dashbrd-container {
    top: 60px;
    width: 100%;
    padding-right: 0px;
}

.progress {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 0px;
}

.progress-custom {
    margin: 16px 0px;
}

.progress-custom .progress {
    margin-bottom: 6px;
    background: #fff;
}

section.model-check {
    position: relative;
    float: left;
}

/*updates on 29-08-2018*/

.buldr-header .course-builder-header {
    padding-bottom: 20px;
}

.course-builder-header .course-builder-title {
    line-height: 41px;
    margin: 0px;
    text-transform: capitalize;
    padding: 10px 0;
    font-size: 26px;
}

.course-section-info {
    font-size: 17px;
    font-weight: 500;
    height: 46px;
}

.coursebuilder-settingstab-title {
    background: #fff;
    color: #0f4ba6;
    margin: 0px;
    line-height: 47px;
    padding: 0px 25px;
    font-size: 18px;
    border-bottom: 1px solid #c9cad1;
}

/*ends*/

/*=========    Custom check box styles     ============*/

.cust-checkbox {
    position: relative;
    display: inline-block;
}

.cust-checkbox:after,
.cust-checkbox:before {
    font-family: FontAwesome;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-kerning: auto;
    font-kerning: auto;
    -webkit-font-language-override: normal;
    font-language-override: normal;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    text-rendering: auto;
}

.cust-checkbox label {
    width: 90px;
    height: 42px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.cust-checkbox label:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    left: -9;
    top: -5px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.cust-checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}

.cust-checkbox input:hover+label:after {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}

.cust-checkbox input:checked+label:after {
    left: 40px;
}

.model-check .cust-checkbox {
    width: 70px;
    height: 30px;
    border: 1px solid #09bf63;
    background: #09bf63;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 3px 3px #0000000f;
}

.model-check .cust-checkbox:after,
.model-check .cust-checkbox label:before {
    content: "ON";
    position: absolute;
    left: 10px;
    top: 7px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
}

.model-check .cust-checkbox label:before {
    content: "OFF";
    left: auto;
    top: 7px;
    right: 7px;
    z-index: 1;
}

.model-check .cust-checkbox label {
    background: #ff4848;
    width: 92px;
    height: 30px;
    border-radius: 4px;
}

.model-check .cust-checkbox label:after {
    border-radius: 0px;
    box-shadow: none !important;
    top: 0;
    width: 40px;
    height: 32px;
}

.model-check .cust-checkbox input:checked+label {
    transform: translateX(45px);
}

.model-check .cust-checkbox input:checked+label:after {
    left: -9px;
}

.nav-bg-hover:focus {
    background: #401b50 !important;
}

.nav-bg-hover:active {
    background: #401b50 !important;
}

.nav-bg-hover:hover {
    background: #401b50 !important;
}

.headr-menu-rite li .dropdown-menu li a:hover {
    color: #444 !important;
    background: #f5f5f5 !important;
}

.headr-menu-rite li .notify-icoset:hover {
    background: none !important;
}

.headr-menu-rite li a {
    color: #fff;
    height: 100%;
    display: block;
    line-height: 3em;
    font-size: 16px;
    padding: 0px 20px;
}

.headr-menu-rite li a:hover,
.headr-menu-rite li a:focus {
    text-decoration: none;
}

.headr-menu-rite li i {
    line-height: 5rem;
}

.headr-menu-rite li .buble-not {
    background: #ff3f3f;
    color: #fff;
    font-size: 10px;
    position: absolute;
    display: block;
    top: 7px;
    right: 9px;
    line-height: normal;
    padding: 2px 3px;
    border-radius: 3px;
}

#sortable {
    list-style-type: none;
    padding: 0px;
}

#sortable ul {
    list-style-type: none;
}

.lecture-wrapper {
    counter-reset: subsection;
    min-height: 40px;
}

.section-counter::before {
    counter-increment: sections;
    content: "Section : " counter(sections) " ";
}

#sortable li .lecture-counter::before {
    counter-increment: subsection;
    content: "Lecture : " counter(sections) ". " counter(subsection) " ";
}

#sortable>ul,
#sortable>li>ul {
    padding: 0px;
    display: block;
    box-sizing: border-box;
}

#sortable>li {
    margin-bottom: 15px;
    border: 1px solid rgba(167, 170, 174, 0.65);
    box-shadow: 0px 0px 20px #ccc;
}

#sortable>li>ul>li {
    min-height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0px;
    display: block;
    background: rgba(255, 255, 255, 0.5);
}

#sortable>li>ul>li:last-child .lecture-hold {
    border-bottom: none;
}

.section-title-holder {
    color: #2e3e6f;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 50px;
    border-bottom: 1px solid rgba(167, 170, 174, 0.65);
    cursor: pointer;
    position: relative;
}

.curriculum .section-title-holder .section-title {
    white-space: nowrap;
    max-width: calc(100% - 200px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-title-holder .drager {
    position: absolute;
    left: 0px;
    width: 40px;
    box-sizing: border-box;
    height: 40px;
    margin: 5px 0px;
    cursor: move;
}

.section-title-holder .drager img {
    vertical-align: inherit;
}

.lecture-innerclick {
    color: #2e587b;
    display: flex;
    align-items: center;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
}

.lecture-hold {
    color: #2e3e6f;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    position: relative;
    line-height: 40px;
    border-bottom: 1px solid rgba(167, 170, 174, 0.65);
    cursor: pointer;
    display: flex;
}

.lecture-hold .drager {
    position: absolute;
    left: 0px;
    width: 40px;
    box-sizing: border-box;
    height: 40px;
    cursor: move;
}

.droptrue {
    padding: 0px;
}

.lecture-wrapper li .lecture-counter {
    float: left;
    padding: 0px 17px 0px 40px;
    border-right: 1px solid rgba(167, 170, 174, 0.65);
    background: rgba(232, 232, 232, 0.28);
    min-width: 220px;
}

.lecture-counter svg {
    width: 10px;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}

.section-counter {
    float: left;
    padding: 0px 17px 0px 40px;
    margin-right: 14px;
}

.section-name {}

.lecture-highlight {
    border: 1px dashed #096cbf !important;
    background: #fff !important;
    height: 40px;
    margin: 3px;
}

.section-highlight {
    border: 1px dashed #096cbf !important;
    background: #fff !important;
    height: 50px;
}

.section-control,
.lecture-control {
    float: right;
    margin: 13px 10px 0px 0px;
    line-height: 20px;
}

.lecture-icon {
    width: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    float: left;
}

.lecture-icon-big {
    width: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.lecture-icon-align {
    padding-top: 7px;
}

.course {
    width: calc(100% - 66px);
    position: fixed;
    background: #e8e8e8;
    z-index: 2;
    top: 50;
    right: 0;
}

@media (max-width: 1100px) {
    course {
        width: calc(100% - 66px);
    }

    .pn-grid .multiline-search-container {
        width: 420px !important;
    }

    .pn-grid .multiline-search-container .multiline-search-title:before {
        content: "";
        position: absolute;
        left: 35px;
        top: 0px;
        width: 100%;
        height: 60px;
        background: #fff;
        z-index: -9;
    }

    .pn-grid {
        grid-template-columns: 120px 130px auto auto !important;
    }

    .pn-grid .multiline-search-title span {
        display: block;
    }
}

.box-switch {
    float: right;
    margin-right: 10px;
    padding: 3px 7px;
    border-radius: 0px 0px 3px 3px;
    border: 0px;
}

#course_details {
    height: 100px !important;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
}

.offa-tab {
    width: 100%;
    bottom: 0px;
    text-transform: uppercase;
    font-weight: 500;
}

.custom-sidemenu li:hover {
    background-color: #fff;
}

.custom-sidemenu li.active {
    background-color: #fff;
}

.squre-thumb {
    width: 85px;
    height: 85px;
    border: 5px solid #fff;
    float: left;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.29);
}

.squre-thumb-sm {
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    float: left;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.29);
    vertical-align: middle;
    margin-left: 5px;
}

.course-handled {
    line-height: 35px;
    margin-top: 6px;
}

.squre-thumb img,
.squre-thumb-sm img {
    width: 100%;
    vertical-align: top;
}

.inner-container {
    padding: 0 350px 0 76px;
    position: relative;
    top: 220px;
    background: #fff;
    z-index: 1;
}

@media (max-width: 1100px) {
    .inner-container {
        padding: 0 350px 0 50px;
    }
}

.right_block {
    width: 350px;
    position: fixed;
    right: 0;
    top: 0px;
    height: 100%;
    z-index: 100;
    background: #f2f2f2;
    border-left: 1px solid #a7aaae;
}

.input-group-btn .btn {
    box-shadow: none;
}

.dropdown-tigger {
    padding: 7px 0px;
    border-radius: 3px 3px 0px 0px;
    font-size: 15px;
    border: 1px solid transparent;
    text-transform: capitalize;
    font-weight: 500;
    color: #2e3e4e;
    cursor: pointer;
    display: inline-block;
}

.dropdown-tigger>.label-text {
    padding: 7px 10px;
    position: relative;
}

.open .dropdown-tigger {
    background: #f4f4f4;
    border: 1px solid #a7aaae;
    border-bottom: 0px;
}

.open .tilder {
    background: #f4f4f4;
}

.open .dropdown-tigger .icon {
    color: #f44336;
}

.dropdown-menu.pull-left {
    border-top-left-radius: 0px;
}

.dropdown-menu.pull-right {
    border-top-right-radius: 0px;
}

.box {
    padding: 15px;
    box-sizing: border-box;
}

.training-content-type-holder {
    background: url("../images/material-bk.jpg") !important;
}

.buldr-header {
    padding: 5px 15px 15px 15px;
}

.buldr-header h3 {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #292929;
    display: inline-block;
    vertical-align: middle;
}

.buldr-header .active {
    background: #00a65a;
    color: #ffffff;
    margin-left: 12px;
    padding: 2px 14px;
    border-radius: 20px;
}

.buldr-header .inactive {
    background: #ffa800;
    color: #ffffff;
    margin-left: 12px;
    padding: 2px 14px;
    border-radius: 20px;
}

.buldr-header .section-control {
    margin: 2px 0px 0px 9px;
}

.buldr-header .btn {
    font-size: 14px;
}

.rite-side {
    position: relative;
}

.rite-side i.header-notification {
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.rite-side .download-txt {
    float: left;
    margin-right: 26px;
    font-weight: 500;
    font-style: italic;
    line-height: 2.5em;
    font-size: 13px;
}

.btn-black {
    color: #ffffff;
    background-color: #373737;
    border-color: #ffffff;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 8px;
    border: 0px;
    height: auto;
    text-transform: initial;
    box-shadow: 0px 0px 0px;
    position: relative;
}

.btn-black:focus,
.btn-black.focus {
    color: #ffffff;
    background-color: #1e1e1e;
    border-color: #bfbfbf;
}

.btn-black:hover {
    color: #ffffff;
    background-color: #1e1e1e;
    border-color: #e0e0e0;
}

.btn-black:active,
.btn-black.active,
.open>.dropdown-toggle.btn-black {
    color: #ffffff;
    background-color: #1e1e1e;
    border-color: #e0e0e0;
}

.btn-black:active:hover,
.btn-black.active:hover,
.open>.dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open>.dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open>.dropdown-toggle.btn-black.focus {
    color: #ffffff;
    background-color: #0c0c0c;
    border-color: #bfbfbf;
}

.btn-black:active,
.btn-black.active,
.open>.dropdown-toggle.btn-black {
    background-image: none;
}

.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
    background-color: #373737;
    border-color: #ffffff;
}

.btn-black .badge {
    color: #373737;
    background-color: #ffffff;
}

.drop-area-section {
    text-align: center;
    color: #fff;
    padding: 13px 25px;
}

.drop-area-section .icon-upload-cloud-1 {
    font-size: 70px;
    color: rgba(255, 255, 255, 0.3);
    margin-top: 0px;
    transition: all cubic-bezier(0.01, 0.95, 0.49, 1.51) 0.2s;
    -webkit-transition: all cubic-bezier(0.01, 0.95, 0.49, 1.51) 0.2s;
}

.drop-area-section h3 {
    margin: 3px;
}

.drop-area-section .btn-black {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    display: block;
    text-align: left;
    padding-left: 45px;
}

.drop-area-section .btn-black i {
    font-size: 20px;
    margin-right: 16px;
}

.btn-black h3 {
    margin-top: 10px;
    margin-bottom: 13px;
}

.border-bottom-white {
    border-bottom: 1px solid rgba(43, 40, 40, 0.32);
}

/*hiding ckeditor resizer*/
/* cke resize was hidden and needed to show - client requirement */
/* .cke_bottom {
 display: none !important;
}
#cke_1_bottom {
 display: none !important;
} */

/* ######################  Modal custom design - changes can be done here   ###################### */

.modal-content {
    background: #e8e8e8;
    border: none;
    border-radius: 0px;
}

.modal-content .checkbox input[type="checkbox"] {
    top: 0px;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
    font-weight: 100;
    text-shadow: 0px 0px 0px;
}

/* ##################   Activate section modal design   ###################### */

#deleteSection span,
#publish-course span {
    text-align: center;
    display: block;
}

#deleteSection span .icon-attention-circled,
#publish-course span .icon-attention-circled {
    font-size: 50px;
    color: #efa824;
}

#activate .modal-body b,
#deleteSection .modal-body b,
#Deactivate .modal-body b,
#publish-course .modal-body b {
    font-weight: 500;
    margin-bottom: 16px;
    margin-top: 6px;
    display: inline-block;
}

#activate .modal-body b,
#deleteSection .modal-body b,
#Deactivate .modal-body b,
#publish-course .modal-body b,
#activate .modal-body p,
#deleteSection .modal-body p,
#Deactivate .modal-body p,
#publish-course .modal-body p {
    font-size: 20px;
}

#activate .close,
#deleteSection .close,
#Deactivate .close,
#publish-course .close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
}

.ui-state-highlight,
.ui-state-active {
    background: rgba(255, 255, 255, 0.2);
}

.ui-state-active .icon-upload-cloud-1 {
    transform: scale(1.3);
    transition: all cubic-bezier(0.01, 0.95, 0.49, 1.51) 0.2s;
    -webkit-transition: all cubic-bezier(0.01, 0.95, 0.49, 1.51) 0.2s;
}

/*
   ################        Add category styles - (click to appear the textbox and add button )        #####################
*/

.add-category {
    vertical-align: middle;
}

.add-category .alignment-order {
    display: table-cell;
    vertical-align: middle;
}

.add-category .add-selectn {
    width: 62%;
    float: left;
}

.add-category .add-btn {
    margin-top: 22px;
    float: right;
}

.add-category .add-btn label {
    margin-right: 12px;
}

/* login input styles are differ from other input styles */

a,
button {
    outline: none !important;
}

.width100 {
    width: 100%;
}

.white {
    color: #fff;
}

.m0 {
    margin: 0px !important;
}

.mb-05 {
    margin-bottom: 5px !important;
}

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

.mb10 {
    margin-bottom: 10px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.p0 {
    padding: 0px !important;
}

.h235 {
    height: 235px !important;
}

.login-padding {
    padding: 20px;
    position: relative;
}

/* Dashboard styles starts here */

.dash-expry {
    text-align: center;
    display: block;
    padding: 8px 15px;
    background: #ff4747;
    color: #fff;
    font-size: 18px;
}

.dash-expry a {
    color: #fff;
    text-decoration: underline;
}

.dashbrd-container .dash-wecl-ttle {
    text-align: center;
    font-size: 24px;
    color: #2e3e4e;
    line-height: 32px;
    padding: 20px;
    display: block;
    padding-top: 20px;
    text-transform: capitalize;
}

.dashbrd-container .dash-wecl-ttle span {
    color: #09d5ca;
}

.dash-chart-wrap {
    width: 100%;
    display: inline-block;
    background: #e8e8e8;
}

.dash-chart-wrap p {
    font-size: 16px;
    font-weight: 500;
    color: #2e3e4e;
}

.dash-ico-items {
    position: relative;
    padding: 20px 0px;
    margin: 0px;
    text-align: center;
}

.dash-ico-items li {
    display: inline-block;
    margin: 0px 20px;
    width: 90px;
    height: 150px;
    vertical-align: top;
}

.dash-ico-items li a {
    text-decoration: none;
    display: block;
    transition: all cubic-bezier(0, 0.88, 0.25, 1) 0.5s;
    -webkit-transition: all cubic-bezier(0, 0.88, 0.25, 1) 0.5s;
}

.welcome-msg {
    text-align: center;
    font-size: 18px;
    color: #828282;
}

.welcome-msg a {
    color: #e5473e;
    text-decoration: none;
}

.upgrade-link-dashboard {
    text-align: center;
    font-size: 15px;
    color: #6b6b6b;
}

.upgrade-link-dashboard a {
    color: #e5473e;
    text-decoration: none;
}

.upgrade-link-dashboard a:hover,
.upgrade-link-dashboard a:focus {
    color: #d82b21;
}

.bw-note {
    color: #666;
    font-size: 12px;
    padding-top: 15px;
}

/*dash icons updated on 22-08-2018*/

.dash-ico-items li a i {
    width: 89px;
    height: 100px;
    display: block;
    margin: 0px auto;
    background: url(../images/sprite-dash_icon.png) no-repeat;
    background-size: cover;
}

.dash-ico-items li a.dash-mc i {
    background-position-x: -91px !important;
}

.dash-ico-items li a.dash-mu i {
    background-position-x: -184px !important;
}

.dash-ico-items li a.dash-ins i {
    background-position-x: 0px !important;
}

.dash-ico-items li a.dash-mf i {
    background-position-x: -369px;
}

.dash-ico-items li a.dash-grp i {
    background-position-x: -276px;
}

.dash-ico-items li a.dash-question-bank i {
    background-position-x: -557px;
}

.dash-ico-items li a.dash-r i {
    background-position-x: -743px;
}

.dash-ico-items li a.dash-s i {
    background-position-x: -649px;
}

.dash-ico-items li a.dash-cms i {
    background-position-x: -928px;
}

/*dash icon ends*/

.dash-ico-items li a:hover {
    transform: scale(1.05);
    color: #5fd9ce;
}

.dash-ico-items li a:hover span {
    color: #5fd9ce;
}

.dash-ico-items li a.dash-mc i {
    background-position: 0px 0px;
}

.dash-ico-items li a.dash-mu i {
    background-position: -90px 0px;
}

.dash-ico-items li a.dash-forum i {
    background-position: -760px 0px;
}

.dash-ico-items li a.dash-answer-writing-facility i {
    background-position: -850px 0px;
}

.dash-ico-items li a.dash-challenge-zone i {
    background-position: -940px 0px;
}

.dash-ico-items li a.dash-terms-of-the-day i {
    background-position: -1030px 0px;
}

.dash-ico-items li a span {
    font-size: 15px;
    color: #2e3e4e;
    font-weight: 500;
    display: block;
}

.dashboard-bg {
    background: #f3f4f8;
    min-height: calc(100vh - 60px);
    box-sizing: border-box;
    position: relative;
    /* overflow: auto; */
}

.bw-refresh {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 11px;
    vertical-align: bottom;
    cursor: pointer;
}

.bw-graph-holder {
    display: table;
    overflow: hidden;
    width: 100%;
}

.bw-refresh:hover svg {
    fill: #0bb8a9 !important;
}

.bw-refresh:hover path {
    stroke: #0bb8a9 !important;
}

@-webkit-keyframes refreshing {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bw-refresh.refreshing {
    display: inline-block;
    -webkit-animation: refreshing 2s linear infinite;
    -moz-animation: refreshing 2s linear infinite;
    -ms-animation: refreshing 2s linear infinite;
    -o-animation: refreshing 2s linear infinite;
    animation: refreshing 2s linear infinite;
}

.bw-refresh.refreshing svg {
    fill: #0bb8a9 !important;
}

.bw-refresh.refreshing path {
    stroke: #0bb8a9 !important;
}

/* Dashboard styles ends here */

.Login-fullwdth {
    width: 100%;
    height: 100%;
    position: relative;
    background: #339966;
    display: table;
}

.Login-fullwdth a:hover {
    text-decoration: none;
}

.Login-fullwdth .talbe-cell {
    display: table-cell;
    vertical-align: middle;
}

.Login-fullwdth .login-wrap {
    width: 372px;
    margin: 0px auto;
    background: url("../images/login_bg.jpg") top center no-repeat #eaedf2;
    position: relative;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.Login-fullwdth .login-wrap .btn-login {
    padding: 0px 40px;
    font-size: 15px;
    float: left;
    height: 40px;
    font-weight: 300;
}

.Login-fullwdth .login-wrap .login-typography h3,
.Login-fullwdth .login-wrap .login-typography p {
    text-align: center;
}

.Login-fullwdth .login-wrap .login-typography h3 {
    margin-top: 10px;
}

.Login-fullwdth .login-wrap .login-typography p {
    font-size: 13px;
}

.Login-fullwdth .login-wrap .terms-policy {
    font-size: 10px !important;
    margin: 8px 0px;
    display: inline-block;
    text-align: center;
}

.Login-fullwdth .login-wrap .terms-policy a {
    text-decoration: underline;
    font-style: italic;
}

.Login-fullwdth .login-wrap .form-group {
    position: relative;
}

.Login-fullwdth .login-wrap .form-group:after {
    position: absolute;
    font-family: "fontello";
    top: 10px;
    left: 14px;
    font-size: 14px;
    content: "";
}

.Login-fullwdth .login-wrap .form-group.email:after {
    content: "\e803";
}

.Login-fullwdth .login-wrap .form-group.password:after {
    content: "\e828";
    font-size: 18px;
}

.Login-fullwdth .login-wrap .form-group.user:after {
    content: "\e82e";
}

.Login-fullwdth .login-wrap .form-group .login-input {
    height: 42px;
    padding: 10px 10px 10px 40px;
    font-size: 15px;
    line-height: 30px;
    border-radius: 3px;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    background: #ffffff;
    color: #2e3e4e;
    border: 1px solid #eaedf2;
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.Login-fullwdth .login-wrap .form-group .login-input:focus {
    border: 1px solid;
}

.Login-fullwdth .login-wrap .form-group .login-input:focus {
    border-color: #1bd277;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(27, 210, 119, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(27, 210, 119, 0.6);
}

.check-box {
    font-size: 14px;
    color: #666;
    display: block;
    margin: 13px 0px;
}

.check-box input[type="checkbox"] {
    vertical-align: -2px;
}

.login-padding {
    padding: 20px;
    position: relative;
}

.login-box-bottom {
    background: #ffffff;
    padding: 20px;
    border-top: 2px dotted #bbb;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
    position: relative;
}

.login-box-bottom .facebook {
    background: #3b5999;
    color: #fff;
    display: block;
    padding: 12px 0px;
    margin: 10px 0px;
    border-radius: 3px;
    text-transform: uppercase;
}

.login-box-bottom a {
    color: #464749;
}

.login-box-bottom .login-round-or {
    position: absolute;
    padding: 6px;
    border-radius: 50%;
    background: #fff;
    font-size: 13px;
    box-shadow: inset 1px 1px 0px #aaa;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

/*  ---------- Custom input file type Design -----------  */
.fileContainer {
    overflow: hidden;
    position: relative;
}

.fileContainer [type="file"] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

/*  ---------- Active & Inactive label styles -----------  */
.active-section,
.Inactive-section {
    color: #00cc66;
    font-size: 14px;
    font-style: italic;
    float: right;
    margin-right: 12px;
}

.active-section i,
.Inactive-section i {
    font-size: 18px;
}

.Inactive-section {
    color: #ffa800;
    font-size: 14px;
    font-style: italic;
}

/*  ---------- intro help styles including video styles -----------  */

.help-intro {
    bottom: 24px;
    color: #fff;
    font-size: 16px;
    left: 132px;
    position: absolute;
}

.help-intro i {
    font-size: 22px;
}

#nav-icon1 {
    width: 40px;
    height: 30px;
    position: fixed;
    right: 36px;
    top: 14px;
    z-index: 100;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    display: none;
}

#nav-icon1 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
    top: 0px;
}

#nav-icon1 span:nth-child(2) {
    top: 11px;
}

#nav-icon1 span:nth-child(3) {
    top: 22px;
}

#nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@media (min-width: 768px) and (max-width: 992px) {
    .right_block {
        right: -350px;
    }

    .bulder-content {
        padding: 50px 20px 20px;
    }

    #nav-icon1 {
        display: block;
    }

    .nav-content .rTable .input-group-addon {
        font-size: 15px;
    }
}

/* ***************    Media query course     ****************** */

@media (min-width: 768px) and (max-width: 1080px) {
    .cours-fix input[type="checkbox"] {
        float: left;
        height: 40px;
    }

    .cours-fix .icon-wrap-round {
        float: left;
    }

    .cours-fix a {
        color: #000;
        text-decoration: none;
        white-space: nowrap;
        line-height: 2.8em;
    }
}

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

    .spn-active,
    .spn-inactive,
    .spn-delete {}

    .cours-fix .col-sm-12.pos-inhrt {
        position: inherit;
    }
}

.User_backgrd {
    height: 150px;
    position: absolute;
    top: 35px;
    width: calc(100% - 70px);
    background: linear-gradient(45deg, #850533, #a8194a);
}

.User_backgrd span {
    color: #000;
    position: absolute;
    top: 12px;
    right: 60px;
    font-size: 18px;
    font-weight: 500;
}

.profile-wrap {
    background: #f6f8fa;
}

.profile-wrap .profile-container {
    position: relative;
    padding: 0px 62px;
    top: 73px;
}

.profile-wrap .profile-container .profile-box-layouts {
    background: #ffffff;
    box-shadow: 0px 1px 4px #cccccc;
    padding: 15px;
    min-height: 180px;
    border-radius: 3px;
    margin-bottom: 30px;
}

.profile-wrap .profile-container .profile-box-layouts h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: #2e3e4e;
    margin: 0px 0px 10px 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.profile-wrap .profile-container .profile-box-layouts h4 span {
    color: #0072ff;
    float: right;
    font-style: italic;
    font-size: 14px;
}

.profile-wrap .profile-container .profile-box-layouts p {
    margin: 0px 0px 5px;
    padding-left: 16px;
}

.profile-wrap .profile-container .profile-box-layouts .badges {
    border-radius: 5px;
    background: #eee;
    display: inline-block;
    min-height: 100px;
    min-width: 80px;
    padding: 2px;
    text-align: center;
    margin: 0px 10px;
}

.profile-wrap .profile-container .profile-box-layouts .badges i {
    text-align: center;
    font-style: normal;
    font-size: 16px;
    font-weight: 500;
    color: #777;
    padding: 6px 0px;
    display: block;
}

.profile-wrap .profile-container .profile-box-layouts .badges img {
    display: block;
    margin: 0px auto;
}

.prfle-tble {
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
}

.prfle-tble .lecture-control {
    margin: 13px 0px 0 10px;
}

.prfle-tble .wrap-mail a {
    color: #000;
}

.prfle-tble:last-child {
    margin-bottom: 0px;
}

.prfle-expire,
.prfle-expireRed {
    float: right;
    font-size: 14px;
    line-height: 2.9em;
}

.prfle-suspend,
.prfle-delte {
    font-size: 14px;
    line-height: 2.9em;
    color: #ff0000;
}

.prfle-suspend {
    color: #ff6000;
}

.prfle-expire {
    color: #09bf63;
}

.prfle-expireRed {
    color: #ff0000;
}

.icon-wrap-round.purple {
    background: #b909bf;
}

.wrap-title {
    color: #09bf63;
    margin-bottom: 4px;
    display: block;
}

.green-status {
    color: #299f00;
}

.red-status {
    color: #ff0000;
}

.grey-status {
    color: #878788;
}

.profile-header {
    position: relative;
    margin-bottom: 25px;
}

.profile-header .profle-img-container {
    width: 155px;
    height: 155px;
    float: left;
    overflow: hidden;
    position: relative;
    background: #fff;
    box-shadow: 0px -1px 10px #545454;
    -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
    -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
    transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
    border-radius: 50%;
}

.profile-header .profle-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
    -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
    transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
}

.profile-header .profle-img-container button.pos-abs {
    left: calc(50% - 65px);
    top: calc(50% - 18px);
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
}

.profile-header .profle-img-container:hover {
    cursor: pointer;
}

.profile-header .profle-img-container:hover button.pos-abs {
    z-index: 100;
    opacity: 1;
    filter: alpha(opacity=100);
    filter: alpha(opacity=1);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
    -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
    transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
}

.profile-header .profle-img-container:hover img {
    opacity: 0.6;
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
    -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
    transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
}

.profile-header .hdr-rite-calc {
    width: calc(100% - 155px);
}

.profile-header .prfle-heder-rite {
    margin-top: 38px;
}

.profile-header .prfle-heder-rite .pfle-title-drp {
    display: block;
}

.profile-header .prfle-heder-rite .pfle-title-drp>h3 {
    font-size: 24px;
    color: white;
    text-shadow: 0px 0px 6px #2e3e4e;
    font-weight: 700;
    float: left;
    margin: 8px 12px 0px 0px;
    text-transform: capitalize;
}

.profile-header .prfle-heder-rite .pfle-title-drp>.lecture-control {
    float: left;
}

.profile-header .prfle-heder-rite .pfle-title-drp .headr-top-menu {
    margin-top: 6px;
}

.profile-header .prfle-heder-rite .pfle-title-drp .headr-top-menu li {
    display: inline-block;
}

.profile-header .prfle-heder-rite .pfle-title-drp .headr-top-menu li a {
    color: #2e3e4e;
    font-size: 14px;
    font-weight: 500;
    margin-right: 32px;
}

.profile-header .prfle-heder-rite .pfle-title-drp .permssn-note {
    color: #0072ff;
    font-size: 12;
    margin: 7px 8px 0px 0px;
    display: inline-block;
}

.inside-box {
    background: #fff;
    padding: 14px 22px;
    border-radius: 3px;
    border: 1px solid #c7c9ca;
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
}

.inside-box .checkbox-wrap {
    padding: 6px 0px;
}

.inside-box-scroll {
    overflow-y: scroll;
    height: 257px;
}

.active-list-padding {
    padding-bottom: 7px;
}

.delte {
    font-size: 24px;
    color: #ff0000;
}

.addlectre {
    position: relative;
}

.addlectre .lectr-deep-innr {
    padding-left: 50px;
}

.addlectre .lectr-deep-innr label {}

.mar-ver0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pad-right20 {
    padding-right: 20px;
}

.btn {
    margin-right: 5px;
}

.modal-backdrop.in {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/* All alignment for checkbox */
input[type="checkbox"] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.font18 {
    font-size: 18px !important;
}

.font16 {
    font-size: 16px;
}

.font15 {
    font-size: 15px;
}

.font14 {
    font-size: 14px;
}

.font13 {
    font-size: 13px;
}

.modal {
    z-index: 2024;
}

.small-font {
    font-size: 12px !important;
}

.pad-top30 {
    padding-top: 30px;
}

.pad-top15 {
    padding-top: 15px;
}

.pad-top10 {
    padding-top: 10px;
}

.pad-top5 {
    padding-top: 5px;
}

.pad-vert5 {
    padding-top: 5px;
}

.pad-top18 {
    padding-top: 18px;
}

.dsp-inline {
    display: inline-block;
}

.text-alignR {
    text-align: left;
}

.text-alignR p {
    text-align: right;
}

.txt-underline {
    text-decoration: underline;
}

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

.pad-top10 {
    padding-top: 10px;
}

.pad-top25 {
    padding-top: 25px;
}

.pad-top50 {
    padding-top: 50px !important;
}

.pad-top12 {
    padding-top: 12px !important;
}

.marg-top10 {
    margin-top: 10px;
}

.marg-bot10 {
    margin-bottom: 10px;
}

.txt-left {
    text-align: left;
}

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

i.star-active {
    color: #d94d38;
}

.min-width115 {
    min-width: 115px;
}

.width-350 {
    width: 350px !important;
}

.bg-white {
    background: #fff;
}

/* Common classes for */

/*======================*/

/*START*/
.icon-wrap-round {
    margin-right: 10px;
    margin-left: 10px;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    width: 40px;
    min-width: 40px;
    display: inline-block;
    padding: 5px;
    background: #e5473e;
}

.icon-wrap-round.sm-img {
    height: 35px;
    width: 35px;
}

.icon-wrap-round.blue {
    background: #00aeef;
}

.icon-wrap-round i.icon {
    line-height: 31px;
    font-size: 19px;
}

a {
    color: #2e3e4e;
}

/*======================*/

/*END*/

/* Common classes for */

/* Font Colors */
.font-red {
    color: #ff3333;
}

.font-green {
    color: #00cc66;
}

.font-blue {
    color: #0072ff;
}

.font-lgt-grey {
    color: #a8a7a7;
}

/* Bold Font Sizes */

/*START*/

/*==============*/

.font-bold600 {
    font-weight: 500;
}

.bold-heading {
    font-size: 15px;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
}

.font-bold {
    font-weight: bold;
}

.font-normal {
    font-weight: normal;
}

/* CHANGING ICON STYLE FROM FOLLOWING FILE TITLE */
.icon-wrap-round .icon.icon-graduation-cap {
    margin-left: 0px;
}

.green-font {
    color: #33b565;
}

/*####################*/

a .link-style {
    color: #096cbf !important;
}

a.link-style:hover {
    color: #096cbf;
    text-decoration: underline;
}

a.link-style.u-line {
    text-decoration: underline;
}

body.body100H {
    height: 100%;
}

body.body100H .main-content {
    height: 100%;
}

.label {
    padding: 0.4em 1.2em 0.5em;
}

/* italic class */

.my-italic {
    font-style: italic;
}

/* big-icon */

.icon-center {
    font-size: 25px;
    margin-right: 15px;
    vertical-align: -5px;
}

/* common tab color */

.nav-tabs>li.active>.active-arrow {
    background: #f6f8fa;
}

.pos-rel {
    position: relative;
}

.btn {
    min-width: 100px;
}

.pad-top15 {
    padding-top: 15px;
}

.pad-top12 {
    padding-top: 12px;
}

.course-container {
    top: 0;
    width: 100%;
    padding-right: 0;
    /* Discussion all from right wrap used here */
    /*START*/
    /*END*/
    /* New style only for discussion container */
    /*START*/
    /*END*/
}

.course-container.pos-top50 {
    top: 50px;
}

.course-container .discussion-container {
    margin-top: 20px;
    border-radius: 2px;
    background: #f6f8fa;
}

.course-container .discussion-container span {
    display: inline-block;
}

.course-container .discussion-container .dropdown span {
    display: inline;
}

.course-container .discussion-container .box-style {
    width: 35px;
    height: 35px;
    border: 2px solid #3b4a59;
    background: #e8e8e8;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.course-container .discussion-container .user-date {
    vertical-align: top;
    padding-left: 15px;
    text-align: justify;
}

.course-container .discussion-container .user-date a {
    padding-bottom: 2px;
    display: inline-block;
    width: 100%;
}

.course-container .discussion-container .user-date>span {
    margin-right: 15px;
}

.course-container .discussion-container .user-date.width100 {
    width: calc(100% - 45px);
}

.course-container .discussion-container .user-date .user {
    font-weight: 500;
}

.course-container .discussion-container .user-date .date {
    font-size: 12px;
    font-style: italic;
    color: #949494;
}

.course-container .discussion-container>div {
    padding-top: 15px;
}

.course-container .discussion-container .right-group-wrap {
    border-bottom: 1px solid #a7aaae;
    padding-bottom: 15px;
    padding-top: 15px;
}

.course-container .discussion-container .content-text {
    color: #656565;
    font-size: 13px;
}

.course-container .discussion-container a.link-style {
    color: #0354b9;
    font-weight: 500;
    font-style: italic;
}

.course-container .discussion-container.listing-discuss {
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
}

.course-container .discussion-container.listing-discuss .right-group-wrap {
    border-bottom: 0px;
}

.course-container .discussion-container.listing-discuss a.link-style {
    color: #2e3e4e !important;
    font-style: normal;
}

.course-container .discussion-container.listing-discuss .old-chat .user-date {
    display: inline-block;
    width: calc(100% - 45px);
}

.course-container .discussion-container.listing-discuss .sml-font {
    font-size: 14px;
}

.course-container .discussion-container.listing-discuss div[class*="col-sm-12"] {
    border-bottom: 1px solid #e1e1e1;
}

.course-container .discussion-container.listing-discuss div[class*="col-sm-12"]:last-child {
    border: 0px;
}

.course-container .discussion-container.listing-discuss div[class*="col-sm-12"].bg-white {
    background: #fff;
}

.course-container .discussion-container.listing-discuss .num-of-total {
    font-size: 13px;
}

.course-container.full-width {
    width: 100%;
}

.course-container.full-width .content-wrap {
    padding-right: 0px;
}

.course-container.full-width .content-wrap .left-wrap.container {
    max-width: 645px;
}

.label-active {
    background: #00a65a;
    color: #ffffff;
    margin-left: 12px;
    padding: 2px 14px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.group-total-holder {
    padding: 9px 0px;
}

.label-active.group-total {
    vertical-align: initial;
    margin-right: 5px;
    padding: 1px 8px;
    font-size: 12px;
    text-align: center;
}

.label-inactive {
    background: #ffa800;
    color: #ffffff;
    margin-left: 12px;
    padding: 2px 14px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.nav-tabs.offa-tab>li>a button.btn {
    margin-left: 25px;
    font-size: 12px;
}

.report-wrap.profile-wrap {
    top: 20px;
}

.report-wrap.profile-wrap .rTableCell:last-child {
    border-left: 0px !important;
}

/* Fixed element' s fixed sizes */

header {
    height: 50px;
    top: 0px;
}

/*--------(-1)--------*/

/* zero-level-top tab without heading */

/*START*/

.minus-level-top.content-wrap {
    top: 80px;
}

.minus-level-top .nav-content {
    height: 45px;
    top: 80px;
}

/*--------(-1)--------*/

/* zero-level-top tab without heading */

/*START*/

/*--------(0)--------*/

/* zero-level-top tab without heading */

/*START*/

.zero-level-top.content-wrap {
    top: 132px;
}

.zero-level-top.right-wrap {
    top: 80px;
    height: calc(100% - 80px);
}

.zero-level-top .nav-content {
    height: 45px;
    top: 80px;
}

/* .base-cont-top tab without heading */
section.base-cont-top.courses-tab {
    height: 52px;
}

.base-cont-top.content-wrap {
    padding-top: 95px;
}

.base-cont-top .course-content-wrap {
    top: 80px;
}

.base-cont-top.right-wrap {}

.base-cont-top .nav-content {
    height: 45px;
    top: 132px;
}

.base-cont-top .nav-course-content {
    height: 45px;
    width: 100%;
    top: 95px !important;
}

.coursestab-top-update {
    top: 49px !important;
}

.breadcrump-top-update {
    top: 0 !important;
}

.content-top-update {
    top: 130px !important;
}

.rightwrap-top-update {
    top: 130px !important;
    height: 100% !important;
}

.role-title {
    padding: 11px 32px;
    font-size: 16px;
    font-weight: 500;
}

.parent-module td {
    border-top: 1px solid #ececec !important;
    padding-top: 14px;
    background: #ffffff;
    color: #444;
}

.parent-module .checkbox {
    position: relative;
    top: 8px;
}

.parent-module .role-name {
    position: relative;
    top: 0px;
    font-weight: 500;
    padding: 15px 15px;
    color: #444;
}

.sub-module td {
    background: #f3f3f3;
    padding-top: 14px;
    border-top: none !important;
}

.sub-module .checkbox {
    position: relative;
    top: 8px;
}

.sub-module td:nth-child(1) {
    padding: 18px 45px !important;
}

.role-table tr td {
    line-height: normal !important;
    border-top-color: #ececec !important;
}

.role-table .t-header .role-head {
    text-align: center;
    width: 345px;
}

/* .base-cont-top-nosidebar tab without heading */
section.base-cont-top-nosidebar.courses-tab {
    height: 51px;
}

.base-cont-top-nosidebar.content-wrap {
    top: 177px;
}

.base-cont-top-nosidebar .nav-content {
    height: 45px;
    top: 132px;
}

.base-cont-top-nosidebar .rTableCell.dropdown a.dropdown-toggle {
    padding-bottom: 12px !important;
}

.base-cont-top-nosidebar .rTableCell:last-child {
    border-left: 1px solid #a7aaae !important;
}

/* .base-cont-top tab with heading */

section.base-cont-top-heading.courses-tab {
    height: 81px;
}

.base-cont-top-heading.content-wrap {
    top: 161px;
}

.base-cont-top-heading.right-wrap {
    top: 161px;
    height: calc(100% - 161px);
}

section.cont-course-big.courses-tab {
    height: calc(100% - 80px);
}

section.cont-course-big.courses-tab h4.margin-sm {
    padding-left: 0px;
}

.cont-course-big.content-wrap {
    top: 95px;
    padding-right: 0;
}

.content-wrap.top-spacing {
    top: 95px !important;
}

.cont-course-big.right-wrap {
    top: 232px;
    height: calc(100% - 232px);
}

.content-wrap-align {
    width: calc(100% - 250px) !important;
    left: 250px;
}

.content-wrap.content-wrap-top {
    top: 95px !important;
}

.content-wrap .content-filter-top {
    top: 95px !important;
}

.content-wrap .content-filter-fullwidth {
    width: 100%;
}

.forum-wrap {
    top: 80px;
    position: relative;
}

/* .cont-course-big tab with heading and with another content-nav-tbl also */

/*START*/
section.cont-course-big.nav-included.courses-tab {
    height: 152px;
}

.cont-course-big.nav-included .right-bottom-fixed {
    position: absolute;
    bottom: 20px;
    left: 0px;
}

.cont-course-big.nav-included .right-bottom-fixed label {
    font-size: 13px;
}

.cont-course-big.nav-included.content-wrap {
    top: 95px;
}

.cont-course-big.nav-included.right-wrap {
    top: 232px;
    height: calc(100% - 232px);
    padding-top: 45px;
    padding-bottom: 106px;
}

.cont-course-big.nav-included.content-wrap .nav-content {
    height: 45px;
    top: 232px;
}

.cont-course-big .left-wrap {
    display: block !important;
    padding: 0px 15px !important;
    min-height: calc(100vh - 140px);
}

/*--------(4)--------*/
/*END*/

/* Content Wrap All */

.content-wrap {
    position: relative;
}

.content-wrap.small-width {
    padding-right: 320px;
}

/* Content Wrap All */

/* Overwrite Old Layout Styles */
.dropdown-tigger {
    /* Top Bar Drop Down button made here */
    font-size: 14px;
    padding: 7px 1px;
}

.dropdown-tigger.top-bar-btn {
    font-size: 15px;
    padding: 6px 3px;
}

.dropdown-tigger .label-text {
    padding: 7px 2px;
}

.headr-menu-rite {
    list-style: none;
}

.btn.marg10 {
    margin-right: 10px;
    margin-left: 10px;
}

.dropdown a.dropdown-toggle {
    display: block;
    text-decoration: none;
}

.course-create-wrap {
    padding-top: 13px;
    font-weight: 500;
}

.course-create-wrap label {
    font-size: 14px;
}

.course-create-wrap .form-group {
    padding-top: 15px;
}

.course-create-wrap .form-group label {
    padding-right: 10px;
}

.course-create-wrap .course-settings-title {
    padding-bottom: 15px;
}

.course-settings-title .multiselect-container {
    width: 100% !important;
}

.course-settings-title .multiselect {
    box-shadow: none !important;
    text-transform: capitalize !important;
    font-weight: 400 !important;
}

.course-settings-title .multiselect label {
    font-weight: 400 !important;
}

.course-settings-title .multiselect .caret {
    float: right;
    margin-top: 10px;
}

.course-settings-title .multiselect-container label {
    font-weight: 400 !important;
}

.course-settings .redactor-in {
    min-height: 320px !important;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #2e3e4e;
    cursor: pointer;
}

.custom-date-picker {
    height: initial !important;
    border: 1px solid #c7c9ca !important;
    border-radius: 3px !important;
    padding: 8px 12px !important;
    background: #ffffff !important;
}

.theme-settings-label {
    font-size: 13px;
    font-weight: 400;
    color: #696969;
}

/* General All */

.multiselect.btn-default:focus {
    background-color: #fff;
}

.multiselect.btn-default:acive {
    background-color: #fff;
}

.marginT0 {
    margin-top: 0;
}

.pad0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.pad-vert0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* BASIC PAGE HEADER */
.courses-tab {
    position: fixed;
    z-index: 99;
    top: 95px;
    width: 100%;
    background: #e8e8e8;
}

.courses-tab.custom-sidenav {
    width: 250px;
}

.custom-sidemenu li {
    width: 100%;
    padding-left: 30px;
    font-size: 13px !important;
}

.courses-tab ol.nav li {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    border-bottom: 1px solid #e4e4e4;
}

.courses-tab ol.nav li a {
    padding: 9px 15px 10px;
}

.courses-tab a {
    color: #2e3e4e;
}

.courses-tab h4 {
    padding-left: 10px;
    font-weight: 500;
    margin-bottom: 0px;
}

h4.courses-tab.margin-sm {
    padding-left: 0px;
}

/* Common style for the DROPDOWN */

/*==============================*/

.dropdown-menu {
    font-size: 14px;
}

.dropdown-menu li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dropdown-menu li>a:hover {
    color: #444 !important;
}

/*==============================*/
/* Common style for the DROPDOWN */

/* RIGHT DROP DOWN */
/*=================*/
.lecture-control.btn-right-align .dropdown-menu {
    left: auto;
    top: 100%;
}

/* Page content Section */
.course-cont-wrap {
    padding-left: 15px;
}

.course-cont-wrap.catalog-table .rTableRow .rTableCell {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.course-cont-wrap.catalog-table .rTableRow .rTableCell:last-child {
    width: 40px;
}

.course-cont-wrap .course-cont .rTableRow {}

.course-cont-wrap .course-cont .rTableRow:first-child .rTableCell {
    border-top: 0px;
}

.course-cont-wrap .course-cont .rTableRow:last-child .rTableCell {
    border-bottom: 1px solid #e1e1e1;
}

.course-cont-wrap .course-cont .rTableRow .wrap-mail {
    display: inline-block;
    vertical-align: middle;
    color: #2e3e4e;
    font-size: 12px;
}

.course-cont-wrap .course-cont .rTableRow .wrap-mail a {
    font-size: 14px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell {
    padding-left: 15px;
    vertical-align: middle;
    font-size: 14px;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell:last-child {
    padding-left: 0px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell span i.icon {
    font-size: 16px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell span.icon-wrap-round i.icon {
    font-size: 19px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell.td-dropdown {
    width: 53px;
}

/* .course-cont-wrap .course-cont .rTableRow .rTableCell a {
   color: #2e3e4e;
   text-decoration: none;
} */

/* .course-cont-wrap .course-cont .rTableRow .rTableCell a.normal-base-color {color: #2e3e4e;} */
.right-wrap {
    position: fixed;
    width: 360px;
    right: 0px;
    top: 140px;
    bottom: 0px;
    background: #f2f2f2;
}

.right-wrap.small-width {
    width: 320px;
}

.right-wrap.new-height104 {
    top: 184px;
}

.right-wrap.pos-relative {
    position: relative !important;
    height: 100%;
    z-index: 10;
}

.right-wrap label,
.right-wrap h5,
.right-wrap h4,
.right-wrap span {
    font-weight: 500;
}

.right-wrap .light-grey {
    color: #666666;
    font-weight: 500;
}

.left-wrap {
    background: #fff;
    display: grid;
    grid-template-columns: auto 360px;
    padding: 0px;
}

/* Small button mixin */

.bdr-rad0 {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-green-bvl {
    color: #ffffff;
    background-color: #33b565;
    border-color: #ffffff;
    -webkit-box-shadow: inset 0px -3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -3px rgba(0, 0, 0, 0.2);
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
    text-transform: initial;
}

.btn-green-bvl:focus,
.btn-green-bvl.focus {
    color: #ffffff;
    background-color: #288d4f;
    border-color: #bfbfbf;
}

.btn-green-bvl:hover {
    color: #ffffff;
    background-color: #288d4f;
    border-color: #e0e0e0;
}

.btn-green-bvl:active,
.btn-green-bvl.active,
.open>.dropdown-toggle.btn-green-bvl {
    color: #ffffff;
    background-color: #288d4f;
    border-color: #e0e0e0;
}

.btn-green-bvl:active:hover,
.btn-green-bvl.active:hover,
.open>.dropdown-toggle.btn-green-bvl:hover,
.btn-green-bvl:active:focus,
.btn-green-bvl.active:focus,
.open>.dropdown-toggle.btn-green-bvl:focus,
.btn-green-bvl:active.focus,
.btn-green-bvl.active.focus,
.open>.dropdown-toggle.btn-green-bvl.focus {
    color: #ffffff;
    background-color: #20713f;
    border-color: #bfbfbf;
}

.btn-green-bvl:active,
.btn-green-bvl.active,
.open>.dropdown-toggle.btn-green-bvl {
    background-image: none;
}

.btn-green-bvl.disabled,
.btn-green-bvl[disabled],
fieldset[disabled] .btn-green-bvl,
.btn-green-bvl.disabled:hover,
.btn-green-bvl[disabled]:hover,
fieldset[disabled] .btn-green-bvl:hover,
.btn-green-bvl.disabled:focus,
.btn-green-bvl[disabled]:focus,
fieldset[disabled] .btn-green-bvl:focus,
.btn-green-bvl.disabled.focus,
.btn-green-bvl[disabled].focus,
fieldset[disabled] .btn-green-bvl.focus,
.btn-green-bvl.disabled:active,
.btn-green-bvl[disabled]:active,
fieldset[disabled] .btn-green-bvl:active,
.btn-green-bvl.disabled.active,
.btn-green-bvl[disabled].active,
fieldset[disabled] .btn-green-bvl.active {
    background-color: #33b565;
    border-color: #ffffff;
}

.btn-green-bvl .badge {
    color: #33b565;
    background-color: #ffffff;
}

/* Class For Full Width */

.full-width-btn {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.btn-big {
    height: 45px !important;
    line-height: 45px !important;
}


.institution-select .srch_txt {
    padding-right: 30px;
}

span.institution-code {
    cursor: text;
    color: #33b565;
    font-size: 14px;
    user-select: none;
    text-transform: uppercase;
}

.inst-name {
    font-weight: 500;
    text-transform: capitalize;
}

.event-listing-row a {
    text-transform: capitalize;
}

/*search clear*/

.srch_txt,
.close-icon {
    position: relative;
    padding: 10px;
}

.close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

.close-icon:after {
    content: "X";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #fa9595;
    z-index: 1;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 2px;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 0 2px #e50f0f;
    cursor: pointer;
}

.srch_txt:not(:valid)~.close-icon {
    display: none;
}

/*ends*/



.bg-grey {
    background: #656565;
    padding: 10px 15px;
    margin-bottom: 10px;
    color: #fff;
}

.bg-grey label {
    color: #fff;
}

/* Table style creation */
.table-implement {
    display: table;
}

.table-implement>div {
    display: table-cell;
}

.table-row {
    display: table-row;
}

/* Content tab or nav Set here */

.rTable.content-nav-tbl {
    table-layout: auto;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 0px;
    border-top-width: 0px;
    font-weight: 400;
    border-right: 0px;
    width: 100%;
}

@media (max-width: 1100px) {
    .rTable.content-nav-tbl .rTableRow>.rTableCell {
        min-width: 90px !important;
    }

    .rTable.content-nav-tbl .rTableRow>.rTableCell:last-child {
        width: 103px;
    }
}

.rTable.content-nav-tbl .lecture-control .tilder {
    bottom: 4px;
}

.rTable.content-nav-tbl .select-all-style label {
    color: #096cbf;
    font-size: 13px !important;
}

.rTable.content-nav-tbl .select-all-style:hover label {
    color: #096cbf;
    text-decoration: underline;
}

.rTableCell.selectall-width {
    min-width: 70px !important;
    width: 140px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell {
    min-height: 45px;
    vertical-align: middle;
    padding: 0px 0px;
    font-size: 13px;
    border-top-width: 0px;
    height: 0px;
    position: relative;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #ececec;
    top: 7px;
    height: 30px;
    right: 0px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell:last-of-type:after {
    content: unset;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell:last-child {
    border-left: 0px;
    width: 130px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell label {
    font-size: 14px;
    cursor: pointer;
    padding: 14px 0 13px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell input.form-control {
    padding: 11px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown {
    height: 100%;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown a {
    color: #2e3e4e;
    white-space: nowrap !important;
    padding: 10px 15px;
    text-transform: capitalize;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown a.dropdown-toggle {
    padding-bottom: 9px;
    padding-top: 11px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul {
    background: #fff;
    border-radius: 0px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-top: -2px;
    box-shadow: 0 2px 2px 0px #00000047;
    padding: 0px;
    margin: 0px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul li {
    position: relative;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul li:after {
    content: "";
    height: 1px;
    width: 90%;
    position: absolute;
    background: #f5f5f5;
    right: 0px;
    left: 0px;
    margin: 0 auto;
}

.borderleft-none {
    border-left: none !important;
}

.no-nav-style .rTable.content-nav-tbl {
    border: 0px;
}

.no-nav-style .rTable.content-nav-tbl .input-group-addon {
    border-left: 0px;
}

.no-nav-style .rTable.content-nav-tbl .rTableRow>.rTableCell {
    border-left: 0px;
}

.table-view {
    display: table;
}

.table-view .table-cell {
    display: table-cell;
    vertical-align: middle;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background: #9e9e9e;
    border: 0px solid #fff;
}

/* a all hover color */

/*start*/
.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul>li>a:hover,
.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul>li>a:active {
    color: #fff;
}

/* end */

.cert_sett {
    font-style: italic;
    margin-left: 15px;
}

/* TABLE LIKE STYLE FOR DIV LIKE ELEMENT */
.rTable {
    display: table;
}

.rTable .rTableRow {
    display: table-row;
}

.rTable .rTableRow .rTableCell {
    display: table-cell;
}

/*=======================================*/

/* TABLE LIKE STYLE FOR DIV LIKE ELEMENT */
/* .card-prieview WRAP*/
.card-prieview {
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

.card-prieview .heart-icon {
    position: absolute;
    color: #3c5a77;
    top: 15px;
    right: 15px;
    text-shadow: -2px 0 rgba(255, 255, 255, 0.4), 0 2px rgba(255, 255, 255, 0.4),
        2px 0px rgba(255, 255, 255, 0.4), 0 -2px rgba(255, 255, 255, 0.4);
}

.card-prieview .img-chng {
    background: #2f97e6;
    padding: 15px;
    position: relative;
}

.card-prieview .img-chng:hover {
    cursor: pointer;
}

.card-prieview .img-chng:hover .pos-abs {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.card-prieview .img-chng .img-icon-holder {
    margin: auto;
    height: 125px;
    width: 125px;
    background: #0970bf;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
}

.card-prieview .img-chng .img-icon-holder i {
    line-height: 125px;
    font-size: 85px;
}

.card-prieview .img-chng button.pos-abs {
    position: absolute;
    left: calc(50% - 65px);
    top: calc(50% - 18px);
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0);
}

.card-prieview .img-content {
    background: #fff;
    padding: 20px;
    color: #353535;
}

.card-prieview .img-content h4 {
    font-weight: 500;
    font-size: 16px;
}

.card-prieview .img-content a.link-style {
    text-decoration: underline;
}

.card-prieview .img-content .add-teach {
    font-style: italic;
}

.card-prieview .img-content i.icon {
    margin: 0px;
}

.card-prieview .img-content i.star-active {
    color: #d94d38;
}

.card-prieview .img-content span[class*="price"] {
    font-size: 14px;
}

.card-prieview .img-content .price {
    font-weight: 500;
    color: #52a74e;
}

.card-prieview .img-content .price-bold {
    padding-right: 6px;
    color: #92a1a2;
    position: relative;
}

.card-prieview .img-content .price-bold.strike-txt:after {
    content: " ";
    width: 86%;
    position: absolute;
    left: 0;
    border-top: 1px solid #92a1a2;
    top: 50%;
}

.note {
    margin-top: 15px;
}

.note p {
    margin-bottom: 5px;
}

/* Video player button */

.video-player {
    height: 265px;
    max-width: 389px;
    text-align: center;
    background: #232323;
    cursor: pointer;
}

.video-player i.icon {
    font-size: 45px;
    color: #d94d38;
    line-height: 265px;
}

/* Box Display */

.dsp-box {
    display: block;
    height: 80px;
    width: 80px;
    border: 4px solid #fff;
    background: #e8e8e8;
    text-align: center;
    color: #959595;
    font-size: 40px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 10px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

.dsp-box.blue-box {
    height: 65px;
    width: 65px;
    border: 2px solid #3b4a59;
}

.dsp-box span {
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-variant: normal;
}

/* Course content status */

h4.course-head {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #a7aaae;
    padding: 10px 0 5px;
}

.course-status-cont {
    width: 100%;
    text-align: center;
    padding-left: 10px;
    font-weight: 500;
    /* Media query below min width */
}

.course-status-cont .rTableCell {
    min-width: 100px;
}

.course-status-cont .big-head {
    font-size: 30px;
    color: #04985b;
}

.course-status-cont p {
    font-size: 14px;
    color: #a2a2a2;
}

@media (max-width: 999px) {
    .course-status-cont .big-head {
        font-size: 28px;
    }

    .course-status-cont .rTableCell {
        min-width: 88px;
    }
}

/* div-list-style */

/*course training*/

.list-style-wrap {
    padding-left: 10px;
    padding-right: 15px;
    width: 100%;
}

.list-style-wrap.no-border .list-style-div {
    border-bottom: 0px;
}

.list-style-div {
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #e1e1e1;
}

.list-style-div>.btn {
    top: -5px;
}

.list-style-div>span {
    font-style: italic;
    font-size: 15px;
}

.list-style-div .col-sm-8 {
    padding-top: 8px;
}

.list-style-div .date-wdth-fxd {
    min-width: 100px;
    display: inline-block;
}

/* Right style for training style */

.right-wrap.white-bg {
    background: #fafafa;
}

.right-wrap .heading-right {
    border-bottom: 1px solid #a7aaae;
}

.right-wrap .heading-right h4 {
    font-size: 16px;
    font-weight: 500;
}

.right-wrap .right-cont-style span {
    display: inline-block;
}

.right-wrap .right-cont-style .box-style {
    width: 40px;
    height: 40px;
    border: 2px solid #3b4a59;
    background: #e8e8e8;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.right-wrap .right-cont-style .user-date {
    vertical-align: top;
    padding-left: 15px;
}

.right-wrap .right-cont-style .user-date .user {
    font-weight: 500;
}

.right-wrap .right-cont-style .user-date .date {
    font-size: 13px;
    font-style: italic;
    color: #949494;
}

.right-wrap .right-cont-style>div {
    padding-top: 15px;
}

.right-wrap .right-cont-style .right-group-wrap {
    border-bottom: 1px solid #a7aaae;
    padding-bottom: 15px;
    padding-top: 15px;
}

.right-wrap .right-cont-style .content-text {
    color: #656565;
    font-size: 13px;
}

.right-wrap .right-cont-style a.link-style {
    color: #0354b9;
    font-weight: 500;
    font-style: italic;
}

.right-wrap>.nav-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.right-wrap>.nav-content .content-nav-tbl {
    border-left: 0px;
}

.right-wrap>.nav-content .rTableRow>.rTableCell:first-child {
    border-left: 0px;
}

.right-wrap>.nav-content .rTableRow>.rTableCell:last-child {
    width: initial !important;
    border-left: 1px solid #bcbcbc;
}

.right-wrap>.nav-content .rTableRow>.rTableCell.width-init {
    width: initial !important;
}

/* Filter Align Settings */

.custom-bulk-ui {
    height: 45px;
}

.custom-bulk-ui .dropdown-tigger {
    display: flex;
    align-items: center;
    margin-top: 5px;
    padding: 0px 7px;
}

.custom-bulk-ui.open .dropdown-tigger {
    border: 1px solid #dadada;
}

.custom-bulk-ui .dropdown-menu {
    margin: -5px 0px 0px 0px !important;
    padding: 0px;
    border: 1px solid #dadada;
}

.custom-bulk-ui .dropdown-menu>ul li {
    padding: 8px 10px;
}

/* Droodown customization*/
.rTableRow .td-dropdown .dropdown-menu {
    margin: 0px !important;
    padding: 0px;
    overflow: hidden;
}

.rTableRow .td-dropdown .dropdown-menu li>a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.rTableRow .td-dropdown .tilder {
    display: none !important;
}

/* Filter Align Settings ends */

/* Button box switch */

/*=====================*/

.padding-right55 {
    padding-right: 55px;
}

.btn.box-switch {
    border-radius: 0px !important;
    position: relative;
    padding-left: 12px;
    padding-right: 10px;
}

/* Progress Bar Settings */

/*+======================*/

.cent-algn-txt {
    text-align: center;
    padding: 5px 0px;
}

.progress {
    margin-bottom: 0px;
}

.progress.sml-progress {
    border: 0px;
    height: 6px;
    box-shadow: none;
    background-color: #e8e8e8;
    text-align: center;
}

.progress.sml-progress .progress-bar {
    background-color: #00cc3f;
}

.button-padR .btn {
    margin-right: 5px;
}

.font-20 {
    font-size: 20px !important;
}

/* Star rating pyramid style */

.star-pyramid {
    width: 200px;
}

.star-pyramid p {
    margin-bottom: 0px;
}

/*enroll modal*/
.filter-content-align {
    padding-top: 40px;
}

#enroll-student {
    top: 70px;
}

#enroll-student .modal-body {
    padding: 0px;
}

.enroll-filter-wrap {
    min-height: 380px;
    width: 100%;
}

#enroll-student .align-bottom {
    position: fixed;
    bottom: 10px;
    width: 400px;
}

#enroll-student .align-filter-col {
    display: inline-table;
    width: 400px;
}

#enroll-student .custom-width {
    width: 400px;
}

#enroll-student .rTableCell.searchbar-width {
    width: 270px;
    border-left: #bcbcbc 1px solid;
}

#enroll-student .filter-maxheight {
    max-height: 320px;
    overflow-y: scroll;
}

#enroll-student .modal-content .close {
    top: 7px;
}

.no-batch-alert {
    position: fixed;
    left: 95px;
    text-align: center;
    top: 245px;
    width: calc(100% - 120px);
}

/*enrol modal ends*/

/*enroll batch modal*/
#enroll-batch {
    top: 70px;
}

#enroll-batch .modal-body {
    padding: 0px;
}

.batch-user {
    font-size: 16px;
    color: #9c9c9c;
    text-align: center;
    font-style: italic;
    padding-top: 80px;
}

.enroll-filter-wrap {
    min-height: 380px;
    width: 100%;
}

#enroll-batch .align-bottom {
    position: fixed;
    bottom: 10px;
    width: 400px;
}

#enroll-batch .align-filter-col {
    display: inline-table;
    width: 400px;
}

#enroll-batch .custom-width {
    width: 400px;
}

#enroll-batch .rTableCell.searchbar-width {
    width: 270px;
    border-left: #bcbcbc 1px solid;
}

#enroll-batch .filter-maxheight {
    max-height: 310px;
    overflow-y: scroll;
}

#enroll-batch .modal-content .close {
    top: 7px;
}

/*enrol batch modal ends*/

/* POPUP MODAL INSIDE BOX */
.inside-box {
    padding: 15px;
    background: #fff;
    border: 1px solid #a7aaae;
    border-radius: 3px;
    overflow-y: auto;
    max-height: 350px;
}

.inside-box .checkbox-wrap {
    padding: 5px 31px;
}

.right-listings .wrap-listing {
    border-bottom: 1px solid #a7aaae;
    padding: 10px 0px;
}

.right-listings .wrap-listing a {
    color: #2e3e4e;
}

/* Dark Green Color here */

/*=====================*/
.text-green.drk-colr {
    color: #258544 !important;
}

/*=====================*/

/* Dark Green Color here */

/* Course Details also added */
#course_details h4 {
    font-size: 20px;
    text-overflow: ellipsis;
    max-width: calc(100% - 103px);
    overflow: hidden;
    white-space: nowrap;
}

#course_details .badge {
    margin-top: 10px;
    margin-left: 10px;
}

#course_details .dropdown-tigger.top-bar-btn {
    font-size: 15px;
}

/* Styling Tilder for Crunch */
.tilder {
    width: calc(100% - 2px);
    left: 1px;
}

/* Ellipsis Style added here */

.ellipsis-hidden .ellipsis-style {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: italic;
    font-weight: 500;
}

.ellipsis-hidden.wrap-mail {
    max-width: calc (100% - 110px);
}

.ellipsis-hidden.wrap-mail .ellipsis-style {
    font-style: normal;
    font-weight: normal;
}

label.manage-stud-list {
    display: unset !important;
}

.manage-stud-list .list-user-name {
    width: 69%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 18px;
    vertical-align: text-bottom;
    cursor: pointer;
    text-transform: capitalize;
}

.list-institute-code,
.list-register-number {
    width: 20%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 20px;
}

.manage-stud-listwrapper {
    width: 95%;
}

/* RIBBON STYLE ADDED */

/*##################*/

.ribbon-dark-green {
    background-image: -webkit-linear-gradient(left, #055935 0%, #3e8063 100%);
    background-image: -o-linear-gradient(left, #055935 0%, #3e8063 100%);
    background-image: linear-gradient(to right, #055935 0%, #3e8063 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff055935', endColorstr='#ff3e8063', GradientType=1);
    padding: 0px 10px;
    display: inline-block;
    position: absolute;
    color: #fff;
    bottom: 0px;
    left: 0px;
    height: 20px;
    /* After element added automaticaly */
}

.ribbon-dark-green:after {
    content: "";
    left: 100%;
    top: 0px;
    border: 10px solid #3e8063;
    border-right-color: transparent;
    border-left-width: 5px;
    position: absolute;
}

.img-content {
    position: relative;
}

.img-content .ribbon-light-green {
    background-image: -webkit-linear-gradient(left, #03a65c 0%, #44bd86 100%);
    background-image: -o-linear-gradient(left, #03a65c 0%, #44bd86 100%);
    background-image: linear-gradient(to right, #03a65c 0%, #44bd86 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff03a65c', endColorstr='#ff44bd86', GradientType=1);
    padding: 2px 15px 0px 10px;
    display: inline-block;
    position: absolute;
    color: #fff;
    top: 0px;
    left: 0px;
    height: 24px;
    /* After element added automaticaly */
}

.img-content .ribbon-light-green:after {
    content: "";
    left: 100%;
    top: 0px;
    border: 12px solid #44bd86;
    border-right-color: transparent;
    border-left-width: 6px;
    position: absolute;
}

/* Modal Full Screen */

/*START*/
.modal-full.modal {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.modal-full.modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
}

.modal-full.modal .modal-dialog .modal-content {
    height: 100%;
    overflow-y: auto;
}

/*END*/

.form-control.tokenize-sample {
    padding: 0;
    box-shadow: none;
    border: 0px;
}

.form-control.tokenize-sample .TokensContainer {
    min-height: 500px;
}

.form-control.min-430 {
    min-height: 430px;
}

.inviteuser-minheight {
    min-height: 150px !important;
}

/* modal box send message */

/* Online Test Pages START*/
.option-wrap>div[class*="col-sm-"] {
    padding-bottom: 10px;
}

.option-wrap .option-element .remove-cross {
    position: absolute;
    height: 100%;
    width: 38px;
    right: 0px;
    top: 0px;
    z-index: 100;
    font-size: 22px;
    font-weight: bold;
    color: #f00;
    line-height: 38px;
    border-left: 1px solid #bcbcbc;
    padding-left: 4px;
    visibility: hidden;
    cursor: pointer;
}

.option-wrap .option-element:hover .remove-cross {
    visibility: visible;
}

/* ACCORDIAN */

.test-accord .panel-heading {
    border: 0px;
    background-color: initial;
    padding-right: 0;
    padding-left: 0;
}

.test-accord .panel {
    border: 0px;
    background: initial;
    box-shadow: none;
}

.test-accord .panel-body {
    border-top: 0px !important;
    padding-right: 0;
    padding-left: 0;
}

/* Online Test Pages END*/

/* NEXT and PREVIOUS BUTTON --- START */
.nxt {
    padding-left: 10px;
}

.prev {
    padding-right: 10px;
}

.table-data-bdr {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.table-data-bdr .rTableCell {
    vertical-align: middle;
}

.table-data-bdr.dark {
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
}

.table-data-bdr .pad-vert {
    padding-top: 5px;
    padding-bottom: 5px;
}

.user-slide h2 {
    margin-top: 16px;
}

.user-slide a {
    color: #2e3e4e;
}

.img.icon-wrap-round {
    padding: 0;
}

.img.icon-wrap-round img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
}

.line-h36 {
    line-height: 36px;
}

.question-cont {
    padding-left: 30px;
}

.question-cont .single-pad-left {
    padding-left: 10px;
}

.question-cont .quest-descr {
    padding-top: 20px;
    padding-left: 40px;
}

.question-cont .choice-question {
    padding-top: 10px;
}

.question-cont .choice-question .rTableCell {
    padding: 10px;
}

.question-cont .choice-question textarea.form-control {
    height: 85px;
}

.result-sec {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.result-sec select.dsp-inline {
    width: 60px;
}

.result-sec.explan-qst {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* MODAL BOX */
#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
    z-index: 9999 !important;
}

/*DROPDOWN MENU*/
.redactor-air,
.redactor-dropdown {
    z-index: 999999 !important;
}

.redactor-modal-box {
    z-index: 99999 !important;
}

/* Table border bottom */
.table-with-border .rTableRow .rTableCell {
    border-bottom: 1px solid #e1e1e1;
    padding: 3px 0px;
}

.view-report-tbl .rTableCell:first-child {
    width: 210px;
}

.view-report-tbl .rTableCell:nth-of-type(2) {
    width: 150px;
}

/*##############################*/

.pos-abslt {
    position: absolute;
    top: 0px !important;
}

.pos-unset {
    position: unset !important;
}

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

.wrap-left-grp {
    height: 100%;
    border-right: 1px solid #a7aaae;
}

.wrap-left-grp.open-grp {
    width: 100%;
}

.create-group-wrap {
    position: relative;
}

.create-group-wrap .group-content {
    top: 45px;
    height: 100%;
}

.create-group-wrap .group-content .active-table .active-arrow {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: absolute;
    background: #fff;
    width: 20px;
    height: 20px;
    border: 1px solid #a7aaae;
    top: 27px;
    left: 100%;
}

.create-group-wrap .cr-group-rt {
    background: #fff;
    height: 100%;
}

.create-group-wrap {
    position: fixed;
    width: calc(100% - 66px);
}

/* Making the create group fixed */
.course-container {
    height: 100%;
}

.course-container>section.content-wrap {
    display: flex;
    flex-direction: column;
}

.cr-group-rt .lecture-control {
    margin-top: 8px !important;
}

.grp-click-fn {
    cursor: pointer;
}

/*CREATE GROUP*/
.only-course .rTableRow .rTableCell:first-child {
    max-width: 350px;
}

.only-course .rTableRow .rTableCell:first-child.ellipsis-hidden .ellipsis-style {
    font-style: normal;
    font-weight: normal;
}

#deleteSection .icon-attention-alt {
    font-size: 50px;
    padding: 0px 0px 15px;
    color: #ff6c00;
}

.overflow100-wrap {
    height: 100%;
    position: relative;
}

.overflow100-wrap .overflow100 {
    height: 100%;
    overflow-y: auto;
    position: relative;
}

.rel-top50 {
    position: relative;
    top: 50px;
}

.custom-center-update {
    top: 80px !important;
    left: 250px !important;
    padding: 0px !important;
    width: calc(100% - 500px);
    margin: 0px !important;
}

.custom-left-update {
    top: 80px !important;
    width: 250px !important;
    height: 100% !important;
    background: #e8e8e8;
    border: none;
}

@media (max-width: 1024px) {
    .custom-left-update {
        display: none;
    }

    .custom-center-update {
        top: 80px !important;
        left: 250px !important;
        padding: 0px !important;
        width: calc(100% - 250px);
        margin: 0px !important;
    }

    .srch-filter-wrapper {
        position: absolute;
        top: 44px;
        left: 0;
    }

    .selected_user_count {
        display: none;
    }

    .rTableCell.selectall-width {
        min-width: 70px !important;
        width: 70px;
    }

    .slct-all-text {
        display: none;
    }

    .rTable.selectall-width {
        min-width: 60px !important;
    }

    a.select-all-style {
        padding-left: 25px;
    }

    .rTableCell.srch-filter-wrapper {
        border-left: none !important;
    }

    .batch-name-ellipsis {
        width: 180px !important;
    }
}

@media (min-width: 1024px) {
    .course-filter {
        padding: 0px;
        background: #fff;
        text-align: center;
        border: 1px solid #bdbdbd;
        margin: 5px;
        width: auto;
    }
}

.inside-box .container-fluid.nav-content {
    left: -1px;
    box-shadow: none;
    border: 0px;
}

.pointer {
    cursor: pointer;
}

.normal-tbl .rTableRow .rTableCell:last-child {
    width: initial !important;
    border-left: 1px solid #a7aaae !important;
}

.section-control,
.lecture-control {
    margin: 10px 8px 0px 0px;
}

.sectiontitle-dropalign {
    margin: 15px 8px 0px 0px;
}

.dash-progrs-wrap {
    padding: 20px;
}

.dash-progrs-wrap .diagram {
    margin: auto;
    font-weight: 500;
}

.dash-progrs-wrap .diagram span:first-child {
    line-height: 140px !important;
}

.dash-progrs-wrap .pad20 {
    padding-bottom: 20px;
}

.dash-progrs-wrap .text-wrap-center {
    text-align: center;
    color: #989999;
    font-weight: 500;
    padding: 10px;
}

select {
    background: transparent url("../images/icon-arrow-down.png") !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    cursor: pointer;
    padding-right: 35px;
}

label {
    text-transform: initial;
}

.active-section,
.Inactive-section {
    font-weight: 500;
}

.active-section {
    position: relative;
}

.active-section .ap_cont {
    position: relative;
    top: -2px;
    font-size: 13px;
}

.active-section .ap_cont.font-normal {
    font-weight: 500;
}

.ellipsis-style.no-style {
    font-weight: normal;
    font-style: normal;
}

.prfle-tble {
    padding-bottom: 10px;
}

.table {
    margin-bottom: 10px;
}

.prfle-suspend,
.prfle-delte {
    line-height: 1.9em;
}

.profile-wrap .profile-container .profile-box-layouts p {
    padding-top: 7px;
}

.btn.bck-btn {
    min-width: 80px;
    padding-right: 14px;
}

.mrgin-rightM30 {
    margin-right: -30px;
}

.font15 .icon-cancel-1 {
    font-size: 22px;
}

.font-normal {
    font-style: normal;
}

label {
    font-size: 14px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .modal-dialog.modal-small {
        width: 565px;
        top: 70px;
    }
}

.ap_cont.chk-box {
    position: relative;
    top: -3px;
}

.mar-top20 {
    margin-top: 20px;
}

.form-group .checkbox {
    margin-top: 18px;
}

#activate .modal-body p,
#deleteSection .modal-body p,
#Deactivate .modal-body p,
#publish-course .modal-body p {
    font-size: 18px;
}

#activate .modal-body b,
#deleteSection .modal-body b,
#Deactivate .modal-body b,
#publish-course .modal-body b {
    font-weight: bold;
    margin-bottom: 16px;
    margin-top: 6px;
    display: inline-block;
}

/* Activate Section Modal Box */
.active-popup .form-group {
    padding-top: 20px;
}

.right_block {
    transition: right cubic-bezier(0.13, 0.75, 0.41, 0.92) 0.4s;
}

.form-error ul li {
    display: none;
}

.form-error ul li:first-child {
    display: block;
}

.form-error {
    text-align: center;
}

.builder-right-inner .right-top-header {
    line-height: 1.7em;
}

.form-group .input-group-addon {
    font-weight: 500;
}

.modal-dialog input.form-control,
.modal-dialog select.form-control,
.modal-dialog textarea.form-control {
    font-weight: normal;
}

.modal-dialog label {
    text-transform: initial;
}

.right.chrds-email .rTableRow .rTableCell {
    padding: 15px 0px;
}

.inside-box {
    font-weight: normal;
}

.inside-box label {
    cursor: pointer;
    font-weight: normal;
    text-transform: capitalize;
}

.builder-left-inner {
    height: 100%;
    width: 40%;
    padding: 0px;
    float: right;
    background: #eaeaea;
    box-sizing: border-box;
    min-height: 682px;
}

.cr-grp-btn .btn {
    margin-right: 0px;
}

.new-style.dsp-box.blue-box {
    height: 56px;
    width: 56px;
    vertical-align: middle;
    position: relative;
}

.new-style.dsp-box.blue-box span {
    line-height: 0px;
    font-weight: normal;
    vertical-align: initial;
    position: relative;
    top: -4px;
}

@media (max-width: 1169px) {
    .buldr-header .rite-side .btn {
        font-size: 11px;
        margin-right: 0px;
        height: 30px;
        line-height: 30px;
        min-width: auto;
        margin: 3px;
    }
}

.right-top-header {
    color: #425263 !important;
    padding: 10px 15px 0px 15px;
}

.header-notification {
    letter-spacing: -1px;
    color: #425263 !important;
}

.datepickers-container {
    z-index: 2025;
}

.correct-lbl .mb10 {
    white-space: nowrap;
}

.wrap-fix-course .pos-inhrt {
    position: inherit;
}

.wrap-fix-course .pos-inhrt span[class*="spn-"] {
    position: absolute;
    right: 68px;
}

.wrap-fix-course .width70 {
    width: 70px;
}

.prfle-tble p[class*="prfle-"] {
    text-align: center;
}

.discussion-container.listing-discuss .col-sm-12 {
    padding-top: 5px;
}

.discussion-container.listing-discuss .col-sm-12:last-child .right-group-wrap:last-child {
    padding-top: 20px;
}

.discussion-container.listing-discuss .right-group-wrap {
    padding-top: 10px;
}

@media (max-width: 1120px) {
    .buldr-header {
        padding-bottom: 25px;
    }
}

/*=========================*/

.plus-ico {
    height: 22px;
    width: 22px;
    font-size: 25px;
    display: inline-block;
    padding: 3px;
    font-weight: bold;
    line-height: 13px;
    border: 1px solid #bdbdbd;
    border-radius: 50%;
    background: #fefefe;
    color: #3b4a59;
    vertical-align: middle;
    text-align: center;
}

.ico-line {
    display: inline-block;
    position: relative;
    top: 2px;
}

.pointer-cursor {
    cursor: pointer;
}

.pointer-cursor.div-style {
    display: inline-block;
    width: 100%;
}

.pointer-cursor span small {
    font-size: 13px;
}

.pointer-cursor span.sm-txt {
    font-size: 13px;
}

/*=========================*/
/* Plus icon special place */

/*USER PROFILE PAGE */

/*==================*/

.profile-box-layouts span[class*="col-xs-"] {
    text-align: center;
}

.profile-box-layouts span[class*="col-xs-"] .wrap-text {
    max-width: 65px;
    margin: auto;
    padding-bottom: 10px;
    background: #f5f5f5;
}

.profile-box-layouts span[class*="col-xs-"] i {
    margin-top: 5px;
    display: inline-block;
}

.profile-box-layouts span[class*="col-xs-"] img {
    margin: auto;
    margin-top: 10px;
}

.profile-wrap .profile-container .profile-box-layouts {
    min-height: 228px;
}

@media (max-width: 1100px) {
    .modal-dialog .rTable.content-nav-tbl .rTableRow>.rTableCell:last-child {
        width: initial !important;
    }
}

/*USER PROFILE PAGE */

/* THIS IS FOR MODAL SECTION */
/* You can wrap this with another class if popup breaks */
.padd-r20 .modal-body {
    padding: 15px 20px;
}

.padd-r20 .modal-footer {
    padding: 15px 20px;
}

.padd-r20 .modal-header {
    padding: 15px 20px;
}

/*=====================*/
/* THIS IS FOR MODAL SECTION */

/* Aliging BACK AND CANCEL BUTTON AS PER REFERENCE IMAGE*/
.buldr-header {
    padding-left: 0px;
    padding-right: 0px;
}

/*=============*/

/*END*/

/*COURSECONTENT-BUILDER.HTML*/

/*=======================*/
.training-content-type-holder {
    overflow: auto;
}

.help-intro {
    position: relative;
    bottom: 0px;
}

/*==============*/

/* Button adjustment for EVALUATE OPTION BUTTON */

/*=======================*/

/*START*/
.ev-btn-adjustment div[class*="col-sm-11"] {
    padding-top: 5px;
}

.ev-btn-adjustment div[class*="col-sm-11"] div:last-child {
    margin-top: -5px;
}

.profile-wrap .profile-container .profile-box-layouts h4,
.right-wrap .heading-right h4,
h4.course-head,
.right-wrap h4.pad-top18 {
    font-size: 15px;
}

.question-cont div:first-child {
    padding-left: 0px;
}

/*=======================*/
/*END*/

.bottom-line {
    padding-bottom: 5px;
    border-bottom: 1px solid #d4d4d4;
}

.padder {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
}

.active-section {
    height: 40px;
}

.Inactive-section {
    height: 40px;
}

.dashboard-liveclass {
    overflow: hidden;
    height: 285px;
}

.question-type {
    color: #9e9e9e;
    font-style: italic;
    font-size: 12px;
}

/* css for discussions section in dashboard starts here */
.dashboard-discussions {
    overflow: hidden;
    height: 285px;
}

.dashboard-discussions h4 {
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #a7aaae;
    padding: 10px 0 5px;
}

.dashboard-discussions .user {
    font-weight: 500;
}

.dashboard-discussions .content-text {
    color: #656565;
    font-size: 13px;
}

.dashboard-discussions .right-group-wrap {
    border-bottom: 1px solid #a7aaae;
    padding-bottom: 15px;
    padding-top: 15px;
}

.dashboard-discussions a.link-style {
    color: #0354b9 !important;
    font-weight: 500;
    font-style: italic;
}

/* css for discussions section in dashboard ends here */

/* css for faculty starts here */
.faculty-link {
    text-transform: capitalize;
}

.teacher-bg {
    background: #fdfdfd;
}

.teacher-bg .delte {
    font-size: 24px !important;
}

.teacher-bg .tableRow .no-border {
    border-top: 0px !important;
}

.faculty .slimScrollDiv {
    width: 100% !important;
    float: left !important;
    height: calc(100% - 420px) !important;
}

.faculty .pattern-bg {
    background: transparent url("../images/pattern.jpg");
    background-repeat: repeat;
}

.faculty .small-head {
    font-weight: 500;
    padding-top: 20px;
    font-size: 15px;
}

.faculty .custom-head {
    font-weight: 500;
    font-size: 15px;
}

.faculty .content-text {
    color: #656565;
    font-size: 15px;
    padding-top: 10px;
}

.faculty .icon-wrap-round {
    height: 80px;
    width: 80px;
    margin: 20px auto;
    display: block;
}

.faculty h1 {
    color: #434343;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}

.faculty .faculty-img {
    width: 150px;
}

.faculty .upload-prieview .teacher-pic {
    width: 150px !important;
}

.faculty .teacher-wrap img {
    margin-top: 0px !important;
}

.faculty .faculty-info {
    width: calc(100% - 210px);
    padding-bottom: 15px;
}

.faculty .faculty-qualification {
    color: #434343;
    font-size: 15px;
    padding-bottom: 10px;
}

.faculty .line {
    border-bottom: 1px solid #bdbfc2;
    height: 1px;
    margin-bottom: 10px;
}

.faculty .icon-rounder {
    margin-right: 10px;
    margin-left: 10px;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    width: 40px;
    display: inline-block;
    padding: 5px;
    background: #33b565;
}

.faculty .no-border {
    border: none !important;
}

.faculty .icon-graduation-cap {
    font-size: 21px !important;
    position: relative;
    left: -2px;
    top: 6px;
}

.faculty .cours-fix {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}

.faculty ul.faculty-specs li {
    padding: 6px 0px;
}

.faculty ul.teacher-specs {
    padding-left: 5px;
    padding-bottom: 10px;
}

.faculty ul.teacher-specs li {
    padding: 6px 0px;
}

.custom-faculty-profile {
    position: relative;
}

.custom-faculty-profile-btn {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: 0 auto;
    font-size: 12px !important;
    display: none !important;
}

.custom-faculty-profile:hover .custom-faculty-profile-btn {
    display: block !important;
}

/*updated on 09-08-2018*/

.addcourse-table {
    width: 100%;
    position: relative;
    z-index: 99;
    top: 32px;
    background: #fff;
}

.addcourse-table tr td {
    text-align: center;
    border-left: 1px solid #a7aaae;
    border-bottom: 1px solid #a7aaae;
    padding: 11px 0 0 0;
}

.addcourse-table .course-name {
    width: 70%;
}

/*ends*/
.role-edit-btn {
    margin: 5px 10px;
    float: right;
}

.role-table-align {
    position: relative;
    top: 135px;
}

.sub-module-row .role-name {
    padding: 18px 20px 0 0px;
    text-align: right;
    color: #0059b2;
    border-top-color: #ececec;
}

.sub-module-row .align-check .checkbox {
    position: relative;
    top: 8px;
}

.align-check {
    border-bottom: 1px solid #ececec;
}

.custom-field {
    width: 57% !important;
}

.addbtn {
    position: relative;
    top: -2px;
}

.faculty-left-wrap {
    height: 100%;
    padding: 20px 15px;
}

/* css for faculty ends here */

/* css for strength report starts here */
.progress-box {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    align-items: center;
}

.progress-box .progress-left {
    width: 50px;
    text-align: center;
}

.progress-box .progress-right {
    width: 50px;
    text-align: center;
}

.progress-box .progress.strength-progress {
    width: calc(100% - 100px);
    border-radius: 10px;
    height: 12px;
    background-color: #ff6000;
}

.progress-box .progress.strength-progress .progress-bar {
    background-color: #09bf63;
}

/* css for strength report ends here */

.table.course-cont.list-cont {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table.course-cont.list-cont .list-row {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    padding: 8px 10px 2px 15px;
}

.table.course-cont.list-cont .list-row.active {
    background: #fff;
}

.table.course-cont.list-cont .list-row .list-col {
    width: 100%;
    display: inline-block;
}

.table.course-cont.list-cont .list-row .list-col .icon {
    font-size: 17px;
}

.table.course-cont.list-cont .list-row .list-arrow {
    right: 0px;
    display: inline-block;
}

.table.course-cont.list-cont .list-row .list-arrow .active-arrow {
    right: -5px !important;
}

.table.course-cont.list-cont .rTableRow {
    display: block;
}

.table.course-cont.list-cont .rTableRow .rTableCell {
    display: block;
}

.table.course-cont.list-cont .rTableRow .rTableCell .wrap-mail {
    display: block;
}

/* css for course review starts  here */

.discussion-container.course-cont-wrap .content-text {
    padding-top: 0px !important;
}

.discussion-container.course-cont-wrap .lecture-control {
    margin-top: 0px !important;
}

.user-act-wrap {
    width: 130px;
    padding-top: 0px;
}

.btn-trans {
    min-width: 50px !important;
    background: transparent !important;
    border: 0px !important;
    outline-offset: 0px !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: absolute !important;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    font-size: 22px !important;
}

.thumb-btn {
    cursor: pointer;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute !important;
    top: 0px !important;
    width: 100%;
    z-index: 2;
    overflow: hidden;
}

.img-chng {
    overflow: hidden !important;
}

.upload-box .btn-trans {
    display: none;
}

.upload-box:hover .btn-trans {
    display: block;
}

.upload-box img {
    width: 52px;
    height: 52px;
    position: absolute;
    top: 0px;
    object-fit: cover;
    left: 0px;
}

.upload-box .upload-preview,
.upload-box .img-chng {
    height: 52px;
}

.pr20 {
    padding-right: 20px;
}

/* css for course review ends  here */
.max-modal {
    max-width: 1000px;
    margin: 0px auto;
}

.max-modal .modal-footer {
    padding-bottom: 0px;
}

.right-content {
    overflow: hidden;
    float: right;
    background: #fff;
    width: calc(50% - 33px);
    height: calc(100% - 95px);
    position: fixed;
    right: 0px;
    top: 95px;
    border-left: solid 1px #a7aaae;
}

.right-content .width-130p {
    top: 130px;
    padding-left: 0px;
}

.right-content .width-130p .select-all-style {
    padding-left: 15px;
}

.right-content.faculty-right-content {
    height: calc(100% - 135px);
    top: 135px;
}

.right-content .right-box {
    height: 100%;
    position: relative;
}

.right-content .right-box .rel-top80 {
    top: 80px;
}

.right-content .right-box.list-bx {
    background: #f6f8fa;
}

.right-content .right-box.list-bx .assignment-image {
    height: 150px;
}

.right-content .right-box.list-bx .assignment-image .assignment-img.icon-wrap-round {
    height: 90px;
    width: 90px;
    display: block;
    margin: 20px auto 5px auto;
}

.right-content .right-box.list-bx .assignment-image h3 {
    font-size: 16px;
    text-align: center;
    margin-top: 0px;
    font-weight: 500;
}

.right-content .right-box.list-bx .topic-name {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 2px;
}

.right-content.list-right {
    width: calc(75% - 50px);
}

.right-content.discussion-right {
    top: 275px !important;
    height: calc(100% - 275px) !important;
}

.custom-admin-right-wrap {
    background: #f2f2f2;
}

.left-warp-minheight {
    min-height: calc(100vh - 140px);
}

ul.top-rite-materals {
    width: 100%;
}

ul.top-rite-materals li {
    float: left;
}

.settings-left-wrap {
    height: 100%;
}

.settings-left-wrap .width-130p.nav-content {
    top: 130px;
}

.settings-left-wrap .course-cont-wrap {
    top: 0px;
    padding-top: 5px;
}

.settings-left-wrap .course-cont-wrap.no-overflow {
    overflow-x: hidden;
}

.settings-left-wrap .active-arrow {
    right: -25px !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 17px solid transparent !important;
    border-bottom: 17px solid transparent !important;
    border-right: 17px solid #a7aaae !important;
    -webkit-transform: none !important;
    transform: none !important;
    -moz-transform: none !important;
    display: block !important;
    background: transparent !important;
    top: 10px !important;
}

.settings-left-wrap .active-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #fff;
    position: absolute;
    top: -16px;
    left: 1px;
    -webkit-transform: none !important;
    transform: none !important;
    -moz-transform: none !important;
    z-index: 10 !important;
}

.settings-left-wrap .nav-content {
    width: calc(50% - 33px);
    position: fixed;
    top: 95px;
}

.settings-left-wrap .nav-content.faculty-nav-content {
    width: calc(100% - 186px);
}

.settings-left-wrap .nav-content.faculty-nav-content .width-130p {
    top: 130px;
}

.settings-left-wrap .list-faculty-wrap {
    top: 40px;
    height: calc(100% - 40px);
    border-right: none;
}

.active-faculty-custom span.active-arrow {
    display: none !important;
}

.active-faculty-custom.active-table span.active-arrow {
    display: block !important;
    left: 100% !important;
}

.rTableCell span.active-arrow {
    display: none !important;
}

.rTableCell.active-table span.active-arrow {
    display: block !important;
}

.list-faculty-wrap .course-cont .rTableRow .rTableCell {
    padding-left: 14px;
}

.bigicon {
    font-size: 21px;
    position: relative;
    top: 1px;
}

.big-area {
    min-height: 115px;
}

.botpad {
    padding-bottom: 125px;
}

.smallbotpad {
    padding-bottom: 15px;
    float: left;
    width: 100%;
}

.smalltoppad {
    padding-top: 15px;
}

.smallpad {
    padding-bottom: 15px;
}

.question-archives .active-arrow {
    right: -23px !important;
}

.innercontent h3 {
    font-size: 16px;
    margin-top: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}

.innercontent span.testimonial-thumb {
    background: #e8e8e8;
    height: 64px;
    width: 64px;
    border: solid 3px #2e3e4e;
    float: left;
    margin: 0px 10px;
}

.innercontent img.testimonial-thumb {
    background: #e8e8e8;
    height: 64px;
    width: 64px;
    border: solid 3px #2e3e4e;
    float: left;
    margin: 0px 10px;
}

.innercontent .testimonial-list ul {
    list-style: none;
    padding-left: 0px;
}

.innercontent .testimonial-list ul li {
    float: left;
}

.innercontent .testimonials-single {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.innercontent .testimonials-single .closebtn {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #bdbdbd;
    font-size: 16px;
    width: 24px;
    height: 24px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

.innercontent .testimonials-single:hover .closebtn {
    display: block !important;
}

.innercontent .testimonial-content .testimonial-author {
    color: #2e3e4e;
    font-weight: 500;
}

.innercontent .testimonial-content .testimonial-text {
    color: #2e3e4e;
    font-size: 12px;
}

.innercontent .banner-setting {
    padding-top: 20px !important;
}

.innercontent .banner-upload {
    padding-bottom: 10px !important;
}

.innercontent ul.banner-list {
    padding-left: 0px;
    list-style: none;
    margin: 0 auto;
}

.innercontent ul.banner-list li {
    float: left;
    padding: 10px;
    width: 150px;
    height: 90px;
    min-height: 90px;
    max-height: 90px;
    margin-bottom: 20px;
}

.innercontent ul.banner-list li a.banner-thumb {
    display: block;
    background: #e8e8e8;
    border: solid 5px #fff;
    border-radius: 5px;
    position: relative;
    height: inherit;
    max-height: inherit;
    min-height: inherit;
    box-shadow: 0px 0px 4px 2px #00000024;
    overflow: hidden;
}

.innercontent ul.banner-list li a.banner-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.innercontent ul.banner-list li a.banner-thumb:hover {
    box-shadow: 0px 0px 4px 2px #d2d2d2;
}

.innercontent span.triangle {
    display: none;
}

.innercontent .active-banner {
    border: solid 5px #0bb8a9 !important;
}

.innercontent .active-banner span.triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 40px solid #0bb8a9;
    border-left: 50px solid transparent;
    right: 0px;
    top: 0px;
    display: block !important;
}

.innercontent .active-banner span.triangle i {
    position: absolute;
    left: -24px;
    top: -37px;
    color: #ffffff;
    font-size: 20px;
}

.innercontent a.social-links {
    color: #0029db;
    font-size: 12px;
    text-decoration: underline;
    font-weight: 500;
}

.innercontent .model-check {
    padding-bottom: 20px;
}

.innercontent .social-heading {
    padding-bottom: 15px;
}

.innercontent .form-group {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.innercontent .form-group textarea {
    resize: none;
}

.innercontent .form-group .bigtextarea {
    height: 100px;
}

.innercontent .save-btn {
    padding-top: 20px;
}

.settings-top.content-wrap.create-group-wrap {
    top: 95px;
    position: relative;
    padding-right: 50%;
    width: 100%;
}

.settings-top.content-wrap.create-group-wrap.reports-left {
    padding-right: 75%;
}

.settings-top.content-wrap.create-group-wrap.discussions-top {
    top: 275px !important;
}

.cdn-head {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.setting-content {
    overflow-y: scroll;
}

.leftbox {
    padding-left: 50%;
}

.form-group .checkbox {
    margin-top: 18px;
}

.form-group .info-text {
    padding-right: 15px;
    padding-top: 10px;
    float: right;
    padding-bottom: 5px;
    font-size: 12px;
}

.settings-text {
    font-size: 12px;
    font-weight: 500;
}

.info-text {
    font-size: 12px;
    color: #989898;
    font-weight: normal;
}

.modal-content .close {
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 10;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

/* css for discussions section starts here */

.question-content {
    background: #ffffff;
    padding: 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.full-questions {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

.question-archives {
    float: left;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.question-archives ul {
    list-style: none;
    float: left;
    padding-left: 0px;
    margin-top: 0px;
    width: 100% !important;
}

.single-question {
    position: relative;
    float: left;
    width: 100%;
    list-style: none;
}

.question-avatar {
    width: 60px;
    padding: 10px 5px;
    box-sizing: border-box;
    float: left;
}

.question-avatar img {
    border-radius: 50%;
}

.thumb-avatar {
    width: 50px;
    height: 50px;
}

.thumb-avatar img {
    width: 100%;
    border-radius: 50%;
}

.question-author {
    color: #2e3e4e;
    font-size: 13px;
    font-weight: normal;
}

.posted-on {
    font-size: 13px;
    font-weight: normal;
}

.nopad {
    padding: 0px;
}

.question-detailed-desc {
    width: calc(100% - 70px);
    padding: 10px 5px;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    color: #656565;
    word-break: break-word;
}

.answer-detailed-desc {
    width: calc(100% - 70px);
    padding: 10px;
    box-sizing: border-box;
    float: left;
    font-size: 13px;
    color: #656565;
    font-weight: normal;
    word-break: break-word;
}

.major-close {
    position: absolute;
    top: 5px;
    right: 0px;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    color: #bdbdbd;
    z-index: 99;
}

.drop-down {
    position: relative;
    display: inline-block;
    right: 0;
    float: right;
    z-index: 1;
}

.dropbtz {
    color: white;
    cursor: pointer;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: none !important;
    border: none;
    outline: none;
}

span.transform-ninteen {
    color: #bdbdbd;
    font-weight: bold;
    font-size: 13px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 99px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
    color: black;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    font-size: 12px;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.drop-down:hover .drop-down-content {
    display: block;
}

.drop-down:hover .dropbtn {
    background-color: #3e8e41;
}

.drop-down {
    right: 15px;
}

.btxt {
    font-weight: 500;
}

.textarea {
    resize: none;
}

.dropdown-content {
    position: absolute;
    top: 20px;
    left: -145px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-content a:hover {
    background: none;
}

ul.all-answers {
    padding-left: 20px;
    box-sizing: border-box;
}

.single-answer {
    position: relative;
}

.answer-close {
    position: relative;
    float: right;
    top: 10px;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    color: #a9a9a9;
    z-index: 99;
}

.individual-question {
    cursor: pointer;
    width: 100%;
    float: left;
    border-bottom: solid 1px #f4f4f4;
    padding-left: 5px !important;
}

.archive-answer {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    color: #656565;
    word-break: break-word;
}

.archive-answer p {
    margin: 0;
}

.archive-question {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    height: 20px;
    color: #2e3e4e;
    word-break: break-word;
}

.no-scroll {
    height: calc(100% - 277px) !important;
}

.top-discussion-bar {
    top: 230px !important;
}

.question-description {
    float: left;
    width: calc(100% - 70px) !important;
}

.left-qstns {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0px;
}

.right-qstns {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0px;
}

.add-answer {
    width: 100%;
}

.lecture-control ul.dropdown-menu {
    margin-bottom: 5px !important;
    margin-top: -5px;
}

.dropdown-menu.white.inner-scroll {
    width: 100%;
    overflow: hidden;
    min-width: 400px;
    overflow-y: auto;
}

.dropdown-menu.white.inner-scroll li a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.rTableCell.dropdown.open ul.dropdown-menu {
    width: 100%;
}

.question-category-lecturehold {
    height: 40px;
    font-size: 14px;
    color: #2e3e4e;
}

.question-category-lecturehold .lecture-counter {
    border-right: none !important;
    background: none !important;
}

.pl0 {
    padding-left: 0px !important;
}

.question-category-lecturename {
    width: calc(100% - 135px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px;
    vertical-align: middle;
}

/* css for challenge zone modification starts here */

.rTableCell.dropdown.challenge-zone-drop ul.dropdown-menu {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto !important;
    width: 100%;
    padding: 1px 0px !important;
}

.dropdown-menu.white li a:focus {
    background-color: transparent !important;
    color: #2e3e4e !important;
    outline: none;
}

.dropdown-menu.white li a:hover {
    background-color: #f3f3f3;
    color: #ffffff;
    outline: none;
}

/* css for discussions section ends here */
.right-wrap .container-fluid.right.chrds-email {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

.right-wrap .container-fluid.nav-content .content-nav-tbl a.select-all-style {
    padding-left: 15px;
}

.redactor-modal-tab-area section label.checkbox {
    padding-left: 20px !important;
}

.redactor-modal-tab-area section label.checkbox #redactor-image-link-blank {
    top: 4px !important;
}

select#catalog_id option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 535px;
}

.user-tooltip .tooltip .tooltip-inner {
    text-align: left !important;
}

.assesment-report-dropdown,
.test-select-dropdown {
    overflow: hidden;
    overflow-y: scroll;
    max-height: 300px;
}

#course_details h4 {
    max-width: calc(100% - 140px) !important;
}

.tooltip {
    z-index: 99999 !important;
}

/* .upload-prieview WRAP*/
.basicsettings-wrapper h3 {
    font-size: 16px;
    margin-top: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}

.logoupload-wrapper,
.favicon-upload-wrapper {
    display: flex;
    align-items: flex-end;
}

.faviconup-btn {
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
}

.basicsettings-wrapper .upload-info {
    font-size: 12px;
    font-weight: 400;
    color: #929292;
    text-align: left;
}

.basicsettings-wrapper .upload-prieview {
    overflow: hidden;
    max-width: 130px;
    min-width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #00000014;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.favicon-upload-wrapper .upload-prieview {
    max-width: 55px;
    min-width: 55px;
    height: 55px;
}

.custom-color-settings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 400;
    color: #5a5a5a;
    width: 250px;
}

.basics-save-footer {
    position: fixed;
    left: 420px;
    right: 0px;
    bottom: 0px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 15px;
    z-index: 9999;
    box-shadow: 3px 0px 2px 2px #0000001f;
}

.basicsettings-wrapper .upload-prieview:hover:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #00000087;
}

.basicsettings-wrapper .upload-prieview .img-chng button.pos-abs {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    opacity: 0;
    cursor: pointer;
    z-index: 9999;
    transition: 0.4s ease opacity;
}

.basicsettings-wrapper .upload-prieview:hover .img-chng button {
    opacity: 1;
}

.basicsettings-wrapper .upload-prieview .img-chng .settings-logo {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #fefefe;
}

.basicsettings-wrapper .upload-prieview .img-chng .settings-logo img {
    max-width: 100%;
    height: auto;
}

.basicsettings-wrapper .logo-image-upload-btn {
    cursor: pointer;
    height: 100%;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0;
    position: absolute;
    z-index: 99999;
}

.basicsettings-wrapper .upload-prieview .img-chng {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-uploader .upload-prieview .img-chng .img-icon-holder {
    margin: auto;
    height: 90px;
    width: 90px;
    background: #0970bf;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
}

.image-uploader .upload-prieview .img-chng .img-icon-holder i {
    line-height: 90px;
    font-size: 35px;
    left: -5px;
    position: relative;
}

/*course picture priview*/
.course-settings-grid {
    display: grid;
    grid-template-columns: 366px auto;
    margin: 0px -15px;
    margin-bottom: 15px;
}

.course-image-preview {
    position: relative;
    width: 366px;
    height: 205px;
}

.course-image-preview img {
    width: 100%;
    height: 100%;
}

.course-image-preview .logo-image-upload-btn {
    cursor: pointer;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    z-index: 2;
}

.course-image-preview .logo-image-upload-btn .img-chng button.pos-abs {
    position: absolute;
    left: calc(50% - 65px);
    top: calc(50% - 18px);
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0);
}

.course-image-preview .img-chng:hover {
    cursor: pointer;
}

.course-image-preview .btn-green.pos-abs {
    display: none;
}

.course-image-preview:hover .btn-green {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: fit-content;
}

/*course picture priview ends*/

.Inactive-section {
    font-size: 13px;
}

ul.dropdown-menu.white.inner-scroll {
    height: auto;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 0px;
}

.prt20 {
    top: 20px;
    position: relative;
}

.report-filter {
    border: none;
    width: 100%;
}

.report-filter td {
    border: none;
}

.public-profile-btn {
    margin-top: -10px;
}

.tokenize-sample.custom-token .TokensContainer {
    min-height: 40px !important;
    height: auto !important;
}

.tokenize-sample.custom-token .Dropdown {
    z-index: 101 !important;
}

.inside-box .checkbox-wrap {
    float: left;
    width: 100%;
}

/* css for sales reports starts here */
.earning-course-content {
    /*float: left;*/
    white-space: nowrap;
    width: 100%;
    max-width: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    font-weight: 500;
    margin-right: 25px;
    display: inline-block;
}

.group-top.list-tp {
    padding: 0px;
    top: 80px !important;
}

.group-top .active-arrow.sales-arrow {
    right: -24px !important;
}

.sales-total {
    margin-top: 10px;
    display: inline-block;
}

.sales-icons {
    display: inline-block;
}

.rel3 {
    position: relative;
    top: -3px;
}

.settings-left-wrap .nav-content.report-nav {
    width: calc(100% - 66px) !important;
}

.settings-left-wrap .nav-content.sales-nav {
    top: 130px;
    width: calc(100% - 66px) !important;
}

.sales-archive {
    min-width: 166px !important;
    border-right: 1px solid #bcbcbc;
}

.sales-search {
    width: 100% !important;
}

.sales-search .input-group .srch_txt {
    height: 50px !important;
}

.sales-export {
    width: 100px !important;
    float: right;
}

.sales-drop {
    height: 130px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.earning-course-name {
    width: 200px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt8 {
    margin-top: 8px !important;
}

.rel-top100 {
    top: 100px;
    position: relative;
}

.sales-sl {
    width: 30px;
    display: inline-block !important;
    padding-left: 5px !important;
}

.sales-date {
    width: 80px;
    display: inline-block !important;
}

.sales-amt {
    width: 80px;
    display: inline-block !important;
    float: right;
}

.sales-course-amt {
    width: 90px;
    display: inline-block !important;
    float: right;
}

.sales-candidate {
    /*width:~"calc(100% - 190px)";*/
    width: 200px;
    display: inline-block !important;
    padding-right: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sales-invoice-modal {
    width: 100%;
    display: block;
}

.sales-invoice-modal:hover {
    background: #f6f8fa;
    cursor: pointer;
}

.sales-course {
    max-width: 280px;
    width: 100%;
    display: inline-block !important;
    padding-right: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.settings-left-wrap .course-cont-wrap.sale-top {
    top: 90px !important;
}

.teacher-icon {
    font-size: 20px;
    margin-right: 10px;
}

.course-cont-wrap .course-cont.right-table .rTableRow .rTableCell {
    padding-bottom: 5px;
    padding-top: 5px;
}

.course-cont-wrap .course-cont.right-table .rTableRow .rTableCell .green-text {
    color: #33b565;
    font-weight: 500;
}

.course-cont-wrap .course-cont .rTableRow.sales-invoice-modal {
    border-bottom: solid 1px #e1e1e1;
    display: block;
}

.course-cont-wrap .course-cont .rTableRow.sales-invoice-modal :first-child {
    border-top: none;
}

.course-cont-wrap .course-cont .rTableRow.sales-invoice-modal .rTableCell {
    border-top: none;
    border-bottom: none;
}

.pb10 {
    padding-bottom: 10px;
}

.sales-filter-date {
    text-align: left;
    padding-left: 20px;
}

/* css for sales reports ends here */

@media (max-width: 1300px) {
    .earning-course-content {
        width: auto;
    }

    .earning-course-name {
        max-width: 160px;
    }

    .sales-filter-date {
        width: 165px;
    }
}

@media (max-width: 1100px) {
    .sales-course {
        max-width: 200px;
    }

    .settings-left-wrap .active-arrow {
        right: -34px !important;
    }

    .question-archives .active-arrow {
        right: -22px !important;
    }

    .active-faculty-custom.active-table span.active-arrow {
        /*right: -100% !important;*/
        left: 100%;
    }
}

@media (max-width: 1024px) {
    .earning-course-content {
        max-width: 140px;
        margin-right: 0px;
    }

    .sales-candidate {
        width: 160px;
    }

    .earning-course-name {
        max-width: 100px;
    }

    .course-image-preview:hover .btn-green {
        display: block;
        position: absolute;
        top: 45%;
        left: 28%;
    }
}

@media (max-width: 992px) {
    .sales-course {
        max-width: 160px;
        padding-right: 10px;
    }

    .innercontent .save-btn {
        padding-bottom: 20px;
    }

    .innercontent span.testimonial-thumb {
        margin-bottom: 10px;
    }

    .innercontent ul.banner-list li a.banner-thumb {
        height: 80px;
        width: 80px;
    }
}

@media (max-width: 870px) {
    .sales-candidate {
        width: 120px;
    }

    .earning-course-content {
        max-width: 100px;
    }

    .sales-icons {
        margin: 0px;
    }

    .course-cont-wrap.sale-top .course-cont .rTableRow .rTableCell {
        padding-left: 0px;
    }

    .settings-left-wrap .course-cont-wrap.sale-top {
        padding-right: 0px;
    }
}

@media (max-width: 800px) {
    .earning-course-name {
        max-width: 90px;
    }
}

@media (max-width: 768px) {
    .sales-candidate {
        width: 100px;
    }

    .question-archives .active-arrow {
        right: -20px !important;
    }
}

/* BASIC BETA MODIFICATIONS */

/*.alert-modal-new .modal-content {
 padding: 20px 10px;
}*/

/* css hacks for groups section starts here */
.settings-left-wrap .course-cont-wrap.group-top {
    top: 45px;
}

.settings-left-wrap .course-cont-wrap.group-top.wishlist-top {
    top: 80px;
}

.group-top .active-arrow {
    right: -38px !important;
}

.profile-wrap .profile-container .profile-box-layouts p {
    word-break: break-word;
}

.active-arrow.group-arrow {
    right: -34px !important;
}

/* css hacks for groups section ends here */

/* css hacks for course reports section starts here */

.candidate-name {
    padding-left: 10px;
    display: table-caption;
    overflow: hidden;
    width: 151px;
    text-align: left !important;
}

span.wrap-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    width: 100%;
}

.course-report {
    float: left;
    width: calc(100% - 65px);
    top: 180px;
    position: fixed;
    left: 190px;
    height: calc(100% - 180px);
}

.course-wrapper-align {
    width: calc(100% - 240px);
    margin-right: 0;
}

.green-box {
    background: #33ca97;
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    border-radius: 3px;
    border: solid 1px #30be82;
    margin-top: 2px;
}

.rt-text {
    writing-mode: tb-rl;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    width: 28px;
    overflow: hidden;
    height: 100%;
}

@media (min-width: 1367px) and (max-width: 1540px) {
    .rt-text {
        position: relative;
        bottom: -3px;
    }
}

@media (min-width: 1360px) {
    .right-bottom-table td {
        padding-top: 0px;
        line-height: 27px;
    }
}

td.candidate-name.last-subscriber:after {
    background: none !important;
}

.z-text {
    transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    width: 150px !important;
    height: 40px;
    min-height: 40px;
    position: relative;
    padding-left: 5px;
}

.z-text.completed-percent {
    left: 205px;
    top: 55px;
    bottom: 0px;
    border-top: solid 1px #ccc;
    display: flex;
    align-items: center;
}

.z-text.marks-obtained-grade {
    left: 165px;
    top: 15px;
    display: flex;
    align-items: center;
}

.z-text.total-mark {
    left: 125px;
    top: -25px;
    border-bottom: solid 1px #ccc;
    display: flex;
    align-items: center;
}

.z-text.completed-grade {
    left: 84px;
    top: -65px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    display: flex;
    align-items: center;
}

.nav-content.course-report-nav {
    width: calc(100% - 66px);
    left: 65px;
    top: 130px;
}

/*generate student grade*/
.no-select-style {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.report_title {
    padding: 80px 0 40px 0;
}

.report_title h4 {
    font-size: 22px;
    font-weight: 400;
}

.grade_select_container {
    width: 60%;
    margin: 0 auto;
}

.course-filter {
    padding: 0px;
    background: #fff;
    text-align: center;
    border: 1px solid #bdbdbd;
    margin: 5px;
    width: auto;
    display: inline-block;
    width: calc(100% - 10px);
}

.course-filter #course-report-filter {
    height: 50px;
    width: 100%;
    padding: 15px;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 500;
}

.half-width {
    width: 50%;
    float: left;
}

.choose-inst,
.choose-batch,
.filter-by {
    padding: 15px;
    background: #fff;
    text-align: center;
    border: 1px solid #bdbdbd;
    margin: 5px;
    width: calc(33.33% - 10px);
}

.grade-filters .choose-inst {
    padding: 0px;
}

.grade-filters .choose-batch {
    padding: 0px;
}

.filter-by {
    padding: 0px;
}

.choose-inst select {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding: 15px;
}

.choose-batch select {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding: 15px;
}

.filter-by select {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    padding: 15px;
}

.grade-filters {
    display: flex;
    flex-wrap: wrap;
    clear: both;
}

.grade_select_container .filter-btn {
    padding: 5px 0;
}

/*generate student grade ends*/

/*grade report table settings*/
.left-top {
    float: left;
    width: 300px;
    height: 150px;
    overflow: hidden;
    border-right: solid 1px #ccc;
}

.right-top {
    float: left;
    width: calc(100% - 310px);
    height: 150px;
    overflow: hidden;
}

.left-bottom {
    float: left;
    width: 300px;
    height: 318px;
    overflow: hidden;
    border-top: solid 1px #ccc;
}

.right-bottom {
    float: right;
    width: calc(100% - 300px);
    height: 328px;
    overflow: auto;
    border-top: solid 1px #ccc;
}

.right-top-table {
    height: 100%;
}

.right-top-table td {
    height: 123px;
    vertical-align: bottom;
    width: 21px;
    position: relative;
    padding: 0px;
    top: -33px;
    bottom: 0px;
}

.right-top-table td:after {
    content: "";
    display: block;
    position: absolute;
    top: 34px;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #ccc;
}

.right-bottom-table td {
    height: 28px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    min-height: 28px;
    text-align: center;
    vertical-align: baseline;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.right-bottom-table td:after {
    content: "";
    display: block;
    position: relative;
    top: -20px;
    right: 0;
    width: 0px;
    height: 100%;
    background: #ccc;
}

.candidate-name:after {
    /* content: ''; */
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #ccc;
}

.left-bottom-table {
    width: 100%;
}

.left-bottom-table td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    min-width: 40px;
    max-width: 40px;
    min-height: 28px;
    height: 28px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.left-bottom-table td.candidate-name {
    min-height: 28px !important;
}

.right-bottom-table {
    margin-left: -1px;
}

.right-bottom-table td:last-of-type {
    border-right: solid 1px #ccc;
}

.left-bottom-table td:last-child {
    border-bottom: solid 1px #ccc !important;
}

.left-bottom-table td.candidate-name:last-child {
    border-bottom: solid 1px #ccc !important;
}

.left-bottom-table td.candidate-name {
    display: table-cell !important;
}

.left-bottom-table .candidate-name .candidate-name-trim {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100% !important;
    display: inline-block;
}

/* css hacks for course reports section ends here */

/* css hacks for assessments content section ends here */
.settings-left-wrap .nav-content.assessments-content {
    top: 130px;
}

.settings-left-wrap.assessment-left {
    top: 10px;
}

.right-content.list-right.assessment-right {
    top: 130px;
}

/* css hacks for assessments content section ends here */

.group-top.list-tp.tp90 {
    top: 90px !important;
}

.builder-right-inner .test-content {
    padding-bottom: 30px !important;
}

.table.course-cont {
    margin-top: 10px;
}

.question-archives .active-arrow.discussion-arrow {
    right: -23px !important;
}

.right-content.tp175 {
    top: 175px;
}

.green-btn {
    padding: 10px 15px;
    color: #fff;
    background: #17aa1c;
    font-size: 14px;
    text-align: center;
    border: none;
}

.question-box input[type="text"] {
    border-radius: 2px;
    box-shadow: none;
    height: 44px;
    transition: border-color ease-in-out 0.08s, box-shadow ease-in-out 0.08s;
    font-size: 15px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 11px 12px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.ques-list .active-table {
    width: 17px;
}

.add-answer,
.add-qstn {
    box-shadow: none;
    font-size: 15px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    padding: 11px 12px;
    line-height: 1.43;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    font-family: Arial, Helvetica, sans-serif;
}

.add-qstn {
    height: 80px;
}

.answer-detailed-desc>figure>img {
    width: 100%;
    padding: 10px 0px;
    box-sizing: border-box;
}

div#review_form_admin .alert {
    margin-top: 15px;
}

@media all and (max-width: 1100px) {
    .active-arrow.group-arrow {
        right: -26px !important;
    }
}

@media all and (max-width: 800px) {
    .active-arrow.group-arrow {
        right: -23px !important;
    }
}

/* ofabee css file version 1.1.0 - by tintu@enfintechnologies.com */

/* css for add question starts here */
.add-question-block .question-head {
    height: 50px;
    position: absolute;
    right: 0px;
    left: 0px;
}

.add-question-block .question-title {
    color: #2e3e4e;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.add-question-block .question-title .bottom-line {
    border-bottom: solid 1px #a1a6ab;
}

.add-question-block .question-block {
    position: absolute;
    width: 100%;
    top: 50px;
    background: transparent;
    height: calc(100% - 50px);
    padding: 0px;
}

.add-question-block .question-block .question-leftbox {
    width: 300px;
    position: absolute;
    left: 0px;
    border-right: solid 1px #a1a6ab;
    bottom: 0px;
    height: 100%;
    top: 0px;
    padding: 20px 25px;
}

.add-question-block .question-block .question-rightbox {
    position: absolute;
    width: calc(100% - 300px);
    left: 300px;
    height: 100%;
    overflow: hidden;
}

.add-question-block .question-block .question-rightbox .language-selector {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 4px 4px #0000001c;
    height: 48px;
    position: absolute;
    z-index: 9999;
    background: #fff;
}

.add-question-block .question-block .question-rightbox .question-content {
    position: absolute;
    background: transparent;
    width: 100%;
    top: 42px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 15px 20px;
    height: calc(100% - 42px);
}

.add-question-block .question-block .question-rightbox .question-content textarea.form-control {
    height: 125px;
    resize: none;
    width: calc(100% - 100px);
}

#cke_q_explanation .cke_contents {
    height: 250px !important;
}

.add-question-block .question-block #q_explanation {
    height: 250px;
}

.add-question-block .question-block .question-rightbox .question-content .add-question {
    width: 100%;
    height: 100%;
}

.add-question-block .question-block .question-rightbox .question-content .add-question .single-question-block .col-sm-12 .redactor-box {
    width: calc(100% - 100px) !important;
}

.add-question-block .answer-block ul.answer-ul li {
    padding-top: 10px;
    float: left;
    width: 100%;
}

.add-question-block .answer-block ul.answer-ul li span.cb-answer {
    float: left;
    width: 80px;
    background: #fff;
    height: 50px;
    position: relative;
    border: solid 1px #c7c9ca;
    border-radius: 3px;
    margin-right: 10px;
    display: flex;
}

.add-question-block .answer-block ul.answer-ul li span.cb-answer span.cb-alphabet {
    color: #58d495;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    width: 40px;
    float: left;
    height: 100%;
    padding-left: 10px;
    display: inline-flex;
    align-items: center;
}

.add-question-block .answer-block ul.answer-ul li span.cb-textbox {
    width: calc(100% - 190px);
    float: left;
}

.add-question-block .answer-block ul.answer-ul li span.cb-textbox input[type="text"] {
    height: 50px;
}

.add-question-block .answer-block ul.answer-ul li span.cb-textbox textarea {
    height: 50px !important;
    width: 100% !important;
    overflow: hidden !important;
}

.add-question-block .answer-block ul.answer-ul li span.cb-radio {
    float: left;
    width: 38px;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.add-question-block .answer-block ul.answer-ul li .redactor-air li,
.add-question-block .answer-block ul.answer-ul li .redactor-toolbar li {
    float: inherit !important;
    width: inherit !important;
    padding-top: inherit !important;
}

.add-question-block .answer-block .radio-btn {
    position: relative;
    padding-left: 20px;
}

.add-question-block .answer-block .radio-btn input[type="checkbox"],
.add-question-block .answer-block .radio-btn input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: 999;
    left: 2px;
    top: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.add-question-block .answer-block .radio-btn label {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    user-select: none;
    color: #787878;
    text-transform: uppercase;
}

.add-question-block .answer-block .radio-btn label::after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    left: 0;
    top: -10px;
    margin-left: -18px;
    background-color: transparent;
    border: 1px solid #c7c9ca;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    cursor: pointer;
}

.add-question-block .answer-block .radio-btn label::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 5px;
    top: 6px;
    left: 6px;
    margin-left: -18px;
    border: 1px solid #c7c9ca;
    border-top: none;
    border-right: none;
    background: transparent;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 1;
}

.add-question-block .answer-block .checkbox-btn label:active::before,
.add-question-block .answer-block .radio-btn label:active::before {
    opacity: 0.3;
}

.add-question-block .answer-block .checkbox-btn input[type="radio"]:checked+label,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:checked+label,
.add-question-block .answer-block .radio-btn input[type="radio"]:checked+label {
    color: #393939;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label {
    color: #787878;
}

.add-question-block .answer-block .checkbox-btn input[type="radio"]:checked+label::after,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:checked+label::after,
.add-question-block .answer-block .radio-btn input[type="radio"]:checked+label::after {
    border: 1px solid #c7c9ca;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label::after {
    border: 1px solid #c7c9ca;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label::before,
.add-question-block .answer-block .checkbox-btn input[type="radio"]:checked+label::before,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:checked+label::before,
.add-question-block .answer-block .radio-btn input[type="radio"]:checked+label::before {
    opacity: 1;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:disabled+label,
.add-question-block .answer-block .checkbox-btn input[type="radio"]:disabled+label,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:disabled+label,
.add-question-block .answer-block .radio-btn input[type="radio"]:disabled+label {
    color: #787878;
    cursor: default;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:disabled+label::after,
.add-question-block .answer-block .checkbox-btn input[type="radio"]:disabled+label::after,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:disabled+label::after,
.add-question-block .answer-block .radio-btn input[type="radio"]:disabled+label::after {
    border: 1px solid #c7c9ca;
    background-color: #ffffff;
}

.add-question-block .answer-block .radio-btn input[type="checkbox"]:disabled+label::before,
.add-question-block .answer-block .radio-btn input[type="radio"]:disabled+label::before {
    display: none;
}

.add-question-block .answer-block .radio-btn label::after {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
}

.add-question-block .answer-block .radio-btn label::before {
    width: 8px;
    height: 8px;
    border: none;
    top: -5px;
    left: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: #000;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label {
    color: #787878;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
}

.add-question-block .answer-block .checkbox-btn label {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    max-width: 100%;
    margin-bottom: 5px;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label::before,
.add-question-block .answer-block .checkbox-btn input[type="radio"]:checked+label::before {
    opacity: 1;
}

.add-question-block .answer-block .checkbox-btn label::before {
    position: absolute;
    content: "";
    margin-left: -18px;
    background: 0 0;
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 1;
    width: 12px;
    height: 5px;
    top: 9px;
    left: 3px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.add-question-block .answer-block .checkbox-btn label::after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    left: 0;
    top: 4px;
    margin-left: -18px;
    background-color: transparent;
    border: 1px solid #c7c9ca;
    cursor: pointer;
    border-radius: 3px;
    background-clip: padding-box;
}

.add-question-block .answer-block input[type="checkbox"] {
    opacity: 0;
}

.add-question-block .custom-btn {
    margin-right: 85px;
    margin-top: 15px;
}

.add-question-block .text-uppercase {
    text-transform: uppercase;
}

.add-question-block .bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

.add-question-block .bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

.add-question-block .bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1;
}

.add-question-block .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777;
}

.add-question-block .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777;
}

.add-question-block .bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

.add-question-block .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    display: inline-block;
    width: 100%;
    white-space: normal;
}

.add-question-block .bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

.add-question-block .bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}

.add-question-block .bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 1px 2px rgba(0, 0, 0, 0.05);
}

.add-question-block .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.add-question-block .bootstrap-tagsinput {
    width: 250px !important;
    min-height: 35px;
}

.add-question-block span.cb-delete-option {
    background: #fff;
    padding: 10px;
    height: 50px;
    width: 50px;
    float: left;
    margin-left: 15px;
    border: solid 1px #ccc;
    border-radius: 3px;
    cursor: pointer;
}

.add-question-block span.cb-delete-option i {
    font-size: 22px;
    top: 2px;
    position: relative;
}

.add-question-panel {
    width: calc(100% - 100px);
    margin-top: 15px;
}

.add-question-panel .aq-panel .panel-heading {
    background-color: #e0e0e0;
}

.add-question-panel .aq-panel .panel-heading h4.panel-title {
    font-weight: 500;
    font-size: 14px;
}

.add-question-panel .aq-panel .panel-heading h4.panel-title a {
    color: #565656;
}

.add-question-panel .aq-panel .panel-heading h4.panel-title a i {
    margin-right: 15px;
}

.add-question-panel .aq-panel .panel-body {
    padding: 0px 15px;
}

.add-question-panel .aq-panel textarea {
    width: 100% !important;
}

span.cb-close-qstn {
    position: absolute !important;
    right: 6px;
    top: 12px;
    cursor: pointer;
}

span.cb-close-qstn i {
    font-size: 26px;
}

span.cb-editor-enable {
    position: absolute;
    right: 30px;
    top: 14px;
}

span.cb-drop-down-enable {
    position: absolute;
    right: 162px;
    top: 7px;
}

span.cb-editor-enable input[type="checkbox"] {
    margin-left: 10px;
}

.ques-status-btn {
    min-width: 160px;
    margin-left: 10px;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 6px 0px;
    text-align: center;
}

.ques-status-btn .caret {
    margin-left: 10px;
}

ul.auto-search-lister {
    background: #fff;
    padding: 10px;
    margin-top: -10px;
    line-height: 25px;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    color: #777;
    font-size: 13px;
    text-transform: capitalize;
    font-style: italic;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 10px;
    position: absolute;
    z-index: 9;
    width: 249px;
    box-shadow: 0 2px 10px -3px #646464;
}

/* css for add question ends here */
.test-listings a.list-group-item.link-style {
    font-size: 13px;
    color: #434343 !important;
    text-decoration: none;
    transition: 0.3s ease;
    float: left;
    width: 100%;


}

.test-listings a.list-group-item.link-style:hover {
    background: #e8e8e8;
}

.test-listings .green-span {
    width: 30px;
    color: #bdbdbd;
    float: left;
    font-size: 15px;
}

.test-listings .listing-text {
    width: calc(100% - 30px);
    float: left;
    font-weight: normal;
}

.add-question-block .answer-block input[type="checkbox"] {
    top: 10px;
    margin-right: 0px;
    z-index: 9;
    width: 20px;
    height: 20px;
    left: 5px;
}

.addtest-checkbox .radio-btn {
    position: relative;
    padding-left: 20px;
}

.addtest-checkbox .radio-btn input[type="checkbox"],
.addtest-checkbox .radio-btn input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: 999;
    left: 5px;
    top: 10px;
    cursor: pointer;
}

.addtest-checkbox .radio-btn label {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    user-select: none;
    color: #787878;
    text-transform: uppercase;
}

.addtest-checkbox .radio-btn label::after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    left: 0;
    top: 3px;
    margin-left: -18px;
    background-color: transparent;
    border: 1px solid #c7c9ca;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    cursor: pointer;
}

.addtest-checkbox .radio-btn label::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 5px;
    top: 6px;
    left: 6px;
    margin-left: -18px;
    border: 1px solid #c7c9ca;
    border-top: none;
    border-right: none;
    background: transparent;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 1;
}

.addtest-checkbox .checkbox-btn label:active::before,
.addtest-checkbox .radio-btn label:active::before {
    opacity: 0.3;
}

.addtest-checkbox .checkbox-btn input[type="radio"]:checked+label,
.addtest-checkbox .radio-btn input[type="checkbox"]:checked+label,
.addtest-checkbox .radio-btn input[type="radio"]:checked+label {
    color: #393939;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label {
    color: #787878;
}

.addtest-checkbox .checkbox-btn input[type="radio"]:checked+label::after,
.addtest-checkbox .radio-btn input[type="checkbox"]:checked+label::after,
.addtest-checkbox .radio-btn input[type="radio"]:checked+label::after {
    border: 1px solid #c7c9ca;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label::after {
    border: 1px solid #c7c9ca;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label::before,
.addtest-checkbox .checkbox-btn input[type="radio"]:checked+label::before,
.addtest-checkbox .radio-btn input[type="checkbox"]:checked+label::before,
.addtest-checkbox .radio-btn input[type="radio"]:checked+label::before {
    opacity: 1;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:disabled+label,
.addtest-checkbox .checkbox-btn input[type="radio"]:disabled+label,
.addtest-checkbox .radio-btn input[type="checkbox"]:disabled+label,
.addtest-checkbox .radio-btn input[type="radio"]:disabled+label {
    color: #787878;
    cursor: default;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:disabled+label::after,
.addtest-checkbox .checkbox-btn input[type="radio"]:disabled+label::after,
.addtest-checkbox .radio-btn input[type="checkbox"]:disabled+label::after,
.addtest-checkbox .radio-btn input[type="radio"]:disabled+label::after {
    border: 1px solid #c7c9ca;
    background-color: #ffffff;
}

.addtest-checkbox .radio-btn input[type="checkbox"]:disabled+label::before,
.addtest-checkbox .radio-btn input[type="radio"]:disabled+label::before {
    display: none;
}

.addtest-checkbox .radio-btn label::after {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
}

.addtest-checkbox .radio-btn label::before {
    width: 8px;
    height: 8px;
    border: none;
    top: 8px;
    left: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: #000;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label {
    color: #787878;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
}

.addtest-checkbox .checkbox-btn label {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    max-width: 100%;
    margin-bottom: 5px;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label::before,
.addtest-checkbox .checkbox-btn input[type="radio"]:checked+label::before {
    opacity: 1;
}

.addtest-checkbox .checkbox-btn label::before {
    position: absolute;
    content: "";
    margin-left: -3px;
    background: 0 0;
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 1;
    width: 12px;
    height: 5px;
    top: 7px;
    left: 2px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.addtest-checkbox .checkbox-btn label::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 15px;
    top: 3px;
    margin-left: -18px;
    background-color: transparent;
    border: 1px solid #c7c9ca;
    cursor: pointer;
    border-radius: 2px;
    background-clip: padding-box;
}

.addtest-checkbox input[type="checkbox"] {
    opacity: 0;
    left: 16px;
    margin-right: 0px;
    width: 15px;
    height: 15px;
    top: 8px;
    z-index: 999;
    cursor: pointer;
}

.test-step-two {
    position: relative;
    top: 0px;
}

.rt-7 {
    position: relative;
    top: -7px;
}

.mtb715 {
    margin-bottom: 15px !important;
    margin-top: 7px !important;
}

.arrangement-grouping {
    margin-bottom: 20px;
}

.arrangement-grouping.assign-test .addtest-checkbox {
    width: 50%;
    border: none;
}

.arrangement-grouping .arrangement-panel {
    background: #371744;
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/* .arrangement-grouping .addtest-checkbox { width: 100%;} */
.arrangement-grouping .addtest-checkbox .cb-radio.checkbox-btn {
    float: left;
    width: 40px;
    margin-left: -15px;
    display: inline-block;
}

.arrangement-grouping label {
    font-size: 13px;
    font-family: inherit;
    font-weight: 400;
    color: #696969;
}

.arrangement-grouping span.download-txt {
    /* width: calc(100% - 60px); */
    float: left;
    padding-top: 10px;
    font-size: 13px;
    font-weight: 400;
    font-family: inherit;
    color: #696969;
}

.generated-area {
    margin: 10px 0px 0px 10px;
}

.generated-area textarea {
    resize: none;
}

.addtest-container.whitebg-container {
    background: #fff;
    width: 100%;
    float: left;
}

.each-steps.step-three {
    float: left;
    width: 100%;
}

.each-steps.step-three span.question-text {
    max-width: 500px;
}

/* .each-steps.step-three span.question-sl-no {width: 35px;} */
.each-steps.step-three span.question-type {
    width: 100px;
    /* height: 40px; */
    margin-left: 20px;
}

.each-steps.step-three .test-qstn.addtest-checkbox {
    border-bottom: solid 1px #ccc;
    width: 100%;
    float: left;
}

.each-steps.step-three .test-qstn.addtest-checkbox .cb-radio.checkbox-btn {
    float: left;
    width: 60px;
    height: 40px;
}

.each-steps.step-three .test-qstn.addtest-checkbox .question-type {
    color: #9e9e9e;
    font-size: 12px;
    font-style: italic;
}

.ic20 {
    font-size: 20px;
}

#invite-user-bulk .redactor-editor {
    min-height: 160px !important;
}

.redactor-editor table {
    width: 100% !important;
    border: 1px solid #b0b0b0 !important;
}

.redactor-editor table td {
    border: 1px solid #b0b0b0 !important;
    padding: 15px;
}

.anouncement-content .redactor-editor {
    border: none !important;
    padding: 0 !important;
    color: #444 !important;
}

.anouncement-content img {
    width: 100%;
}

#announcementblock {
    padding-top: 20px !important;
}

input.btn.btn-xs.btn-info.btn-ts {
    background-color: #55af81 !important;
    border: none;
}

input.btn.btn-xs.btn-info.btn-ts.selected {
    background-color: #389a68 !important;
    border: none;
}

#loadmorebutton {
    margin-bottom: 20px;
}

.showcontents {
    position: absolute;
    z-index: 999;
    background: #e8e8e8;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.33);
    padding: 5px 5px 11px 6px;
    width: 135px;
    top: 22px;
}

.showcontents input[type="text"] {
    width: 100%;
    height: 32px;
    margin: 5px 0px 10px 0;
}

.showcontents input[type="button"] {
    width: 100%;
    min-width: 70px;
    font-size: 12px;
}

.select-leftspan {
    display: inline-block;
    width: 40px;
    position: relative;
    top: -10px;
}

.select-span {
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
}

.shownegativecontents {
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 999;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px #00000017;
    border: 1px solid #cecece;
    border-radius: 3px;
    width: 135px;
    padding: 10px;
}

.shownegativecontents input[type="text"] {
    width: 100%;
    height: 32px;
    margin: 5px 0px 10px 0;
}

.shownegativecontents input[type="button"] {
    width: 100%;
    min-width: 70px;
    font-size: 12px;
}

#create_faculty .alert-danger .close {
    top: 14px;
}

.test-applybulk {
    width: 75px;
    position: relative;
    text-align: center;
    font-weight: 500;
    right: -10px;
}

.test-applybulk a {
    color: #09b8a9;
    font-size: 14px;
    font-weight: 500;
}

.test-applybulk a .caret {
    margin-left: 5px;
}

.test-applynegativebulk {
    /* width: 75px; */
    right: 160px;
    position: relative;
    text-align: center;
    font-weight: 500;
}

#showBulkContent.showcontents {
    position: absolute;
    top: 20px;
    right: -25px;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px #00000017;
    border: 1px solid #cecece;
    border-radius: 3px;
    width: 135px;
    padding: 10px;
}

.test-applynegativebulk a {
    color: #09b8a9;
    font-size: 14px;
    font-weight: 500;
}

.test-applynegativebulk a .caret {
    margin-left: 5px;
}

.question-shortcuts {
    /* height: 45px; */
    display: inline-block;
    float: right;
}

.action10 {
    margin-top: 10px !important;
}

.full-width {
    width: 100%;
}

.question-text-input {
    resize: none;
}

.width-95 {
    width: 95%;
}

.input-padding {
    padding-top: 15px;
}

.ui-timepicker-container {
    z-index: 9999 !important;
}

.custom-select.select-group {
    height: 100%;
    border: none;
    background: #eeeeee !important;
    padding: 0px 10px;
}

.dropdown-filter {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 160px;
    white-space: nowrap;
    display: inline-block;
}

.lecture-name {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: sub;
    word-break: break-word;
    /* text-transform: capitalize; */
}

.section-title .section-name {
    text-transform: capitalize;
}

/*updates on 05-09-2018*/

.stud-course-progress {
    width: 75%;
    margin-top: 13px;
}

.float-r {
    float: right;
}

#filter_batch_div .dropdown-toggle {
    max-width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 15px;
}

#filter_batch_div .caret {
    position: absolute;
    right: 0;
    top: 23px;
    margin-right: 4px;
}

#filter_batch_div {
    padding-top: 10px;
}

.category-filter-ellipsis {
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px;
}

.height-100 {
    height: 100%;
}

#extend-validity {
    top: 60px;
    /*change validity modal*/
}

/*ends*/

/*updates on 06-09-2018*/

.scroll-preview-table {
    overflow: auto;
    height: 100vh;
}

/*updates on 07-09-2018*/

.multiselect-container.dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

.max-width-70 {
    max-width: 70%;
}

.category-text-ellipsis {
    width: 78px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.rTableRow.user-listing-row .rTableCell {
    vertical-align: middle !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/*new lecture icon settings*/

.course-icon {
    background: url("/assets/images/course-icon.png");
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
    display: inline-block;
}

.course-icon.quiz-icon-white {
    background-position-y: -48px;
    background-position-x: -24px;
}

.course-icon.assignments-icon-white {
    background-position-y: -24px;
    background-position-x: -24px;
}

.course-icon.live-icon-white {
    background-position-y: -192px;
    background-position-x: -24px;
}

.course-icon.html-icon-white {
    background-position-y: -120px;
    background-position-x: -24px;
}

.course-icon.video-icon-white {
    background-position-y: -96px;
    background-position-x: -24px;
}

.course-icon.scorm-icon-white {
    background-position-y: -144px;
    background-position-x: -24px;
}

.course-icon.recorded-icon-white {
    background-position-y: -72px;
    background-position-x: -24px;
}

.course-icon.survey-icon-white {
    background-position-y: -168px;
    background-position-x: -24px;
}

.course-icon.certificate-icon-white {
    background-position-y: -240px;
    background-position-x: -24px;
}

.course-icon.doc-icon-gray {
    background-position-y: 0px;
    background-position-x: 0px;
}

.course-icon.quiz-icon-gray {
    background-position-y: -48px;
    background-position-x: 0px;
}

.course-icon.assignments-icon-gray {
    background-position-y: -24px;
    background-position-x: 0px;
}

.course-icon.live-icon-gray {
    background-position-y: -192px;
    background-position-x: 0px;
}

.course-icon.html-icon-gray {
    background-position-y: -120px;
    background-position-x: 0px;
}

.course-icon.video-icon-gray {
    background-position-y: -96px;
    background-position-x: 0px;
}

.course-icon.scorm-icon-gray {
    background-position-y: -144px;
    background-position-x: 0px;
}

.course-icon.recorded-icon-gray {
    background-position-y: -72px;
    background-position-x: 0px;
}

.course-icon.survey-icon-gray {
    background-position-y: -168px;
    background-position-x: 0px;
}

.course-icon.certificate-icon-gray {
    background-position-y: -240px;
    background-position-x: 0px;
}

.course-icon.audio-icon-gray {
    background-position-y: -216px;
    background-position-x: 0px;
}

.lecture-type-holder {
    padding-left: 10px;
}

/*========= grey sprite ===============*/

.icon-grey:before {
    content: "";
}

.icon-grey {
    background: url(/assets/images/lecture-icons-grey-version.png);
    width: 25px;
    height: 25px;
    background-size: 25px;
    vertical-align: text-bottom;
    display: inline-block;
    margin-right: 15px;
}

.icon-grey.icon-live {
    background-position-y: 3px;
}

.icon-grey.icon-dropbox {
    background-position-y: 388px;
}

.icon-grey.icon-video {
    background-position-y: 3px;
}

.icon-grey.icon-survey {
    background-position-y: 27px;
}

.icon-grey.lectures-icon {
    background-position-y: 180px;
}

.icon-quiz.icon-quiz {
    background-position-y: 210px;
}

/*new lecture icon settings ends*/

.icon-like {
    background: url(../images/sprite_thumbs.png);
    background-repeat: no-repeat;
    background-position-y: -51px;
    background-size: 15px;
    width: 22px;
    height: 20px;
    display: inline-block;
    vertical-align: -6px;
}

.icon-unlike {
    background: url(../images/sprite_thumbs.png);
    background-repeat: no-repeat;
    background-position-y: -17px;
    background-size: 15px;
    width: 22px;
    height: 20px;
    display: inline-block;
    vertical-align: -5px;
}

.scorm-preview {
    width: 100%;
    height: 100%;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.icon-like {
    background: url("../images/sprite_thumbs.png");
    background-repeat: no-repeat;
    background-position-y: -51px;
    background-size: 15px;
    width: 22px;
    height: 20px;
    display: inline-block;
    vertical-align: -6px;
}

.icon-unlike {
    background: url(../images/sprite_thumbs.png);
    background-repeat: no-repeat;
    background-position-y: -17px;
    background-size: 15px;
    width: 22px;
    height: 20px;
    display: inline-block;
    vertical-align: -5px;
}

.add-btn-wrapper {
    display: flex;
    padding: 5px 0;
}

.groups-student-count-holder {
    margin-top: 5px;
    font-size: 12px;
}

.course-cont .rTableRow:hover,
.test-folder:hover {
    background: #64277d1c;
    cursor: pointer;
}

.assignment-attach-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 15px;
    z-index: 999;
}

.assignment-attach-footer button {
    margin: 0;
}

.code-save-footer {
    padding: 9px 15px;
}

.coursebuilder-assignment-attach {
    display: inline-block;
}

.coursebuilder-assignment-attach .attach-name {
    color: #371744;
    border: 1px solid #371744;
    border-radius: 17px;
    padding: 3px 15px;
}

.coursebuilder-assignment-attach .close-attatch {
    font-size: 22px;
    cursor: pointer;
    vertical-align: sub;
    padding-left: 5px;
}

.question_options {
    font-size: 13px !important;
}

.pagination-wrapper {
    position: fixed;
    bottom: 0px;
    left: 316px;
    right: 0px;
    padding: 0px;
    border-radius: 0px;
    background: #ffffff;
    height: 60px;
    display: inline-flex;
    align-items: center;
    box-shadow: 2px -6px 6px 0px #00000012;
}

.page-action-bottom .pagination-wrapper {
    box-shadow: unset;
}

.pagination-wrapper .pagination {
    vertical-align: middle;
    margin: 0px;
}

/*course builder lecture create permission view starts here*/
.bulder-content-noaccess {
    padding: 20px 20px 20px 20px;
}

.training-content-type-holder {
    display: none;
}

/*course builder lecture create permission view ends here*/

.add-rule-btn {
    border: 1px dashed #a0a0a0 !important;
    border-radius: 6px !important;
    padding: 0px;
    text-transform: uppercase;
    cursor: pointer;
    height: 33px;
}

.add-rule-btn:hover {
    background: #0000000a;
    border: 1px dashed #17b956 !important;
}

.add-rule-btn a {
    text-decoration: none !important;
    width: 100%;
    display: inline-block;
    height: 100%;
    padding: 6px 0px;
}

.right-wrap-height-adjust {
    height: calc(100% - 95px) !important;
}

/*multiselector hover focus color*/
.multiselect .dropdown-menu>li>a:hover,
.multiselect .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #bdbdbd;
    background-color: #dcdcdc;
}

/*multiselector hover focus color ends*/

/*course performance wrapper - 27-09-2018*/

.course-perform-wrapper .quiz-list {
    border-bottom: 1px solid #ccc;
    height: 40px;
    padding: 10px 0px;
}

.course-perform-wrapper .quiz-list-title th {
    font-size: 14px;
    font-weight: 500;
    padding: 20px 10px 5px 10px;
    border-bottom: 1px solid #ccc;
    width: 15%;
}

.course-perform-wrapper table td {
    font-size: 14px;
    padding: 0 25px;
    width: auto;
    cursor: pointer;
}

.course-perform-wrapper .quiz-list-avatar {
    display: inline-block;
    vertical-align: inherit;
    padding: 0 15px;
}

.course-perform-wrapper .invisible {
    visibility: hidden;
}

.course-perform-wrapper .bold {
    font-weight: 500;
}

.course-perform-wrapper {
    top: 145px;
    position: relative;
    padding: 0 30px;
    margin-bottom: 30px;
}

.course-perform-wrapper .export-btn-holder {
    padding: 0px 10px;
}

/*course performance wrapper ends */

.batch-name-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
}

#collapseAccessRestriction .builder-inner-from {
    height: 500px;
    overflow: auto;
}

.quiz-list-avatar img {
    border-radius: 50%;
}

.overrided-info {
    padding: 0 15px;
}

.overided-chips {
    border: 1px solid #470871;
    border-radius: 16px;
    padding: 3px 10px;
    margin: 0px 10px 10px 0px;
    display: inline-block;
}

/*#redactor-progress{display:none !important;}*/

.faculty-intro-scroll {
    max-height: 150px;
    overflow-y: auto;
    text-align: justify;
    padding: 0 15px;
}

/* width */

.faculty-intro-scroll::-webkit-scrollbar {
    width: 10px;
}

/* Track */

.faculty-intro-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */

.faculty-intro-scroll::-webkit-scrollbar-thumb {
    background: #8b8b8b;
    border-radius: 6px;
}

#scroll-top-arrow {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
}

.upload-clear {
    position: absolute !important;
    z-index: 9;
    left: 10px;
    top: 8px;
    height: 22px;
    width: 22px;
    margin: auto;
    font-size: 22px;
    cursor: pointer;
    color: #909090;
    border: 1px solid #909090;
    border-radius: 32px;
    line-height: 18px;
    padding-left: 4px;
}

.upload-clear:hover {
    color: #444;
    border: 1px solid #444;
}

.upload-file-name {
    padding-left: 40px;
}

.redactor-styles {
    max-height: 250px;
    overflow-y: auto;
}

.redactor-styles ul li {
    list-style: unset;
}

.redactor-styles ol li {
    list-style: decimal;
}

/*Removing IE select arrow issue*/

select::-ms-expand {
    display: none;
}

.report-dropdown {
    position: absolute;
    left: 250px;
    top: -100%;
    padding: 0;
    box-shadow: 2px 2px 3px 0px #9090905c;
    border: 1px outset #ccc;
    min-width: max-content;
    display: none;
}

#report-drop-toggle:hover .report-dropdown {
    display: block;
}

.report-dropdown li {
    padding: 0px !important;
    min-width: 250px;
    background: #e8e8e8 !important;
}

.report-dropdown li a {
    line-height: 38px;
    width: 100%;
    display: inline-block;
    padding: 5px 25px !important;
    margin: 0;
}

.report-dropdown li:hover {
    background: #f6f8fa !important;
}

.grade-selector {
    width: 39px;
    height: auto;
    border: none !important;
    padding-right: 10px;
    text-align-last: center;
    background-size: 11px !important;
}

.rt-text {
    width: 40px;
}

.log-action-head {
    padding: 15px 0px;
    display: flex;
    border-bottom: 1px solid #ccc;
    justify-content: space-between;
}

.log-action-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px 0;
}

.log-action-row input {
    width: 60px;
    height: 30px;
    margin-top: 3px;
    margin-right: 35px;
}

.nopadd-right {
    padding-right: 0;
}

.log-action-row .btn {
    padding: 0px;
}

.log-action-info {
    line-height: 35px;
}

.log-action-controls {
    display: flex;
    justify-content: space-around;
}

.title-points {
    padding-right: 145px;
}

#activity-table select {
    padding: 8px 30px 7px 5px;
}

.content-wrap-fullwidth {
    padding-right: 0px;
}

.contentwrap-custom-padding {
    padding-right: 320px;
}

.empty-notifications {
    padding: 50px 0px;
}

.empty-notifications p {
    color: #ababab;
    font-size: 16px;
    font-weight: 500;
    padding-top: 15px;
}

#notification_main .readed {
    color: #b7b7b7;
}

#notifications_main .dropdown-menu li a {
    color: #371744;
}

.notify-icoset.dropdown-toggle:focus {
    background: transparent !important;
}

#site_notification_count_wrapper:hover {
    background: transparent !important;
}

.question-slider-wrap .arrow-right-dot {
    margin-right: 0px !important;
}

.flex-space {
    display: flex !important;
    justify-content: space-between;
}

/*Overview accordion*/

.accordion-container .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 8px 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.accordion-container .accordion .icon-tick {
    width: 22px;
    height: 22px;
    display: inline-block;
    border: 2px solid #41ad49;
    border-radius: 50%;
    padding: 3px;
    vertical-align: bottom;
}

.accordion-container .accordion .icon-close {
    color: #d44949;
    font-size: 22px;
    font-weight: 500;
    line-height: 10px;
    vertical-align: sub;
    width: 22px;
    height: 22px;
    display: inline-block;
    border: 2px solid #d44949;
    border-radius: 50%;
    padding: 3px;
}

.accordion-container .active,
.accordion:hover {
    background-color: #ccc;
}

.accordion-container .accordion:after {
    content: "\002B";
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion-container .accordion.active:after {
    content: "\2212";
}

.accordion-container .panel {
    padding: 0px 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-container .panel ul {
    padding: 15px 18px;
}

.accordion-container .panel ul li {
    padding: 5px 0;
}

.accordion-container .step-title {
    font-size: 14px;
    font-weight: 500;
    padding-left: 5px;
}

/* accordion-table for payment gateway */

.accordion-table .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #eeeeee;
}

.accordion-table .panel-default>.panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #fafafa;
    border-color: #eeeeee;
}

.accordion-table .panel-title {
    font-size: 14px;
}

promocode-userreport-header .accordion-table .panel-title>a {
    display: block;
    padding: 15px;
    text-decoration: none;
}

.accordion-table .more-less {
    float: right;
    color: #212121;
}

.accordion-table .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eeeeee;
}

.promo-align input {
    vertical-align: super;
}

.bundle-icon {
    vertical-align: middle;
}

.bundle-icon svg {
    width: 25px;
    height: 30px;
}

.bundle-icon svg .st0 {
    fill: #fff !important;
}

.promocode-userreport-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.promocode-userreport-header .save-btn {
    padding: 4px 40px 0px 0px;
}

.category-list li {
    display: flex;
    flex-direction: row;
}

.category-list .question-category-lecturehold {
    width: calc(100% - 40px);
}

.ui-sortable-handle :hover {
    cursor: pointer;
}

.cms-mange-list {
    display: flex !important;
    align-items: center;
    max-width: 100% !important;
    min-width: 250px;
}

.cms-mange-list a {
    width: 100%;
}

.ui-sortable-helper .ondrag-hide {
    display: none !important;
}

.date-clear {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 9;
    font-size: 24px;
    color: #444;
    cursor: pointer;
}

.pos-relative {
    position: relative;
}

.admin-reply-container .reply-row {
    padding: 10px 0px;
}

.admin-reply-container .reply-row a {
    color: #57ba56;
    cursor: pointer;
}

.admin-reply-preview {
    padding: 25px 15px 0px 50px;
}

.media-heading.review-name {
    font-weight: 500;
}

.page-listing-row .cms-mange-list {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.page-listing-row .icon-wrap-round {
    height: unset;
    width: unset;
    padding: 4px;
    background: unset;
}

.page-listing-row .ondrag-hide {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.question-category-lecturehold .dropdown-menu a {
    display: inline-block;
    width: 100%;
}

.page-listing-row .ellipsis-style.display-initial {
    display: flex;
    align-items: center;
    max-width: 250px;
    min-width: 250px;
}

.review-width-65 .date {
    font-size: 12px;
}

.cursor-default {
    cursor: default !important;
}

/* testimonial starts here */

.testimonial-manager {
    margin: 30px 20px;
}

.testimonial-column {
    padding: 20px 15px;
    border-radius: 8px;
    border: 1px solid #eee;
    background: #fff;
}

.testimonial-user-info {
    margin-bottom: 10px;
}

.testimonial-user-info .file-uploader input[type="file"] {
    display: none;
}

.testimonial-manager input {
    box-shadow: none;
    border-color: #dedede;
    border-radius: 5px;
}

.testimonial-manager textarea {
    box-shadow: none;
    border-color: #dedede;
    border-radius: 5px;
}

.testimonial-manager input::placeholder {
    color: #b7b7b7;
    font-style: italic;
}

.testimonial-manager textarea::placeholder {
    color: #b7b7b7;
    font-style: italic;
}

.testimonial-user-info .file-uploader {
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.testimonial-user-info .file-uploader .avatar-preview {
    width: 100%;
    height: 100%;
}

.user-details {
    width: calc(100% - 65px);
    padding-left: 20px;
}

.testimonial-content textarea {
    resize: none;
}

.testimonial-action {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.testimonial-column .testimonial-content .review-text {
    display: none;
}

.testimonial-column .user-info-edit {
    display: flex;
    align-items: center;
}

.user-info-preview {
    display: none;
}

.testimonial-avatar-preview {
    width: 45px;
    min-width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
}

.testimonial-avatar-preview .avatar {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-username-designation-preview {
    padding-left: 15px;
}

.testimonial-username-designation-preview .testimonial-username {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    text-transform: capitalize;
}

.testimonial-username-designation-preview .testimonial-designation {
    font-size: 13px;
    font-weight: 500;
    color: #8a8a8a;
    text-transform: capitalize;
}

.review-text {
    padding: 10px 0px 5px 0px;
}

.info-left {
    display: flex;
    align-items: center;
}

.info-right {
    display: flex;
    align-items: center;
    min-width: 50%;
    justify-content: flex-end;
}

.check-box-holder {
    display: flex;
}

.showin-home-text {
    margin-right: 15px;
    max-width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 17px;
    width: 17px;
    border: 2px solid #cccccc;
}

.custom-checkbox:hover input~.checkmark {
    background-color: #fff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input:checked~.checkmark:after {
    display: block;
}

.custom-checkbox .checkmark:after {
    left: 5px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #52af50;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ====== */
.custom-radio {
    display: block;
    position: relative;
    padding-left: 25px;
    padding-right: 0px !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border: 2px solid #cccccc;
    border-radius: 50%;
}

.custom-radio:hover input~.checkmark {
    background-color: #fff;
}

.custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-radio input:checked~.checkmark:after {
    display: block;
}

.custom-radio .checkmark:after {
    position: absolute;
    top: -2px;
    left: -2px;
    height: 6px;
    width: 6px;
    border: 6px solid #3e97fa;
    border-radius: 50%;
    box-sizing: content-box;
}

/* ==== */
.testimonial-settings .dropdown-toggle .dot-icon:hover {
    color: #57ba56;
}

.testimonial-settings .dropdown-toggle .dot-icon {
    transform: rotate(90deg) translateY(-50%);
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 700;
    color: #444;
    padding: 0px 0px;
    cursor: pointer;
    display: inline-block;
    user-select: none;
}

.testimonial-settings .dropdown-menu {
    right: -10px !important;
    left: auto;
    padding: 0px;
    border-color: #d6d6d6;
}

.file-uploader .img-upload-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* On Preview */
.testimonial-column.preview {
    padding: 20px 22px;
}

.testimonial-column.preview .file-uploader {
    width: 45px;
    min-width: 45px;
    height: 45px;
    background: #5f89fa;
    border-radius: 50%;
}

.testimonial-column.preview .user-details {
    padding-left: 15px;
}

.testimonial-column.preview .user-details .form-group {
    margin: 0px;
}

.testimonial-column.preview .user-info-preview {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
}

.testimonial-column.preview .testimonial-content textarea {
    display: none;
}

.testimonial-column.preview .testimonial-content .review-text {
    display: block;
    word-break: break-word;
}

.testimonial-column.preview .testimonial-action {
    display: none;
}

.testimonial-column.preview .user-info-edit {
    display: none;
}

.testimonial-column.preview .testimonial-content-remain {
    display: none;
}

.testimonial-column.preview .message-testimonial {
    display: none;
}

/* testimonial starts end */

.page-preview-container iframe {
    width: 100%;
    height: 100%;
    min-height: calc(65vh);
    overflow: auto;
}

/*Free prev report*/
.preview-report-container {
    position: fixed;
    top: 96px;
    right: 0px;
    width: calc(100% - 470px) !important;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
    margin: 0px 20px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
}

.preview-report-container .free-prev-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 5px 15px;
    border-bottom: 1px solid #e4e4e4;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 100%;
}

.preview-report-container .search-holder {
    position: relative;
}

.preview-report-container .search-holder input {
    width: 500px;
    margin-right: 0px;
    box-shadow: none;
    border-color: #e2e2e2;
    padding: 6px 10px;
    font-size: 13px;
}

.preview-report-container .search-icon {
    position: absolute;
    top: 6px;
    left: 95%;
    right: auto;
}

.preview-report-container .search-holder input::placeholder {
    font-style: italic;
    color: #dadada;
}

.preview-report-container .free-prev-action {
    display: flex;
    align-items: center;
}

.preview-report-container .free-prev-header h5 {
    font-weight: 500;
}

.preview-report-container .search-holder .btn-green {
    height: 31px !important;
    line-height: 30px !important;
}

.preview-report-container .report-row {
    cursor: pointer;
}

.preview-report-container .report-row.active {
    background: #f2f7fb;
}

.preview-report-container .report-row-content {
    display: flex;
    justify-content: space-between;
    padding: 5px 0px;
    cursor: pointer;
    margin-left: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.preview-report-container .status-count {
    background: #00a651;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 0px 8px;
    border-radius: 125px;
    display: inline-table;
}

.preview-report-container .preview-report-content {
    min-height: calc(100vh - 158px);
    max-height: calc(100vh - 158px);
    background: #fff;
}

.preview-report-container .prev-report-title {
    max-width: 300px;
    min-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-report-container .free-users-info {
    padding: 10px 0px;
    margin: 0px 15px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px;
}

.preview-report-container .right-report-container .bulk-action-wrapper {
    padding: 10px 15px;
    background: #fff;
}

.preview-report-container .right-report-container .dropdown-menu {
    top: unset !important;
}

.preview-report-container .previeved-user-row {
    width: calc(100% - 60px);
    margin-right: auto;
}

.previewed-user-list {
    min-height: calc(100vh - 197px);
    max-height: calc(100vh - 197px);
    overflow-y: auto;
}

/* Utility classes */
.d-flex {
    display: flex;
}

.justify-between,
.justify-content-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.align-center {
    align-items: center;
}

.flex-row {
    flex-direction: row;
}

.b-0 {
    border: 0px;
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100% !important;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-05 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px;
}

.custom-close-icon {
    font-size: 36px;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer;
}

.b-0 {
    border: 0px !important;
}

.bt-1 {
    border-top: 0px !important;
}

.br-0 {
    border-right: 0px !important;
}

.bb-0 {
    border-bottom: 0px !important;
}

.bl-0 {
    border-left: 0px !important;
}

.custom-page-header {
    border-bottom: 1px solid #ececec;
}

.tt-unset {
    text-transform: unset !important;
}

/* Utility classes ends */

/* Custom UI Library starts here */
.custom-cancel-btn {
    border: 0px;
    background: unset;
    box-shadow: none;
    color: #5a5a5a;
    font-size: 12px !important;
    text-transform: capitalize;
}

.custom-cancel-btn:hover {
    color: #0da296;
}

.custom-cancel-btn:focus {
    color: #0da296;
}

.custom-cancel-btn:active {
    box-shadow: none !important;
}

.custom-rounded-btn {
    border: 0px;
    background: #0bb8a9;
    box-shadow: none;
    color: #ffffff;
    font-size: 12px !important;
    font-weight: 400;
    border-radius: 18px !important;
    padding: 5px 20px;
    text-transform: unset;
    position: relative;
}

.custom-rounded-btn:hover {
    background: #0da296;
    color: #fff;
}

.custom-rounded-btn:focus {
    background: #0da296;
    color: #fff;
}

.custom-text-blue-btn {
    border: 0px;
    background: unset;
    box-shadow: none;
    color: #0bb8a9;
    font-size: 13px !important;
    text-decoration: underline;
    text-transform: capitalize;
}

.custom-text-blue-btn:hover {
    color: #0da296;
}

.custom-text-blue-btn:focus {
    color: #0da296;
}

.custom-rounded-border-btn {
    background: unset;
    border: 1px solid #0bb8a9;
    box-shadow: none;
    color: #0bb8a9;
    font-size: 13px !important;
    border-radius: 18px !important;
    padding: 5px 25px;
    text-transform: capitalize;
}

.custom-rounded-border-btn:hover {
    border-color: #0da296;
    color: #0da296;
}

.custom-rounded-border-btn:focus {
    border-color: #0da296;
    color: #0da296;
}

.custom-text-blue-btn {
    min-width: 125px;
}

.custom-save-btn {
    min-width: 125px;
}

.custom-cancel-btn {
    min-width: 125px;
}

.custom-rounded-border-btn {
    min-width: 125px;
}

.next-btn-arrow {
    padding-right: 35px;
}

.next-btn-arrow:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translateY(-50%);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.back-btn-arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translateY(-50%);
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

/* Custom UI Library ends here */

.preview-report-container .free-users-contact {
    font-size: 13px;
}

.preview-report-container .right-report-container {
    background: #f2f7fb;
    border-left: 1px solid #e2e2e2;
}

.preview-report-container .left-report-container {
    min-height: calc(100vh - 158px);
    max-height: calc(100vh - 158px);
    overflow-y: auto;
}

.preview-report-container .td-dropdown {
    margin-right: 5px;
}

.preview-report-container .export-btn {
    height: 31px;
    line-height: 30px;
}

.preview-report-container .free-users-info .td-dropdown {
    display: none;
}

.preview-report-container .free-users-info:hover .td-dropdown {
    display: block;
}

.preview-report-container .loadmore-block {
    margin-top: 15px !important;
}

/*Free prev report*/

/* Menu Manager */
.menu-manager {
    position: relative;
    top: 95px;
    padding: 25px;
}

.menu-manager .section-title-holder {
    background: #fff;
    padding: 5px 25px;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
    border: 0px;
    box-shadow: 0px 0px 20px #ebebeb;
}

.menu-container {
    border-radius: 4px;
    overflow: hidden;
}

.menu-manager ul.menu-wrapper {
    padding: 10px 25px !important;
    background: #fff;
    min-height: calc(100vh - 196px);
    max-height: calc(100vh - 196px);
    overflow-y: auto;
    border-radius: 4px;
}

.menu-manager .left-menu-container {
    padding-left: 0px;
    padding-right: 12px;
}

.menu-manager .right-menu-container {
    padding-left: 12px;
    padding-right: 0px;
}

.menu-manager .menu-ul>li {
    border: 0px;
    box-shadow: none;
}

.menu-manager .menu-list {
    margin: 0px;
    position: relative;
}

.menu-manager .menu-item {
    border: 1px solid #efefef;
    border-radius: 3px;
    padding: 8px 0px;
    display: flex;
    align-items: center;
    background: #fff;
}

.menu-manager .dragger-icon-holder {
    width: 38px;
    cursor: move;
    position: relative;
}

.menu-manager .dragger-icon {
    display: inline-block;
    width: 20px;
    height: 25px;
    word-break: break-word;
    line-height: 7px;
    color: #d4d4d4;
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    left: 10px;
    top: -7px;
    opacity: 1;
}

.menu-manager .menu-title {
    padding-left: 35px !important;
    font-size: 14px;
    font-weight: 500;
}

.menu-manager .menu-list-child {
    padding-left: 35px;
    /*margin-bottom: 15px;*/
    margin-bottom: 0;
}

.menu-manager .border-blue {
    border-left: 4px solid #01acf1 !important;
}

.menu-manager .border-orange {
    border-left: 4px solid #f36621 !important;
}

.menu-manager .border-red {
    border-left: 4px solid #f11b27 !important;
}

.menu-manager .border-green {
    border-left: 4px solid #8ec63f !important;
}

.menu-manager .border-pink {
    border-left: 4px solid #f06eac !important;
}

.menu-manager .border-darkblue {
    border-left: 4px solid #448cc7 !important;
}

.menu-manager .menu-list-child .menu-list {
    margin: 7px 0px !important;
}

.menu-manager .section-highlight {
    height: 41px !important;
    margin-bottom: 7px !important;
}

.menu-manager .menu-list-child .menu-list:last-child {
    margin-bottom: 15px !important;
}

.menu-manager .menu-list-child {
    min-height: 6px !important;
}

/* Menu Manager */

/* Information Popup & Toaster starts here */
.information-settings {
    top: 125px !important;
}

.notification-manager .preview-wrapper {
    background-image: linear-gradient(135deg,
            #ffffff 36.36%,
            #f2f2f2 36.36%,
            #f2f2f2 50%,
            #ffffff 50%,
            #ffffff 86.36%,
            #f2f2f2 86.36%,
            #f2f2f2 100%);
    background-size: 15.56px 15.56px;
    width: 100%;
    height: calc(100vh - 202px);
    border-radius: 8px;
    position: relative;
    border: 1px solid #e5e6e8;
}

.notification-manager .preview-wrapper .prev-home-screen {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    width: 93%;
    max-width: 93%;
}

.notification-manager .preview-wrapper .prev-home-screen-image {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 25%;
    z-index: 9;
    width: 93%;
    max-width: 93%;
    height: 100%;
    filter: brightness(0.5);
}

.notification-manager .redactor-styles {
    min-height: 140px !important;
    max-height: 140px !important;
}

/* Top notitfication on header */
.notification-manager .top-notification-slider {
    display: flex;
    align-items: center;
    background: #4f4f6b;
    padding: 5px 10px;
    font-size: 10px;
    min-height: 40px;
    right: 0px;
    left: 0px;
    pointer-events: none;
}

.notification-manager .top-notification-slider .slide {
    display: none;
    width: calc(100% - 30px);
    opacity: 0;
    transition: 0.6s ease opacity;
    word-break: break-word;
}

.notification-manager .top-notification-slider .slide p {
    margin: 0px !important;
    font-size: 7px;
    font-weight: 500;
    color: #fff;
}

.notification-manager .top-notification-slider .slide * {
    color: #fff;
}

.notification-manager .top-notification-slider .showing {
    display: inline-block;
    opacity: 1;
    color: #fff;
}

.notification-manager .top-notification-slider .close {
    margin-left: 10px;
    color: #fff;
    opacity: 1;
    font-size: 20px;
    font-weight: 200;
}

.notification-manager .top-notification-slider a {
    color: #f7bf00;
}

/* Top notitfication on header ends here */

/* Information popup on modal */
.notification-manager .preview-wrapper .information-modal {
    position: absolute;
    pointer-events: none;
    top: 0%;
}

.notification-manager .preview-wrapper .information-modal .modal-dialog {
    max-width: 260px;
    top: 0%;
    transform: translateY(10%) !important;
}

.notification-manager .preview-wrapper .information-modal .modal-content {
    background: #fff;
    border-radius: 6px;
}

.notification-manager .preview-wrapper .information-modal .modal-header {
    border: 0px;
}

.notification-manager .preview-wrapper .information-modal .modal-body {
    font-size: 10px;
    font-weight: 500;
    padding: 20px 20px;
    background: url(../themes/ofabee/images/popup_asset.png);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 175px -10px;
}

.notification-manager .preview-wrapper .information-modal .close-btn-orange {
    background: #faa130;
    color: #fff;
    padding: 2px 14px;
    border-radius: 5px;
    font-size: 9px;
    min-width: auto;
}

.notification-manager .preview-wrapper .information-modal .close {
    color: #131313;
    font-size: 22px;
    font-weight: 400;
    position: absolute;
    top: 5px;
    right: 10px;
}

.notification-manager .preview-wrapper .information-modal .close:hover {
    color: #afafaf;
    font-size: 38px;
    font-weight: 300;
}

.notification-manager .preview-wrapper .close-btn-holder {
    padding: 15px 0px 0px 0px;
}

/* Information popup on modal ends */

/* Information Popup & Toaster ends here */

/* Bundle Settings */
.manage-bundle-wrapper .manage-bundle {
    background: #fff;
    border: 1px solid #ebebed;
    border-radius: 6px;
    margin-bottom: 15px;
}

.manage-bundle-wrapper .bundle-validity {
    background: #fff;
    padding: 20px;
    border: 1px solid #ebebed;
    border-radius: 6px;
    margin-bottom: 15px;
}

.manage-bundle-wrapper .bundle-pricing {
    background: #fff;
    padding: 20px;
    border: 1px solid #ebebed;
    border-radius: 6px;
    margin-bottom: 15px;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs {
    border-bottom: 0px;
    box-shadow: 0px 0px 30px #f3f3f3;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs li a {
    color: #bbbbbb;
    padding: 0px 10px;
    font-weight: 500;
    margin: 0px;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs li {
    padding: 10px 0px;
    margin: 0 10px;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs li.active {
    border-bottom: 2px solid #0171bb;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs li.active a {
    color: #444;
}

.manage-bundle-wrapper .manage-bundle .tab-content {
    padding: 15px 20px;
}

.strong-title {
    font-weight: 500;
    font-size: 14px;
}

.manage-bundle-wrapper .remove-bundle-item {
    font-size: 28px;
    font-weight: 400;
    color: #fb5d5d;
    line-height: 16px;
    cursor: pointer;
    display: none;
}

.manage-bundle-wrapper .bundle-item-row {
    border-top: 1px solid #f6f6f6;
    padding: 12px 0px;
}

.manage-bundle-wrapper .bundle-item-row:first-child {
    border-top: 1px solid #fff;
}

.manage-bundle-wrapper .bundle-item-row:hover .remove-bundle-item {
    display: block;
}

.manage-bundle-wrapper .status-holder {
    width: 25%;
    min-width: 25%;
}

.manage-bundle-wrapper .bundle-name {
    margin-left: 15px;
}

.manage-bundle-wrapper .validity-holder {
    display: flex;
    align-items: center;
    min-height: 43px;
    padding-top: 5px;
}

.manage-bundle-wrapper .pricing-column-right {
    padding-left: 15px;
    padding-right: 0px;
}

.manage-bundle-wrapper #tax-table {
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px;
    padding: 0px;
}

.manage-bundle-wrapper .billing-table {
    width: calc(100% - 30px);
    margin: 0 auto;
}

.manage-bundle-wrapper #tax-table table td {
    border: 0px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 13px;
    padding: 11px 0px;
    color: #616d7b;
}

.manage-bundle-wrapper #tax-table table tr:last-child td {
    border-bottom: 0px;
}

.manage-bundle-wrapper .bundle-total-row {
    padding: 10px 15px;
    background: #f8f8f8;
}

.manage-bundle-wrapper .validityby-date {
    padding-left: 15px;
}

.manage-bundle-wrapper .pricing-column-right {
    padding-left: 15px;
}

.manage-bundle-wrapper .pricing-column-left {
    padding-right: 15px;
    padding-left: 0px;
}

.manage-bundle-wrapper .add-item-btn {
    color: #0a9dbf !important;
}

.manage-bundle-wrapper .course-image-preview:hover .btn-green {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.manage-bundle-wrapper .pricing-option {
    margin-bottom: 15px;
}

.manage-bundle-wrapper .settings-logo {
    height: 205px;
    position: relative;
    overflow: hidden;
}

.manage-bundle-wrapper .img-chng {
    border-radius: 5px;
}

.manage-bundle-wrapper .course-image-preview img {
    width: 100%;
    height: 100%;
}

.manage-bundle-wrapper .course-settings-title {
    display: flex;
    align-items: baseline;
}

.manage-bundle-wrapper .course-settings-title.edit .bundle-title-preview {
    display: none;
}

.manage-bundle-wrapper .course-settings-title.edit .bundle-title-edit {
    display: none;
}

.manage-bundle-wrapper .course-settings-title.edit .bundle-title-input {
    display: inline-block;
}

.manage-bundle-wrapper .bundle-title-input {
    display: none;
}

.manage-bundle-wrapper .bundle-title-edit {
    font-size: 13px;
    font-weight: 500;
    color: #02b9fb;
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}

.manage-bundle-wrapper .bundle-title-preview {
    font-size: 22px;
    max-width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manage-bundle-wrapper .category-list {
    flex-wrap: wrap;
}

.manage-bundle-wrapper .category-list .category-item {
    font-size: 13px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 3px 3px 3px 15px;
    border-radius: 16px;
    margin: 0px 5px 5px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.manage-bundle-wrapper .more-category-item {
    font-size: 13px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 3px 10px 3px 10px;
    border-radius: 16px;
    margin: 0px 5px 5px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.manage-bundle-wrapper .add-category-item {
    font-size: 13px;
    background: #8f8f8f;
    color: #fff;
    border: 1px solid #8f8f8f;
    padding: 3px 15px;
    border-radius: 16px;
    margin: 0px 5px 5px 0px;
    cursor: pointer;
}

.manage-bundle-wrapper .category-rmv {
    background: #ababab;
    color: #fff;
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    line-height: 18px;
    margin-left: 5px;
    cursor: pointer;
}

.manage-bundle-wrapper .tax-column {
    margin-top: 15px;
}

.bundle-image-info {
    font-size: 12px;
    color: #7d7d7d;
    margin-top: 12px;
    display: inline-block;
}

/* Bundle Settings ends */

/* Course Settings ends */
.course-setting-col {
    background: #fff;
    padding: 20px;
    border: 1px solid #ebebed;
    border-radius: 6px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.course-setting-grid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    margin: 0 -15px;
}

.course-settings-tab .nav-tabs {
    border-bottom: 0px;
    box-shadow: 0px 0px 30px #f3f3f3;
}

.course-settings-tab .nav-tabs li a {
    color: #bbbbbb;
    padding: 0px 10px;
    font-weight: 500;
    margin: 0px;
}

.course-settings-tab .nav-tabs li {
    padding: 10px 0px;
    margin: 0 10px;
}

.course-settings-tab .nav-tabs li.active {
    border-bottom: 2px solid #0171bb;
}

.course-settings-tab .nav-tabs li.active a {
    color: #444;
}

.course-settings-tab .tab-content {
    padding: 15px 20px;
}

.add-new-information {
    display: inline-block;
    padding: 2px 11px;
    background: #0bb8a9;
    color: #fff;
    border: 0 !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: 23px;
}

.course-tab-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -20px -20px 20px -20px;
    padding: 8px 20px;
    background: #fff;
    box-shadow: 0px 0px 30px #f3f3f3;
}

/* Course Settings ends */

/* Coupon Code starts here */
.promocode-listing-row .promo-align {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}

.promocode-listing-row .coupon {
    border: 2px dashed #888;
    padding: 2px 10px;
    background: #ecf9d7;
    margin-left: 15px;
    position: relative;
    overflow: unset;
}

.promocode-listing-row .promo-align input {
    top: -5px;
}

.promocode-listing-row .expired-coupon {
    background: #fff0fd;
}

.promocode-listing-row .coupon a {
    font-weight: 500;
    color: #6d6d6d;
}

.promocode-listing-row .dropdown-tigger {
    padding: 7px 3px;
}

.instruction-sidebar {
    position: absolute;
    top: 45px;
    left: 0px;
    right: 0px;
}

.instruction-sidebar .test-listings {
    width: 90%;
    margin: 0 auto;
}

/* Coupon Code ends here */

/* Custom Tooltip */
.coupon:hover .custom-tooltip {
    display: block;
}

.custom-tooltip {
    background: #444;
    color: #fff;
    padding: 8px 15px;
    position: absolute;
    top: -45px;
    left: 0px;
    right: 0px;
    min-width: 142px;
    z-index: 999999;
    display: none;
}

.custom-tooltip:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #444;
    bottom: -4px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    transform: rotate(45deg);
}

/* Custom Tooltip ends */

#review .dropdown-tigger {
    padding: 7px 3px !important;
}

/* Review UI starts here */
.review-wrapper .icon-wrap-round {
    width: 45px;
    min-width: 45px;
    height: 45px;
}

.review-wrapper .icon-wrap-round img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.review-wrapper .reviewer-info {
    padding: 0px 0px 0px 5px;
}

.review-wrapper .date {
    font-size: 13px;
    color: #949494;
    padding-top: 4px;
}

.anouncement-content .review-wrapper .redactor-editor {
    padding: 20px 0px 0px 0px !important;
    word-break: break-word;
}

.review-wrapper .warning-icon {
    background: #fbb06f;
    color: #fff;
    font-weight: 800;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
    margin-right: 5px;
}

.review-wrapper .Inactive-section {
    font-style: normal;
}

.review-wrapper .active-section {
    font-style: normal;
}

.review-wrapper .star-ratings-sprite {
    height: 15px !important;
}

.review-wrapper .review-actions {
    padding: 15px 0px 10px 0px;
    min-height: 45px;
}

.review-wrapper .reply-btn {
    color: #57ba56;
}

.review-wrapper .reply-writer {
    width: calc(100% - 50px);
    margin-left: auto;
}

.review-wrapper .reply-writer textarea {
    margin-top: 6px;
    resize: none;
}

.review-wrapper .admin-reply-container {
    padding: 20px 0px 0px 0px;
}

.review-wrapper .admin-reply-preview {
    padding: 0px 0px 0px 60px;
}

.review-wrapper .panel-body {
    padding: 20px;
}

.review-wrapper .edit-review {
    color: #06a6b9;
}

.review-wrapper .edit-review:hover {
    color: #05606b;
}

.review-wrapper .edit-review .icon-pencil {
    font-size: 11px;
}

.review-wrapper .anouncement-content .redactor-editor {
    padding: 20px 100px 0px 0px !important;
    word-break: break-word;
}

.review-wrapper .admin-reply-preview .anouncement-holder {
    width: 87%;
}

.review-actions.hide-review-actions .publish-ignore {
    display: none;
}

.review-actions .reply-btn-holder {
    display: none;
}

.review-actions.hide-review-actions .reply-btn-holder {
    display: block;
}

/* Review UI ends here */

.bundle-bulk-action .dropdown-tigger {
    background: unset;
    border: unset;
}

.bundle-bulk-action .dropdown-menu {
    width: 150px;
    left: -40%;
}

.bundle-bulk-action .dropdown-menu li a {
    padding: 5px 15px !important;
}

#add-users-course .label-success {
    min-width: 63px;
}

.bundleenroll-notes {
    margin-top: 20px;
}

.bundleenroll-notes .bundleenroll-title {
    font-size: 16px;
    font-weight: 500;
}

.bundleenroll-notes p {
    font-size: 13px;
}

.course-card-placeholder {
    width: 366px;
    height: 205px;
    overflow: hidden;
    position: relative;
}

.course-card-placeholder {
    width: 366px;
    height: 205px;
}

/*Sales management starts here*/
.sales-manage-wrapper {
    padding: 15px 30px;
}

.sales-manage-list {
    counter-reset: section;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 2px 0px #ccc;
}

.sales-manage-list li:before {
    counter-increment: section;
    content: counters(section, ".") " ";
    position: absolute;
    top: 21px;
    font-size: 10px;
    font-weight: 500;
}

.sales-manage-list li {
    background: #fff;
    padding: 14px 15px;
    position: relative;
    border-bottom: 1px solid #f6f6f6;
}

.sales-manage-wrapper .course-title {
    margin-left: 20px;
}

.sales-manage-wrapper .course-title-icon {
    background: url("../images/course-caps.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px -26px;
    width: 28px;
    height: 25px;
    margin-right: 15px;
}

.course-type-column {
    min-width: 12%;
    text-align: center;
}

.sales-manage-wrapper .course-type {
    font-size: 11px;
    color: #fff;
    background: #27e1b2;
    border-radius: 4px;
    padding: 5px 12px;
    line-height: 12px;
    display: inline-block;
    visibility: hidden;
}

.sales-manage-list .course-pricing-column {
    min-width: 22%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sales-manage-wrapper .course-name {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    min-width: 300px;
    max-width: 300px;
    margin-right: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
}

.sales-manage-wrapper .selling-price {
    font-size: 16px;
    font-weight: 700;
    color: #444;
    min-width: 60px;
    margin-right: 15px;
}

.sales-manage-wrapper .mrp {
    font-size: 14px;
    font-weight: 500;
    color: #9f9f9f;
    margin-right: 15px;
    min-width: 60px;
    /* visibility: hidden; */
}

.sales-manage-wrapper .mrp-amount {
    text-decoration: line-through;
    text-decoration-color: #eb0000;
}

.discount-tag-column {
    min-width: 70px;
}

.sales-manage-wrapper .discount-tag {
    font-size: 10px;
    font-weight: 500;
    background: orange;
    color: #fff;
    line-height: 12px;
    padding: 1px 4px;
    border-radius: 3px;
    text-transform: uppercase;
    max-width: 55px;
    text-align: center;
    /* visibility: hidden; */
}

.sales-manage-wrapper .drag {
    position: relative;
    min-width: 120px;
}

.sales-manage-wrapper .drag .drag-icon {
    display: inline-block;
    width: 20px;
    height: 25px;
    word-break: break-word;
    line-height: 7px;
    color: #d4d4d4;
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    left: -15px;
    top: -18px;
    opacity: 1;
    cursor: move;
}

.sales-manage-wrapper .drag .drag-icon:hover {
    color: #64277d;
}

.sales-manage-wrapper .popularity-holder {
    min-width: 9%;
}

.sales-manage-wrapper .popularity {
    font-size: 13px;
    font-weight: 500;
    color: #676767;
    margin-right: 60px;
}

.sales-manage-wrapper .featured-holder {
    min-width: 9%;
}

.sales-manage-wrapper .featured {
    font-size: 13px;
    font-weight: 500;
    color: #676767;
    margin-right: 40px;
}

.sales-manage-wrapper .rupee-unicode {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
}

.sales-manage-wrapper .arrange {
    display: flex;
    flex-direction: column;
    min-width: 5%;
    text-align: left;
}

.sales-manage-wrapper .arrange .up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #cecece;
    margin-bottom: 7px;
    cursor: pointer;
}

.sales-manage-wrapper .arrange .up:hover {
    border-bottom: 7px solid #64277d;
}

.sales-manage-wrapper .arrange .down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #cecece;
    cursor: pointer;
}

.sales-manage-wrapper .arrange .down:hover {
    border-top: 7px solid #64277d;
}

.sales-manage-wrapper .review-wrapper .star-ratings-sprite {
    height: 15px !important;
}

.sales-manage-wrapper .star-ratings-sprite {
    background: url(../themes/ofabee/img/star-rating-sprite.png) repeat-x;
    font-size: 0;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 80px;
    display: inline-block;
}

.sales-manage-wrapper .star-ratings-sprite-rating {
    background: url(../themes/ofabee/img/star-rating-sprite.png) 0 106% repeat-x;
    float: left;
    height: 16px;
    display: block;
}

.sales-manage-wrapper .custom-checker {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sales-manage-wrapper .custom-checker input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sales-manage-wrapper .checkmark {
    position: absolute;
    top: -8px;
    left: -8px;
    height: 15px;
    width: 15px;
    border-radius: 4px;
    background-color: #fff;
}

.sales-manage-wrapper .custom-checker input:checked~.checkmark {
    border: 2px solid #ccc;
    border-radius: 4px;
}

.sales-manage-wrapper .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sales-manage-wrapper .custom-checker input:checked~.checkmark:after {
    display: block;
}

.sales-manage-wrapper .custom-checker .checkmark:after {
    left: 4px;
    top: 0px;
    width: 4px;
    height: 9px;
    border: solid #1eabdf;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sales-manage-wrapper .custom-checker .checkbox-title {
    position: absolute;
    left: 20px;
}

.sales-manage-wrapper .sales-manage-list li.bundle .course-title-icon {
    background-position: 0px -1px;
}

.sales-manage-wrapper .sales-manage-list li.bundle .course-type {
    visibility: visible;
}

.sales-manage-wrapper .sales-manage-list li.bundle .mrp {
    visibility: visible;
}

.sales-manage-wrapper .sales-manage-list li.bundle .discount-tag {
    visibility: visible;
}

.sales-manage-list li.ui-sortable-helper {
    border: 2px dashed #8fb11c8f;
}

.suggestion {
    width: 92.4%;
    background-color: white;
    border: 1px solid #c7c9ca;
    border-radius: 0px 0px 4px 4px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px #ccc;
}

.suggestion>#suggestion-list {
    max-height: 155px;
    overflow-y: auto;
}

#suggestion-list>li {
    padding: 10px 15px;
    /* border-bottom: 1px solid #f3f3f3; */
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    position: relative;
}

.sales-manage-list li.active {
    background: #ebeffb;
}

#suggestion-list>li:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 0px;
    width: 95%;
    height: 1px;
    background: #f3f3f3;
    margin: 0 auto;
}

#suggestion-list>li:hover {
    background: #f5f5f5;
}

/*Sales management ends here*/

/*Section Image uploader*/
.section-create-wrapper {
    margin: 0 auto;
    width: 200px;
    height: 120px;
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.section-card-container {
    margin: 0 auto;
    width: 200px;
    height: 120px;

    overflow: hidden;
}

.section-card-container .section-card {
    height: 120px;
    width: 200px;
    position: relative;
}

.section-card-container .section-img-upload-btn {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    left: 0px !important;
    right: 0px;
    margin: 0 auto;
    cursor: pointer;
    width: fit-content;
    display: none;
}

.section-card:hover .section-img-upload-btn {
    display: block;
}

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

.section-card-container .section-card .fileinput {
    position: absolute;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 120px;
    opacity: 0;
}

/* Import Lecture modal */
#import_section_list>li {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#import_section_list .lectr-deep-innr {
    display: flex;
    align-items: center;
}

#import_section_list ul .lectr-deep-innr {
    padding: 10px 10px 0px 10px;
}

#import_section_list ul .lectr-deep-innr label .course-icon {
    margin-right: 10px;
}

.evaluate-btn {
    display: inline-block;
    background: #ff6319;
    color: #fff !important;
    padding: 2px 8px;
    border-radius: 4px;
    min-width: 80px;
}

.evaluate-btn:hover {
    background: #e04003;
}

.evaluated-btn {
    display: inline-block;
    background: #57ba56;
    color: #fff !important;
    padding: 2px 8px;
    border-radius: 4px;
    min-width: 80px;
}

.evaluated-btn:hover {
    background: #479c46;
}

#category_manage_wrapper .drager {
    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#category_manage_wrapper .dragging .drager-icon {
    color: #64277d;
    font-size: 18px;
    font-weight: 400;
    width: 15px;
    word-break: break-word;
    line-height: 5px;
    margin-top: -10px;
}

#category_manage_wrapper .dragging.select .drager-icon {
    color: #fff;
}

.no-match-users-group {
    font-size: 18px;
    font-weight: 500;
    color: #ccc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    text-align: center;
}

.no-content-text {
    font-size: 16px;
    font-weight: 500;
    color: #a0a0a0;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.course-content-status {
    padding: 10px;
}

.course-content-status:hover {
    background: #64277d1c;
    cursor: pointer;
}

/* Profile view UI fix */
.profile-info-row {
    display: flex;
    align-items: center;
}

/* .profile-info-row span {
 width: 50%;
 min-width: 50%;
} */
/* please use separate class for above css, (conflicted css) */

.col-40 {
    width: 40% !important;
    min-width: 40% !important;
}

.col-50 {
    width: 50% !important;
    min-width: 50% !important;
}

.col-60 {
    width: 60% !important;
    min-width: 60% !important;
}

#report_date_start {
    width: 100%;
    background: unset;
    border: 0px;
    box-shadow: none;
}

#report_date_end {
    width: 100%;
    background: unset;
    border: 0px;
    box-shadow: none;
}

.question-error-info {
    margin: 20px 0px;
    padding: 20px;
    border: 2px dashed #d652524a;
}

.question-error-info ul li {
    list-style-type: disc !important;
    list-style-position: inside;
    color: #d65252;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.question-error-info ul li:last-child {
    margin-bottom: 0px;
}

.remove_banner,
.remove_web_banner {
    position: absolute;
    left: 18px;
    top: 18px;
    z-index: 999;
    font-size: 21px;
    background: #f44336;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 0px 2px 2px #00000029;
    display: none;
}

.banner-list li:hover .remove_banner,
.banner-list li:hover .remove_web_banner {
    display: block;
}

/* Advanced search */
.advanced-search {
    position: relative;
    width: 345px;
}

.advanced-search-toggle {
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.adv-search-input {
    border-right: 0 !important;
    padding: 10px 0px 10px 15px;
}

.adv-search-input .icon-search {
    font-size: 13px;
    margin-bottom: 7px;
    color: #6d6d6d;
}

.advanced-search-menu {
    width: 310px;
    min-width: auto;
    overflow-y: auto;
    margin: 0;
    padding: 15px;
    border: none;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0px 3px 4px 0px #bbbbbb;
    position: absolute;
    background: #ffffff;
    left: 0px;
    right: 0px;
    top: 44px;
    z-index: 9;
}

.advanced-search-menu .add-tags {
    display: flex;
    align-items: start;
    margin: 0px 0px 25px 0px;
}

.advanced-search-menu .filter-match-all {
    display: inline-flex;
    align-items: center;
}

.advanced-search-menu .filter-match-any {
    display: inline-flex;
    align-items: center;
    margin-left: 30px;
}

.advanced-search-menu li label {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    padding: 0px !important;
}

.advanced-search-menu li label input {
    margin: 0px;
    margin-right: 10px;
}

.advanced-search-menu .advanced-search-btn {
    margin: 30px 0px 5px 0px;
    padding: 7px 20px;
    height: auto;
    line-height: 14px;
    font-size: 12px;
    min-width: auto;
}

.adv-search-trigger {
    cursor: pointer;
    padding: 10px;
}

.adv-search-trigger.active {
    transform: rotate(180deg);
}

.add-tag-title {
    font-size: 14px;
    font-weight: 400;
}

.advanced-search-menu .tag-input-area {
    height: 22px;
}

/* Student Profile Dashboard starts here */
.student-profile-dashboard {
    width: calc(100% - 66px);
    height: calc(100% - 80px);
    background: #f4f4f4;
    position: relative;
    top: 80px;
    left: 66px;
}

.student-profile-dashboard .student-profile-info {
    background: #fff;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.student-profile-dashboard .student-avatar {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    position: relative;
}

.student-profile-dashboard .student-avatar:hover .student-avatar-uploader {
    opacity: 1;
}

.student-profile-dashboard .student-avatar:hover .student-avatar-uploader-icon {
    opacity: 1;
}

.student-profile-dashboard .student-avatar-uploader {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    opacity: 0;
    transition: 0.4s ease opacity;
}

.student-profile-dashboard .student-avatar-uploader input {
    display: none;
}

.student-profile-dashboard .student-avatar-uploader-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    transition: 0.4s ease opacity;
}

.student-profile-dashboard .student-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.student-profile-dashboard .student-info {
    margin-left: 35px;
}

.student-profile-dashboard .student-info .stud-name {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
}

.student-profile-dashboard .student-info .stud-email,
.stud-mobile,
.stud-status {
    font-size: 14px;
    font-weight: 400;
    color: #717171;
    margin-bottom: 3px;
}

.student-profile-info .student-actions .dropdown-toggle {
    background: #04baa3;
    color: #fff;
    border-radius: 22px;
    font-size: 10px;
    font-weight: 500;
    box-shadow: none;
    border: 0px;
}

.student-profile-info .student-actions .dropdown-toggle:focus {
    background: #04baa3;
    color: #fff;
}

.student-profile-info .student-actions .dropdown-menu {
    right: 0px;
    left: auto;
    margin: 0px;
    border-radius: 6px;
    border: 0;
    background: #fff;
    box-shadow: 0px 0px 2px 2px #efefef;
    padding: 0px;
    overflow: hidden;
}

.student-profile-dashboard .student-courses-tab {}

.student-profile-dashboard .student-courses-tab-nav {
    background: #fff;
    border-top: 1px solid #e4e4e4;
}

.student-profile-dashboard .nav-tabs {
    border-color: transparent;
}

.student-profile-dashboard .nav-tabs li a {
    font-size: 14px;
    font-weight: 500;
    padding: 12px 22px;
    color: #b5b5b5;
    margin-left: 3px;
    border-bottom: 2px solid #fff;
}

.student-profile-dashboard .nav-tabs li.active a {
    border-bottom: 2px solid #03baa6;
    color: #4e4e4e;
}

.student-profile-dashboard .student-courses-tab-content {
    padding: 20px;
}

.student-profile-dashboard .student-course-row {
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0px 0px 1px 1px #eee;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.student-profile-dashboard .user-course-card {
    width: 125px;
    min-width: 125px;
    height: 70px;
    background: aquamarine;
}

.student-profile-dashboard .user-course-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.student-profile-dashboard .user-course-progress {
    min-width: 315px;
}

.student-profile-dashboard #bundles .user-course-progress {
    justify-content: center;
}

.student-profile-dashboard .user-course-progress .progress {
    min-width: 180px;
    height: 6px;
    background: #ececec;
    border: none;
}

.student-profile-dashboard .user-course-progress .progress .progress-bar {
    width: 47%;
    background-color: #419941;
}

.student-profile-dashboard .user-course-progress .progress-precentage {
    margin-left: 30px;
    color: #929292;
    font-size: 13px;
}

.student-profile-dashboard .user-course-info {
    font-size: 15px;
    font-weight: 500;
    color: #6d6d6d;
    margin-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
    margin-right: 50px;
}

.student-profile-dashboard .user-course-info a {
    color: #6d6d6d;
}

.student-profile-dashboard .user-course-validity {
    font-size: 13px;
    font-weight: 400;
    color: #929292;
    margin-left: 5px;
}

.student-profile-dashboard .user-course-validity span {
    padding: 2px 0px;
    display: inline-block;
    margin-top: 6px;
    min-width: 170px;
}

.student-profile-dashboard .user-course-validity span:first-of-type {
    border-right: 1px solid #dcdada;
    padding-right: 25px;
    margin-right: 25px;
}

.student-profile-dashboard .user-course-status {
    background: #fe394b;
    color: #fff;
    padding: 0px 15px;
    border-radius: 22px;
    font-size: 11px;
    line-height: 18px;
    display: inline-block;
    margin-right: -15px;
}

.student-profile-dashboard .user-course-status.active {
    background: #34d1b8;
}

.student-profile-dashboard .user-course-actions .dropdown-toggle {
    font-size: 28px;
    color: #bbbbbb;
    letter-spacing: -1px;
    width: 20px;
    height: 20px;
    line-height: 12px;
    position: relative;
    top: -5px;
}

.student-profile-dashboard .user-course-actions .dropdown-menu {
    right: 0px;
    left: auto;
    margin: 0px;
    border-radius: 6px;
    border: 0;
    background: #fff;
    box-shadow: 0px 0px 2px 2px #efefef;
    padding: 0px;
    overflow: hidden;
}

.student-profile-dashboard .parent-bundle {
    border-radius: 0px;
}

.student-profile-dashboard .parent-bundle .user-course-card {
    width: 65px;
    min-width: 65px;
    height: 35px;
}

.student-profile-dashboard .parent-bundle .user-course-validity span {
    margin-top: 0px;
}

.student-profile-dashboard .parent-bundle .user-course-actions {
    min-width: 81px;
    padding-right: 0px;
}

.student-profile-dashboard .parent-bundle .user-course-status {
    margin-right: 0px;
}

.bundle-back-arrow {
    margin: 0px 20px;
}

/* Student Profile Dashboard ends here */

/* Preview as User btn */
.course-head-row {
    border-bottom: 1px solid #a7aaae;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.course-head-row h4 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: -10px !important;
}

/* Preview as User Popup settings - 03-03-2020 */
.preview-as-user-modal {
    padding: 0px !important;
    z-index: 9999999;
}

.preview-as-user-modal .modal-dialog {
    width: 100%;
    margin: 0 auto;
}

.preview-as-user-modal .modal-title {
    text-transform: none;
    font-weight: 400;
}

.preview-as-user-modal .modal-header {
    height: 50px;
}

.preview-as-user-modal .modal-body {
    padding: 0px;
    min-height: calc(100vh - 50px);
    max-height: calc(100vh - 50px);
}

.preview-as-user-modal iframe {
    border: 0px;
    width: 100%;
    display: block;
    height: 100%;
    min-height: inherit;
}

.preview-as-user-modal .user-iframe-holder {
    min-height: inherit;
}

.preview-as-user-modal.mobile-view .modal-body {
    background-image: url("../images/iphone-mock.png");
    background-size: 320px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    background-color: #0e0e0e;
}

.preview-as-user-modal.mobile-view .user-iframe-holder {
    width: 360px;
    min-height: inherit;
    height: 640px;
    max-height: 640px;
    margin: 0 auto;
    transform: scale(0.625);
}

.mob-icon {
    cursor: pointer;
}

.desktop-icon {
    cursor: pointer;
}

.preview-as-user-modal.mobile-view iframe {
    min-height: inherit;
}

.preview-as-user-modal.mobile-view .mob-icon svg {
    fill: #82f3ae !important;
}

.preview-as-user-modal.mobile-view .desktop-icon svg {
    fill: #f3f3f3 !important;
}

.custom-close {
    font-size: 36px;
    font-weight: 400 !important;
    color: #fff !important;
    opacity: 1 !important;
    line-height: 28px !important;
    margin-top: -6px !important;
    position: unset !important;
}

/* Content Dripping starts here */
.content-dripping-wrapper {
    padding: 20px;
    background: #fff;
}

.content-dripping-title {
    color: #6f6f6f;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
}

.content-dripping-info {
    color: #808080;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 25px;
}

.cd-input input {
    height: 30px;
    width: 50px;
    font-weight: 400;
}

.bulder-content.cd-value .cd-input input {
    background: unset;
    border: 0px;
    box-shadow: none;
    cursor: default;
    pointer-events: none;
}

.custom-toggle-btn {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 18px;
}

.custom-toggle-btn input {
    opacity: 0;
    width: 0;
    height: 0;
}

.custom-toggle-icon {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.custom-toggle-icon:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.custom-toggle-btn input:checked+.custom-toggle-icon {
    background-color: #2196f3;
}

.custom-toggle-btn input:focus+.custom-toggle-icon {
    box-shadow: 0 0 1px #2196f3;
}

.custom-toggle-btn input:checked+.custom-toggle-icon:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}

.custom-toggle-icon.round {
    border-radius: 34px;
}

.custom-toggle-icon.round:before {
    border-radius: 50%;
}

.lecture-option-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.beta-tag {
    min-width: 38px;
    font-size: 10px !important;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    padding: 4px 11px !important;
}

.availability-input {
    font-size: 12px;
    font-weight: 500;
    margin-right: 30px;
}

.availability-content-input {
    margin-right: 30px;
}

/* Content Dripping ends here */

/* Support MOdule starts here */
.module_support {
    height: 450px;
    box-sizing: border-box;
    padding: 46px;
    display: none;
}

.support-block {
    height: calc(100vh - 95px);
}

.create-lc-left-column {
    padding: 70px 70px 25px 70px;
}

.create-lc-block {
    padding-right: 80px;
}

.create-lc-caption {
    font-size: 23px;
    font-weight: 700;
    color: #444;
    margin-bottom: 20px;
}

.create-lc-para {
    margin-bottom: 15px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.create-lc-btnblk {
    margin: 30px 0px;
}

.btn-lc-support {
    font-size: 11px !important;
    text-transform: uppercase;
}

.create-lc-right-column {
    padding: 30px 10px 30px 0px;
}

.lc-support-close-blk {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.lc-support-close {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.lc-support-close::before,
.lc-support-close::after {
    position: absolute;
    left: 50%;
    content: " ";
    height: 22px;
    width: 2px;
    top: 35%;
    border-bottom: unset;
    border-top: unset;
    background-color: #b3b3b3;
}

.lc-support-close:before {
    transform: rotate(45deg) !important;
}

.lc-support-close::after {
    transform: rotate(-45deg) !important;
}

.lc-support-video-wrapper {
    margin-right: 50px;
    height: 350px;
    margin-top: 25px;
    position: relative;
    box-shadow: 0px 0px 10px #cacaca;
    border-radius: 8px;
    overflow: hidden;
}

.lc-support-video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lc-support-playbutton {
    position: absolute;
    width: 66px;
    height: 66px;
    background-color: #ff0000;
    border: 7px solid #fff;
    box-shadow: 0px 0px 10px #cacaca;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    cursor: pointer;
}

.lc-support-no-liveclass-column {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 196px);
    background-color: #fdfdfd;
}

.lc-support-no-liveclass-iconblk {
    width: 150px;
    margin: 0px auto;
    margin-bottom: 25px;
    text-align: center;
}

.lc-support-no-liveclass-icon {
    width: 100%;
    height: 100%;
}

.lc-support-no-liveclass-caption {
    color: #444;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    white-space: pre-line;
    text-align: center;
}

.lc-nolive-btnblk {
    text-align: center;
}

.lc-videoplay {
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 20px solid #fff;
    border-radius: 4px;
    margin-left: 20px;
    margin-top: 13px;
}

.live-class-contact {
    border: 1px solid #0bb8a9;
    border-radius: 18px;
    padding: 3px 25px 3px 4px;
    color: #0bb8a9;
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    line-height: 22px;
}

.live-class-contact-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0bb8a9;
    margin-right: 10px;
}

.lc-support-no-liveclass-wrapper {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

/* Support MOdule ends here */

/* Notification Module Starts */
.filter-tag {
    background: unset;
    color: #9c9c9c !important;
    padding: 4px 26px;
    border-radius: 23px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 28px;
    line-height: 16px;
    box-shadow: none;
    text-transform: capitalize;
    min-width: unset;
    position: relative;
    overflow: unset !important;
}

.filter-tag.active {
    background: #0bb8a9;
    color: #fff !important;
}

.filter-tag:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 1px;
    height: 90%;
    top: 50% !important;
    transform: translateY(-50%);
    background: #eaeaea;
}

.filter-tag:nth-child(1):before {
    content: unset;
}

.filter-tag.active:before {
    content: unset;
}

.filter-tag+.filter-tag.active:before {
    content: unset;
}

.filter-tag.active+.filter-tag:before {
    content: unset;
}

.android-icon {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.android-icon:after {
    content: "";
    background: url("../images/android-icon.svg");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
}

.recipeint-table .android-icon {
    margin-left: 23%;
}

.ios-icon {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.ios-icon:after {
    content: "";
    background: url("../images/ios-icon.svg");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0px;
    opacity: 0.6;
}

.recipeint-table .ios-icon {
    margin-left: 23%;
}

.web-icon {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.web-icon:after {
    content: "";
    background: url("../images/web-icon.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0px;
}

.recipeint-table .web-icon {
    margin-left: 23%;
}

.notification-top-filter {
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid #eaeaea;
    position: fixed;
    left: 70px;
    right: 0px;
    z-index: 99;
    background: #fff;
}

.create-push-notify {
    display: flex !important;
    align-items: center;
    background: #0bb8a9;
    color: #fff !important;
    font-size: 14px !important;
    padding: 0px 22px 0px 6px;
    border-radius: 23px !important;
    display: flex !important;
    align-items: center;
    background: #0bb8a9;
    color: #fff !important;
    font-size: 14px !important;
    padding: 0px 22px 0px 6px;
    border-radius: 23px !important;
    font-weight: 400 !important;
    height: 28px;
    line-height: 16px;
    box-shadow: none;
    text-transform: capitalize;
    min-width: unset;
    overflow: unset !important;
}

.rounded-plus-btn {
    width: 22px;
    height: 22px;
    background: #11d0bf;
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 400;
    margin-right: 10px;
    position: relative;
    left: -3px;
}

.draft-schedule-device-type {
    display: none;
}

.pn-table-wrapper .grid-table-row {
    grid-template-columns: auto 100px 100px 150px 150px 150px;
}

.p-notify-dashboard {
    position: relative;
    top: 49px;
}

.pn-table-wrapper .scheduled-head {
    display: none;
}

.pn-table-wrapper .scheduled-data {
    display: none;
}

.pn-table-wrapper.scheduled-table .sent-head {
    display: none;
}

.pn-table-wrapper.scheduled-table .clicked-head {
    display: none;
}

.pn-table-wrapper.scheduled-table .unreachable-head {
    display: none;
}

.pn-table-wrapper.scheduled-table .sentat-head {
    display: none;
}

.pn-table-wrapper.scheduled-table .scheduled-head {
    display: none;
}

.pn-table-wrapper.scheduled-table .sent-data {
    display: none;
}

.pn-table-wrapper.scheduled-table .clicked-data {
    display: none;
}

.pn-table-wrapper.scheduled-table .unreachable-data {
    display: none;
}

.pn-table-wrapper.scheduled-table .sentat-data {
    display: none;
}

.pn-table-wrapper.scheduled-table .scheduled-data {
    display: none;
}

/* .pn-table-wrapper.scheduled-table .device-count{display: none;} */
.pn-table-wrapper.scheduled-table .scheduled-head {
    display: block;
}

.pn-table-wrapper.scheduled-table .scheduled-data {
    display: block;
}

.pn-table-wrapper.scheduled-table .grid-table-row {
    grid-template-columns: auto 200px 200px;
}

.pn-table-wrapper.scheduled-table .draft-schedule-device-type {
    display: none;
    /* margin-right: 25px;
   color: #808080; */
}

.pn-table-wrapper.draft-table .sent-head {
    display: none;
}

.pn-table-wrapper.draft-table .clicked-head {
    display: none;
}

.pn-table-wrapper.draft-table .unreachable-head {
    display: none;
}

.pn-table-wrapper.draft-table .sentat-head {
    display: none;
}

.pn-table-wrapper.draft-table .scheduled-head {
    display: none;
}

.pn-table-wrapper.draft-table .sent-data {
    display: none;
}

.pn-table-wrapper.draft-table .clicked-data {
    display: none;
}

.pn-table-wrapper.draft-table .unreachable-data {
    display: none;
}

.pn-table-wrapper.draft-table .sentat-data {
    display: none;
}

.pn-table-wrapper.draft-table .scheduled-data {
    display: none;
}

/* .pn-table-wrapper.draft-table .device-count{display: none;} */
.pn-table-wrapper.draft-table .grid-table-row {
    grid-template-columns: auto 200px;
}

.pn-table-wrapper.draft-table .draft-schedule-device-type {
    /* display: block;
   margin-right: 25px;
   color: #808080; */
    display: none;
}

.pn-table-wrapper .grid-table-data.messages-head {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pn-table-wrapper .grid-table-data.messages-head::first-letter {
    text-transform: capitalize;
}

.email-data {
    color: #5d5d5d;
}

.msg-status-row {
    margin-top: 15px;
}

.msg-status-row .device-count {
    color: #808080;
    font-weight: 400;
    margin-right: 25px;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.send-status {
    background-color: #09bf63;
    padding: 2px 16px;
    color: #ffffff;
    border-radius: 16px;
    font-weight: 400;
    font-size: 11px;
}

.scheduled-status {
    background: #f69300;
    padding: 2px 16px;
    color: #ffffff;
    border-radius: 16px;
    font-weight: 400;
    font-size: 11px;
}

.draft-status {
    background: #fe3905;
    padding: 2px 16px;
    color: #ffffff;
    border-radius: 16px;
    font-weight: 400;
    font-size: 11px;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-600 {
    font-weight: 500 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.notification-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.email-label {
    color: #828282;
}

.recipeint-table .grid-table-data .email-label {
    color: #2b2b2b;
}

td .email-label {
    color: #252525;
}

.push-msg-column {
    padding: 20px;
    background: #f8f9fb;
    margin: 0px;
}

.push-msg-column .form-control::placeholder {
    font-size: 12px !important;
    color: #b6b6b6 !important;
}

.push-msg-column textarea {
    resize: none;
}

.input-instuction {
    color: #757575;
    font-size: 13px;
    font-family: inherit;
    font-weight: 500;
}

.custom-theme-btn {
    border: 0px;
    background: #0bb8a9;
    box-shadow: none;
    color: #ffffff;
    font-size: 12px !important;
    border-radius: 4px !important;
    padding: 0px 25px;
    text-transform: capitalize;
    height: 34px;
    display: inline-flex !important;
    align-items: center;
}

.custom-theme-btn:hover {
    color: #ffffff;
}

.custom-theme-btn:focus {
    color: #ffffff;
}

.theme-blue-btn1 {
    background: #0882fd;
    color: #fff;
    font-size: 13px !important;
    font-weight: 500;
    border-radius: 6px;
    padding: 7px 17px;
    box-shadow: unset;
    text-transform: unset;
}

.theme-blue-btn1:hover,
.theme-blue-btn1:focus {
    background: #0772de;
    color: #fff !important;
}

.theme-blue-btn2 {
    background: transparent;
    border: 1px solid #0882fd;
    color: #0882fd;
    font-size: 13px !important;
    font-weight: 500;
    border-radius: 6px;
    padding: 7px 17px;
    box-shadow: unset;
    text-transform: unset;
}

.theme-blue-btn2:hover,
.theme-blue-btn2:focus {
    background: #0882fd12;
    color: #0882fd;
    border: 1px solid #0882fd;
}

.upload-plus {
    font-size: 18px !important;
    font-weight: 400;
}

.text-grey {
    color: #808080;
}

.pn-topic {
    font-size: 14px;
    font-weight: 500;
    color: #535f6d;
}

.push-wrapper-height {
    min-height: calc(100vh - 250px);
    max-height: calc(100vh - 250px);
    overflow-y: overlay;
}

.push-notification-preview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ededed;
    padding: 7px 20px;
}

.device-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0px 10px;
}

.device-icon:last-of-type {
    margin-right: 0px;
}

.device-icon svg {
    fill: #b9b9b9;
    width: 21px;
    height: 21px;
}

.device-icon.active-devive-preview svg {
    fill: #008000;
}

.device-icon.active-devive-preview {
    background: #dbdadc;
}

.pn-preview-container {
    position: fixed;
    right: 0px;
    left: calc(50% + 40px);
    bottom: 0px;
    top: 95px;
}

.pn-preview-wrapper {
    background: #e8e8e8;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: -2px 0px 6px 0px #0000000a inset;
}

.preview-device-bg {
    position: relative;
    width: 90%;
    height: 100%;
    top: 60px;
}

.pn-notfy-web-preview {
    position: absolute;
    top: 4%;
    right: 13%;
    background: #fff;
    width: 240px;
    border-radius: 3px;
    overflow: hidden;
    margin: 0px;
    box-shadow: 0px 0px 6px 6px #0000001f;
}

.pn-notfy-header {
    display: flex;
    align-items: center;
    padding: 5px;
}

.pn-header-logo {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.pn-header-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    width: calc(100% - 60px);
}

.pn-headertitle-holder {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pn-header-title {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pn-close-icon {
    font-size: 16px;
    font-weight: 500;
    color: #949494;
    line-height: 14px;
}

.pn-msg-data {
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: #828282;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.pn-notfy-body {
    padding: 7px;
}

.ntfy-domain-info {
    color: #9c9c9c;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95%;
}

.pn-settings-icon {
    font-size: 10px;
    color: #949494;
    margin-right: 5px;
}

.recipeint-table .grid-td.grid-table-row .grid-table-data:nth-child(4) {
    padding-left: 25%;
}

.recipeint-table .grid-td.grid-table-row .grid-table-data:nth-child(5) {
    padding-left: 25%;
}

/* .recipeint-table{margin-bottom: 100px;} */
.recipeint-table .grid-table-row {
    grid-template-columns: 280px 250px 230px 200px 200px;
}

.no-after-content:after {
    content: unset !important;
}

.search-pull-right {
    width: 34% !important;
    position: absolute !important;
    right: 0;
}

.search-pull-right:after {
    content: "" !important;
    position: absolute !important;
    width: 1px !important;
    background: #ececec !important;
    top: 7px !important;
    height: 30px !important;
    left: -20px !important;
    right: auto !important;
    z-index: 9;
}

.recipeint-table .grid-td:after {
    width: calc(100% - 30px);
}

.page-action-bottom {
    z-index: 999;
    background: #fff;
    height: 60px !important;
}

.notification-module .custom-input {
    height: 38px !important;
}

/* ***************** */
.web-notification-preview .ntfy-time-info {
    display: none;
}

.web-notification-preview .pn-brand-holder .ntfy-domain-info {
    display: none;
}

/* ************************ */

.android-notification-preview.preview-device-bg {
    width: 32%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 119px);
    top: 20px;
}

.android-notification-preview .pn-notfy-web-preview {
    width: 93%;
    margin: 0px auto;
    right: 0px;
    left: 0px;
    top: 29.5%;
    box-shadow: none;
}

.android-notification-preview .pn-notfy-header {
    flex-direction: column;
    align-items: baseline;
    padding: 8px;
}

.android-notification-preview .pn-notfy-body {
    padding: 8px;
    padding-top: 0px;
}

.android-notification-preview .pn-header-logo {
    width: 15px;
    min-width: 15px;
    height: 15px;
}

.android-notification-preview .pn-header-row {
    width: 100%;
}

.android-notification-preview .ntfy-domain-info {
    font-size: 11px;
}

.android-notification-preview .ntfy-time-info {
    font-size: 8px;
    font-weight: 400;
    color: #9c9c9c;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.android-notification-preview .bull-dot {
    font-size: 15px;
    font-weight: 400;
    color: #888888;
    line-height: 12px;
    margin: 0px 3px 0px 5px;
}

.android-notification-preview .pn-header-row .ntfy-domain-info {
    display: none;
}

.android-notification-preview .pn-header-title {
    font-size: 11px;
    font-weight: 500;
    margin: 7px 0px 2px 0px;
}

.android-notification-preview .pn-actions {
    display: none !important;
}

/* **************************************** */
.ios-notification-preview.preview-device-bg {
    width: 35%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 119px);
    top: unset;
}

.ios-notification-preview .pn-notfy-web-preview {
    width: 82.7%;
    margin: 0px auto;
    right: 0px;
    left: 0px;
    top: 30.5%;
    box-shadow: none;
    border-radius: 6px;
}

.ios-notification-preview .pn-notfy-header {
    flex-direction: column;
    align-items: baseline;
    padding: 0px;
}

.ios-notification-preview .pn-brand-holder {
    width: 100%;
    padding: 4px 3px;
    background: #edf2f5;
}

.ios-notification-preview .pn-notfy-body {
    display: none;
}

.ios-notification-preview .pn-header-logo {
    width: 15px;
    min-width: 15px;
    height: 15px;
}

.ios-notification-preview .pn-header-row {
    width: 100%;
    background: #e0e8eb;
    padding: 8px;
}

.ios-notification-preview .ntfy-domain-info {
    font-size: 11px;
}

.ios-notification-preview .ntfy-time-info {
    font-size: 8px;
    font-weight: 400;
    color: #9c9c9c;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    position: absolute;
    right: 5px;
    top: 6px;
}

.ios-notification-preview .bull-dot {
    display: none;
}

.ios-notification-preview .pn-header-row .ntfy-domain-info {
    display: none;
}

.ios-notification-preview .pn-header-title {
    display: none;
}

.ios-notification-preview .pn-actions {
    display: none !important;
}

.ios-notification-preview .pn-msg-data {
    padding: 2px;
    color: #444;
    -webkit-line-clamp: 4;
    font-size: 11px;
    line-height: 14px;
}

/* ******************* */

.web-preview-img {
    display: none;
}

.web-notification-preview .web-preview-img {
    display: block;
}

.android-preview-img {
    display: none;
}

.android-notification-preview .android-preview-img {
    display: block;
    opacity: 0.7;
}

.ios-preview-img {
    display: none;
}

.ios-notification-preview .ios-preview-img {
    display: block;
}

.create-pn-bottom-actions .schedule-btn {
    background: #ff9c01 !important;
    margin-right: 10px !important;
}

.create-pn-bottom-actions .schedule-btn:hover {
    background: #da8500 !important;
}

.create-pn-bottom-actions .draft-btn {
    border-color: #7e7e7e !important;
    color: #7e7e7e !important;
    margin-right: 10px !important;
}

.create-pn-bottom-actions .draft-btn:hover {
    border-color: #4e4e4e !important;
    color: #4e4e4e !important;
}

.no-pn-msg {
    background: unset;
    border: 0px;
    margin: 0 auto;
    margin-top: 13% !important;
}

.no-pn-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.no-pn-text {
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
    color: #777777;
    margin-top: 15px;
}

.pn-uploaded-list {
    display: inline-flex;
    align-items: center;
    border: 1px solid #0bb8a9;
    border-radius: 22px;
    padding: 3px 25px 3px 20px;
    font-size: 13px;
}

.pn-uploaded-name {
    color: #0a968a;
}

.pn-uploaded-close {
    font-size: 22px;
    font-weight: 200;
    cursor: pointer;
    line-height: 12px;
    position: relative;
    right: -16px;
}

.message-text-trim {
    display: inline-block;
    max-width: calc(100% - 80px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.edit-btn-push {
    background: #0bb8a9;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 12px 2px 10px;
    border-radius: 22px;
    cursor: pointer;
    display: block;
}

.edit-btn-push:hover {
    background: #11a79a;
}

.edit-btn-push .icon {
    font-size: 10px;
}

.calender-backdrop:after {
    content: "";
    background-color: rgba(255, 255, 255, 0.6);
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

/* Notification Module Ends */

/* Live schedule starts here */

/* Add Learner css starts here */
.learners-caption {
    font-size: 14px;
    font-weight: 700;
    color: #535f6d;
}

.liveclass-label {
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #717171;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.lc-course-listing {
    display: none;
    /*position: relative;
   min-height:150px;
   width:100%;
   border: 1px solid #c7c9ca;
   padding:10px 0px 0px 0px;
   background: #ffffff;
   margin-bottom:15px;
   border-radius: 3px; */
}

.course-chip-container {
    width: 277px;
    border-radius: 45px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #444;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #e6e8e7;
    margin: 7px;
    position: relative;
    cursor: pointer;
}

.course-chip-container:hover .course-chip-close {
    display: block;
}

.course-chip-wrapper {
    display: flex;
    flex-wrap: wrap;
    border-radius: 6px;
    padding: 0px 5px;
    margin-bottom: 51px;
}

.unreg-list-wrapper {
    height: 150px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.unreg-list-txtarea {
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
    border: 1px solid #c7c9ca;
    padding: 8px 12px;
    background: #ffffff;
}

.unreg-list-txtarea::placeholder {
    color: #c7c9ca;
    font-size: 12px;
    font-weight: 500;
}

.unreg-list-txtarea::-webkit-scrollbar {
    width: 5px;
}

.unreg-list-txtarea::-webkit-scrollbar-track {
    background: rgb(248, 248, 248);
    border-radius: 10px;
}

.unreg-list-txtarea::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 10px;
    cursor: pointer;
}

.unreg-list-column {
    margin-top: 8px;
}

.note-well-txt {
    font-size: 13px;
    color: #bbb1b1;
    font-weight: 500;
    margin-bottom: 10px;
}

.notify-learners-wrapper {
    margin-bottom: 15px;
}

.copy-btn {
    height: 30px;
    padding: 0px 0px 0px 20px !important;
    text-transform: uppercase;
    color: #099fde;
    font-size: 14px;
    font-weight: 700;
}

.learners-bulk-list-column {
    padding: 0px !important;
    max-height: calc(100vh - 154px);
    min-height: calc(100vh - 154px) !important;
    position: relative;
    background: #f9f9f9 !important;
    border-left: 1px solid #e6e8e7;
    position: fixed;
    right: 0px;
    top: 95px;
    width: 35%;
}

.learners-bulk-list-column .checkbox-margin {
    margin-top: -17px;
}

.learners-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #fff;
}

.learners-bulk-list-wrapper {
    border-top: 1px solid #e6e8e7;
    padding: 0px 20px;
    max-height: calc(100vh - 355px);
    overflow-y: auto;
}

.learners-bulk-list-wrapper::-webkit-scrollbar {
    width: 10px;
}

.learners-bulk-list-wrapper::-webkit-scrollbar-track {
    background: rgb(248, 248, 248);
    border-radius: 0;
}

.learners-bulk-list-wrapper::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 0;
    cursor: pointer;
}

.learners-bulk-lst-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 0px;
    position: relative;
}

.learners-email {
    color: #a2a2a2;
    font-size: 13px;
    font-style: normal;
}

.learners-bulk-lst-container::after {
    content: "";
    position: absolute;
    background-color: #e8e0e06e;
    left: 0px;
    right: 0px;
    height: 1px;
    bottom: 0px;
}

.learners-bulk-lst-container:last-child::after {
    display: none;
}

.invalid-learnerid {
    background: #ffecec;
    padding: 0px;
    margin: 0px;
    position: relative;
}

.invalid-learnerlist {
    max-height: 200px;
    overflow-y: auto;
    padding: 20px;
}

.invalid-learnerlist-close {
    position: absolute !important;
    top: 0px !important;
    right: 30px !important;
    left: auto;
    font-size: 28px;
    font-weight: 400;
    color: #444;
    opacity: 0.7;
}

.notify-info {
    background-color: #fba800;
    margin-left: 10px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 900;
    line-height: 14px;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.checkbox-margin {
    margin-top: -13px;
}

.checkmark-reducer {
    height: 15px !important;
    width: 15px !important;
    border: 1px solid #737373 !important;
    border-radius: 1px;
}

.learners-radiobtn {
    margin-top: -12px;
    padding-left: 13px;
}

.custom-radio.learners-radiobtn .checkmark:after {
    background-color: #5cb35a;
    border: 3px solid #fff;
    top: 0px;
    left: 0px;
    height: 7px;
    width: 7px;
}

.reg-learners-column {
    margin: 10px 0px 20px 0px;
}

.reg-users-input {
    display: flex;
    align-items: center;
    height: 50px !important;
    padding: 5px 12px !important;
    font-size: 13px;
    background-color: #fafbfd !important;
    color: #d1d4d8;
}

.course-list-block {
    display: none;
    margin: 5px 0;
}

.course-search-block {
    display: none;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px;
    height: 51px;
    border-top: 1px solid #cacaca;
}

.search-iconblk {
    width: 27px;
    height: 25px;
    margin-left: 20px;
}

.course-search-input {
    font-size: 13px;
    font-weight: 500;
    color: #444;
    width: 100%;
    padding: 5px 12px 5px 5px;
    border: none !important;
    outline: none !important;
}

.course-search-input::placeholder {
    font-size: 13px;
    font-weight: 500;
    color: #cacaca;
}

.course-list-container {
    display: flex;
    margin: 0px 15px;
}

.checkbox-course-search {
    margin-top: 15px;
}

.course-list-wrapper {
    max-height: 225px;
    overflow-y: auto;
    background-color: #fff;
    margin-top: -1px;
    right: 0px;
    border: 1px solid #c7c9ca;
    margin-left: -1px;
    margin-right: -1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.course-list-wrapper::-webkit-scrollbar {
    width: 5px;
}

.course-list-wrapper::-webkit-scrollbar-track {
    background: rgb(248, 248, 248);
    border-radius: 10px;
}

.course-list-wrapper::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 10px;
    cursor: pointer;
}

.course-name-block {
    position: relative;
    padding: 13px 0px;
    width: 100%;
}

.course-name-block::after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 1px;
    left: 0px;
    right: 0px;
    background-color: #f1f1f1;
}

.course-list-container:last-child .course-name-block::after {
    display: none;
}

.live-session-wrapper {
    margin-bottom: 55px;
}

.live-session-left {
    width: calc(100% - 710px);
}

.live-session-right {
    width: 710px;
}

.live-cover-upload {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    transform: translateY(-50%);
    display: none;
}

.live-cover-upload .btn {
    pointer-events: none;
}

.section-create-wrapper:hover .live-cover-upload {
    display: block;
}

.live-session-wrapper .section-card .live-cover-upload:hover .btn {
    background: #0772de;
}

.live-manage-section {
    margin-top: 75px;
    width: calc(65% - 65px);
    min-width: calc(65% - 65px);
    background: white;
    padding: 20px 20px 40px 20px !important;
    max-height: calc(100vh - 155px);
    overflow-y: auto;
}

.live-manage-section .live-manage-stud-wrapper {
    border: 1px solid #e5e5e5;
    padding: 5px;
    padding-top: 15px;
    margin-bottom: 15px;
    position: relative;
}

.live-manage-section .live-manage-stud-wrapper::before {
    content: '';
    background: #fafafa;
    width: 40%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.course-search-btn {
    background-color: #fff;
    border: unset !important;
    box-shadow: unset;
    width: 100%;
    display: flex !important;
    padding: 0px;
}

.course-search-input {
    font-size: 13px;
    font-weight: 500;
    color: #444;
    width: 100%;
    padding: 5px 12px 5px 5px;
    border: none !important;
    outline: none !important;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.course-chip-wrapper .bootstrap-tagsinput {
    padding: 0px;
    margin: 0px;
    border: 0px !important;
    height: 100% !important;
    width: 100% !important;
    min-height: 100px;
    position: relative;
    box-shadow: unset !important;
}

.course-chip-wrapper .bootstrap-tagsinput .tag {
    width: 277px;
    border-radius: 45px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #444;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #e6e8e7;
    margin: 7px;
    position: relative;
    cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    display: none;
    font-size: 16px;
    font-weight: 500;
}

.course-chip-wrapper .bootstrap-tagsinput:hover .bootstrap-tagsinput .tag [data-role="remove"] {
    display: block !important;
}

.course-chip-wrapper .bootstrap-tagsinput input {
    border: none !important;
    box-shadow: none !important;
}

.custom-add-learner-wrapper {
    position: relative;
    border: 2px solid #ebebeb;
    border-radius: 6px;
    overflow: hidden;
}

.custom-add-learner-wrapper .filter {
    position: relative;
    height: 51px;
    padding: 10px;
    border-bottom: 1px solid #cacaca4a;
    margin: 0 10px;
}

.custom-add-learner-wrapper .access_multi_select .items {
    min-height: calc(100% - 51px);
    max-height: calc(100% - 51px);
    overflow-y: auto;
    padding-bottom: 12px;
}

.custom-addbulk-learner .unreg-list-wrapper {
    height: unset;
}

.custom-addbulk-learner textarea {
    resize: none;
}

.custom-learner-list-block {
    background: #fff;
    border-left: 1px solid #eee;
    position: fixed;
    top: 95px;
    bottom: 59px;
    right: 0px;
    left: 50%;
    margin: 0px;
    margin-left: 45px;
    max-height: unset;
    min-height: unset !important;
}

/* ui updates on 09-11 */

.add-learner-name {
    max-width: calc(100% - 450px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    color: #717171;
}

.addlearner-mail-col {
    width: 75%;
}

.add-learner-mail {
    color: #a2a2a2;
    font-size: 14px;
    font-style: italic;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Add Learner end here */

.grid-table-row {
    display: grid;
    grid-template-columns: 40% 15% 15% 15% 15%;
}

.live-session-table-align {
    position: absolute;
    left: 0px;
    right: 0px;
    background: #fff;
}

.live-session-table .grid-table-row {
    grid-template-columns: 160px auto 120px 160px 200px;
}

.grid-table-head {
    padding: 12px 15px;
    border: 1px solid #eeee;
    border-top: 0px;
    border-right: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #797979;
}

.grid-table-data {
    padding: 10px;
    border: 1px solid #eeee;
    border-top: 0px;
    border-right: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #2b2b2b;
}

.grid-td {
    position: relative;
}

.grid-td:after {
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0 auto;
    background: #eee;
}

.grid-td .grid-table-data {
    border-bottom: 0px;
}

.grid-td.grid-table-row:hover {
    background: #f7f7f7;
}

.grid-table-shadow {
    box-shadow: 0px 12px 12px 0px #00000008;
}

.custom-user-count {
    color: #a7a7a7;
    font-weight: 400;
    font-size: 13px;
}

.create-live-session-btn {
    padding: 4px 20px 4px 5px !important;
}

.create-live-session-btn span {
    font-size: 21px;
    line-height: 17px;
    margin-right: 15px;
    background: #12d2c1;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.launch-edit {
    text-transform: lowercase !important;
}

.custom-user-count .icon {
    font-size: 13px;
    margin: 0px 7px 0px 0px !important;
}

.live-video-image-upload {
    border: 3px dashed #e8e8e8;
    border-radius: 12px;
    width: 740px;
    min-width: 740px;
    height: 452px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    background-image: url(../images/dummy-cover-image.svg);
    background-repeat: no-repeat;
    background-size: 160px;
    background-position: center;
    pointer-events: none;
    overflow: hidden;
    transform: scale(0.83) translate(-11%, -12%);
}

.create-ls-column {
    padding: 30px;
    background: #f8f9fb;
    min-height: 520px;
}

.live-session-left .create-ls-column {
    min-height: 525px;
}

.live-session-right .create-ls-column {
    min-height: 525px;
}

.video-cover-image-wrapper {
    margin-top: 50px;
}

.create-ls-column .form-label {
    cursor: default;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #717171;
}

.live-session-wrapper .pn-topic {
    font-size: 15px;
}

.live-session-table .msg-status-row {
    margin-top: 5px;
}

.live-session-wrapper .custom-input {
    height: 38px !important;
    box-shadow: none;
}

.live-session-wrapper select.form-control {
    box-shadow: none;
    height: 38px;
}

.live-session-wrapper .live-session-left .live-creation-left-col .left-col-box:before {
    content: '';
    background: #fafafa;
    width: 47%;
    position: absolute;
    height: 100%;
    top: 0;
}

.custom-live-btn {
    padding: 5px 20px;
    border-radius: 22px;
    width: 100px;
    margin-left: 10%;
    font-size: 13px !important;
    border: 0px;
    outline: 0px !important;
    background: none;
    color: #f44336;
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
}

.live-session-table .custom-live-btn {
    margin-left: 5%;
}

.live-session-table .live-launch-btn {
    margin-left: 5%;
}

.live-creation-left-col {
    width: calc(100% - 435px);
    max-width: calc(100% - 435px);
}

.custom-dropdown-wrapper {
    position: absolute;
    right: 15px;
}

.custom-dropdown-wrapper .custom-dropdown-toggle {
    font-size: 32px;
    letter-spacing: -2px;
    color: #adadad;
    line-height: 12px;
    margin: -15px 10px 0px 0px;
    cursor: pointer;
    user-select: none;
}

.custom-dropdown-wrapper .dropdown-menu {
    right: 0px;
    left: auto;
    margin: 0px;
    padding: 0px;
    background: #fff;
    box-shadow: 0px 0px 6px 4px #0000000d;
    margin-top: 15px;
}

.custom-dropdown-wrapper .dropdown-menu li a {
    padding: 8px 10px;
}

.live-classname {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: 30px;
    max-width: 76%;
    text-transform: capitalize;
}

.academy-name {
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    padding: 5px 16px;
}

.attendies-table-head {
    padding: 10px 0px 25px 0px;
    position: relative;
}

.attendies-table-column {
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    font-size: 11px;
    color: #0bb8a9;
}

.attendance-data {
    position: absolute;
    left: 0;
    bottom: 14px;
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
}

.live-manage-section .access_multi_select>.selected-items {
    position: relative;
    padding: 15px 2px 2px 7px;
    height: 180px;
    max-height: 180px;
    overflow-y: auto;
}

.live-manage-section .access_multi_select>.selected-items::-webkit-scrollbar {
    width: 5px;
}

.live-manage-section .access_multi_select>.selected-items::-webkit-scrollbar-track {
    background: rgb(248, 248, 248);
    border-radius: 10px;
}

.live-manage-section .access_multi_select>.selected-items::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 10px;
    cursor: pointer;
}

.live-manage-section .access_multi_select>.selected-items>.placeholder {
    display: inline-block;
    padding: 6.5px;
}

.live-manage-section .access_multi_select>.selected-items>button {
    position: absolute;
    height: 28px;
    width: 28px;
    background-color: transparent;
    top: 7px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: 0.2s;
}

.live-manage-section .access_multi_select>.selected-items>button:hover {
    transform: scale(1.2);
}

.live-manage-section .access_multi_select>.selected-items>button:nth-child(2) {
    background: url("../images/select-all.jpg") no-repeat center center;
    background-size: contain;
    right: 7px;
    /* display: none; */
    display: block;
    border: 1px solid #cacaca;
    border-radius: 6px;
}

.live-manage-section .access_multi_select>.selected-items>button:nth-child(3) {
    background: url("../images/deselect-all.jpg") no-repeat center center;
    background-size: contain;
    right: 40px;
    /* display: none; */
    display: block;
    border: 1px solid #cacaca;
    border-radius: 6px;
}

.live-manage-section .access_multi_select>.selected-items>.item {
    display: inline-flex;
    align-items: center;
    min-width: 15px;
    border-radius: 45px;
    padding: 6px 27px 6px 10px;
    font-size: 13px;
    font-weight: 500;
    color: #444;
    white-space: nowrap;
    max-width: 277px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #e6e8e7;
    margin: 0px 7px 7px 7px;
    position: relative;
    cursor: pointer;
}

.live-manage-section .access_multi_select>.selected-items>.item>button {
    background-color: transparent;
    color: #fff;
    border: 0;
    font-weight: 900;
    cursor: pointer;
    vertical-align: bottom;
}

.live-manage-section .access_multi_select>.selected-items>.item>button:hover {
    color: #cacaca;
}

.live-manage-section .access_multi_select>.selected-items.expand {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.live-manage-section .access_multi_select>.dropdown {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-height: 0;
    -webkit-transition: 0.75s;
    -moz-transition: 0.75s;
    -ms-transition: 0.75s;
    -o-transition: 0.75s;
    transition: 0.75s;
    overflow-y: hidden;
    padding: 0;
    border-top-width: 0;
    border-color: transparent;
}

.live-manage-section .access_multi_select>.dropdown.expand {
    max-height: 250px;
    border-color: #ced4da;
    position: absolute;
    min-height: 250px;
}

.live-manage-section .access_multi_select>.dropdown>.filter {
    position: relative;
    height: 51px;
    padding: 10px;
    border-bottom: 1px solid #cacaca3d;
}

.live-manage-section .access_multi_select>.dropdown>.filter>input {
    width: 100%;
    margin: 0;
    border-radius: 0;
    border: none;
    font-size: 13px;
    font-weight: 500;
    color: #444;
    box-shadow: none;
}

.live-manage-section .access_multi_select>.dropdown>.filter>button {
    position: absolute;
    border: 0;
    right: 20px;
    top: 7px;
}

.live-manage-section .access_multi_select {
    position: relative;
}

.live-manage-section .access_multi_select>.dropdown.expand {
    max-height: 250px;
    border-color: #ced4da;
    position: absolute;
    min-height: 250px;
}

.live-manage-section .access_multi_select>.dropdown>.items>.item>.custom-checkbox>label {
    padding: 5px 10px;
    display: block;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #717171;
}

.live-manage-section .access_multi_select>.dropdown>.items>.item>.custom-checkbox>label::before,
.access_multi_select>.dropdown>.items>.item>.custom-checkbox>label::after {
    margin: 5px 10px;
}

/* .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
   background-color: transparent !important; 
   border:1px solid #737373 ;
}
.custom-control-input:checked ~ .custom-control-label::before {
   color: #fff;
   background-color: transparent;
}
.custom-checkbox .custom-control-label::before {
   border-radius: 0.25rem;
   border:1px solid #737373;
   background-color: transparent !important;
}
.custom-control-label::before {
   position: absolute;
   top: 0.25rem;
   left: 0;
   display: block;
   width: 14px;
   height: 14px;
   pointer-events: none;
   content: "";
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: #dee2e6;
} */
.live-manage-section .access_multi_select>.dropdown>.items>.item {
    cursor: pointer;
    padding: 10px 15px;
    position: relative;
}

.live-manage-section .access_multi_select>.dropdown>.items>.item::after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 1px;
    left: 20px;
    right: 20px;
    background-color: #f5f5f5;
}

.live-manage-section .access_multi_select>.dropdown>.items>.item:hover {
    background-color: #f1f1f1;
    color: #fff !important;
}

.live-manage-section .dropdown.expand {
    max-height: 300px;
    border-color: #ced4da;
    position: absolute;
    min-height: 300px;
    z-index: 99;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    border-bottom: 2px solid #52af50;
    border-left: 2px solid #52af50;
}

.custom-control-label::after {
    position: absolute;
    top: 6px;
    left: 3px;
    display: block;
    width: 8px;
    height: 5px;
    content: "";
    transform: rotate(-45deg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.live-manage-section .access_multi_select .items {
    height: calc(100% - 51px);
    max-height: calc(100% - 51px);
    overflow-y: auto;
}

.live-manage-section .access_multi_select .items::-webkit-scrollbar {
    width: 5px;
}

.live-manage-section .access_multi_select .items::-webkit-scrollbar-track {
    background: rgb(248, 248, 248);
    border-radius: 10px;
}

.live-manage-section .access_multi_select .items::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 10px;
    cursor: pointer;
}

.live-manage-section .autocomplete-items {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    width: calc(100% - 2px);
    margin: 0 auto !important;
    z-index: 999;
    border: 0;
    border-radius: 0px 0px 8px 8px;
    overflow: hidden;
    background: white;
    height: 300px;
    box-shadow: 0px 4px 4px 2px #00000014;
    max-height: 300px;
    overflow-y: auto;
}

.live-manage-section .learner-addto-live-btn {
    min-width: unset;
    padding: 2px 15px;
}

.add-speaker-container {
    position: relative;
}

.add-speaker-container .autocomplete-items li {
    border-radius: 0px !important;
    border: 0px !important;
    background: unset;
    align-items: center;
    position: relative;
    padding: 10px 20px;
}

.add-speaker-container .autocomplete-items li:after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 1px;
    left: 20px;
    right: 20px;
    background-color: #f5f5f5;
}

.course-chip-close {
    display: none;
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    right: 3px;
    font-size: 22px;
    font-weight: 400 !important;
    color: #525252 !important;
}

.course-batch-tag {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    text-transform: capitalize;
}

.live-manage-section .access_multi_select>.selected-items>.item:hover .course-chip-close {
    display: block;
}

.search-iconblk {
    position: absolute;
    width: 27px;
    height: 25px;
    margin-left: 20px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.lc-sharable-link {
    background-color: #eeeeee;
    padding: 5px 12px !important;
    font-size: 13px;
    border: 1px solid #c7c9ca;
    border-radius: 3px;
}

.livesession-filter-row {
    display: grid !important;
    grid-template-columns: 356px auto 320px;
}

.create-livebtn-holder {
    width: unset !important;
}

#live_row_wrapper {
    max-height: calc(100vh - 196px);
    min-height: calc(100vh - 196px);
    overflow-y: scroll;
}

.filter-sort {}

.filter-sort .ascending {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #a7a7a7;
    position: relative;
    top: -2px;
    cursor: pointer;
}

.filter-sort .descending {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #a7a7a7;
    cursor: pointer;
}

.filter-sort:hover .ascending {
    border-bottom: 7px solid #0bb8a9;
}

.filter-sort:hover .descending {
    border-top: 7px solid #0bb8a9;
}

/* ======================== ends */

/* Live class sucess popup */
.lc-popup-block {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999999;
    background: rgba(255, 255, 255, 0.6);
}

.lc-popup-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #cacaca;
    z-index: 999;
    margin: 0 auto;
}

.lc-popup-close-blk {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.lc-popup-close {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.lc-popup-close::before,
.lc-popup-close::after {
    position: absolute;
    left: 50%;
    content: " ";
    height: 15px;
    width: 2px;
    top: 35%;
    border-bottom: unset;
    border-top: unset;
    background-color: #737373;
}

.lc-popup-close:before {
    transform: rotate(45deg) !important;
}

.lc-popup-close::after {
    transform: rotate(-45deg) !important;
}

.lc-popup-sucesscontainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 15px;
}

.lc-popup-sucessimg-column {
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
}

.lc-success-icon {
    width: 100%;
    height: 100%;
}

.lc-popup-caption {
    font-size: 17px;
    font-weight: 500;
    color: #4a4848;
    margin: 5px;
}

.lc-popup-para {
    font-size: 14px;
    font-weight: 400;
    color: #005256;
    margin: 5px 0px 15px 0px;
}

.lc-popup-timeslot {
    margin: 10px 0px 20px 0px;
    font-size: 15px;
    color: #4a4848;
    font-weight: 500;
    text-align: center;
}

.lc-popup-timeslot-duration {
    margin-bottom: 2px;
}

.lc-popup-sharelink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    padding: 5px 12px !important;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #c7c9ca;
    border-radius: 4px;
    margin-left: 9px;
    margin-right: 9px;
    color: #717171;
    margin-bottom: 10px;
}

#roomurltocopy {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lc-popup-linkcopy {
    color: #41c4ef;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.mb-10 {
    margin-bottom: 10px;
}

/* popup-ends-here */
.due-tag {
    background: #ff2f2fd9;
    padding: 2px 16px;
    color: #ffffff;
    border-radius: 16px;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0px 15px;
}

/* updates on 25-11 */
.guard-icon {
    background: url("../images/guard-icon.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
    height: 15px;
}

.caution {
    width: 13px;
    min-width: 13px;
    height: 13px;
    min-height: 13px;
    background: #fda80b;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}

.caution:after {
    content: "!";
    position: absolute;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    left: 5px;
    top: -1px;
}

.attendee-count-holder {
    position: relative;
}

.learner-limit-tooltip {
    position: absolute;
    z-index: 9999999999;
    top: -43px;
    left: 55px;
    background: #fff;
    padding: 8px 10px 8px 30px;
    border-radius: 8px;
    box-shadow: 0px 0px 3px 1px #00000014;
    white-space: nowrap;
    visibility: visible;
    opacity: 1;
    transition: 0.2s ease visibility, 0.2s ease opacity;
    font-size: 12px;
    font-weight: 400;
    color: #444;
    text-transform: none;
    cursor: default;
    text-transform: initial;
}

.learner-limit-tooltip .close-tooltip {
    width: 15px;
    height: 15px;
    background: #ff0000;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 14px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 9px;
    top: 10px;
    cursor: pointer;
}

.learner-limit-tooltip:after {
    content: "";
    width: 12px;
    height: 12px;
    background: white;
    z-index: 9999;
    position: absolute;
    bottom: -6px;
    left: 25px;
    transform: rotate(45deg);
    box-shadow: 1px 1px 0px 0px #00000014;
}

.add_speaker_roles {
    color: #b9b9b9;
    font-weight: 400;
    margin-left: 3px;
}

/* updates ends */

/* Live schedule ends here */

/* Live Class Detail starts here */
.lc-details-header {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    color: #535f6d;
    margin-right: 20px;
}

.lc-detailpage-video-wrapper {
    width: 400px;
    /* margin-top: 25px; */
    position: relative;
    border-radius: 0px;
    overflow: hidden;
}

.lc-detailpage-video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lc-detailpage-playbutton {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: 5px solid #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    cursor: pointer;
}

.lc-detailpage-videoplay {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid #fff;
    border-radius: 4px;
    margin-left: 14px;
    margin-top: 8px;
}

.lc-detailpage-playbutton.pause .lc-detailpage-videoplay {
    width: 16px;
    height: 18px;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    margin-left: 12px;
    margin-top: 11px;
}

.sub-recording-holder .lc-detailpage-playbutton.pause .lc-detailpage-videoplay {
    width: 9px;
    height: 10px;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 3px solid #fff !important;
    border-right: 3px solid #fff !important;
    margin-left: 1px !important;
    margin-top: 1px !important;
}

.lc-details-blk {
    padding: 30px 15px 15px 15px;
}

.lc-class-created {
    font-size: 14px;
    font-weight: 400;
    color: #535f6d;
    margin: 10px 0;
}

.lc-details-time-wrapper {
    display: flex;
    margin: 20px 0px;
}

.lc-details-time-container {
    background-color: #eef5fd;
    color: #11589a;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 25px;
    border-radius: 4px;
}

.lc-details-duration {
    margin-left: 15px;
    background-color: #fff0eb;
    color: #e76c31;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 25px;
    border-radius: 4px;
}

.lc-details-room {
    margin-left: 15px;
    background-color: #ffeaec;
    color: #e21533;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 25px;
    border-radius: 4px;
}

.lc-details-year {
    position: relative;
    padding-left: 20px;
}

.lc-details-year::after {
    position: absolute;
    content: "";
    left: 7px;
    top: 2px;
    bottom: 2px;
    width: 1px;
    background-color: #11589a;
}

.lc-device-name {
    font-size: 14px;
    font-weight: 400;
    color: #535f6d;
}

.lc-device-no {
    padding: 0px 10px;
    font-weight: 500;
}

.android-device {
    background-color: #3faf43;
}

.web-device {
    background-color: #41c4ef;
}

.ios-device {
    background-color: #6f6c6c;
}

.android-device img {
    width: 100%;
}

.android-device svg {
    width: 100%;
}

.web-device img {
    width: 100%;
}

.web-device svg {
    width: 100%;
}

.ios-device img {
    width: 100%;
}

.ios-device svg {
    width: 100%;
}

.lc-details-device-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 5px;
}

.lc-details-url-wrapper {
    display: flex;
    align-items: center;
}

.lc-details-url-caption {
    font-size: 13px;
    font-weight: 500;
    color: #535f6d;
    margin-right: 20px;
    white-space: nowrap;
}

.no-bg {
    background-color: unset !important;
}

.lc-detail-copybtn {
    margin-left: 25px;
    border: 1px solid #0da296;
    background-color: transparent;
    color: #0da296;
    padding: 3px 0px;
    min-width: 75px;
}

.download-recording-block {
    margin-top: 25px;
}

.lc-details-learners-table .grid-table-row {
    grid-template-columns: 220px 300px 165px 140px 160px 160px auto;
}

.lc-details-learners-table .grid-table-head {
    border-top: 1px solid #eeee;
}

.lc-details-learners-table .grid-table-head:last-of-type {
    min-width: 120px;
}

.lc-details-learners-table .grid-table-data:last-of-type {
    min-width: 120px;
}

.lc-user-email {
    word-break: break-all;
}

.lc-user-deviceblk {
    display: flex;
}

.lc-user-device-icon {
    width: 10px;
    margin-right: 10px;
}

.lc-user-device-icon svg {
    width: 100%;
}

.lc-user-device-icon img {
    width: 100%;
}

.lc-details-learners-table {
    margin-bottom: 65px;
}

.lc-user-device-container {
    display: flex;
    margin-bottom: 6px;
}

.lc-time-manual {
    margin-bottom: 6px;
}

.lc-ipaddress {
    margin-bottom: 6px;
}

.mt3 {
    margin-top: 3px;
}

.lc-header-rightdots {
    font-size: 32px;
    letter-spacing: -2px;
    color: #adadad;
    line-height: 12px;
    margin: -15px 10px 0px 0px;
    cursor: pointer;
    user-select: none;
}

.lc-details-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 550px;
}

.custom-dropdown-wrapper {
    position: absolute;
    right: 15px;
}

.custom-dropdown-wrapper .custom-dropdown-toggle {
    font-size: 32px;
    letter-spacing: -2px;
    color: #adadad;
    line-height: 12px;
    margin: -15px 10px 0px 0px;
    cursor: pointer;
    user-select: none;
}

.custom-dropdown-wrapper .dropdown-menu {
    right: 0px;
    left: auto;
    margin: 0px;
    padding: 0px;
    background: #fff;
    box-shadow: 0px 0px 6px 4px #0000000d;
    margin-top: 15px;
}

.custom-dropdown-wrapper .dropdown-menu li a {
    padding: 8px 10px;
}

.lc-detail-link {
    width: 65%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 35px;
    padding-top: 7px !important;
}

@media screen and (min-width: 1023px) and (max-width: 1250px) {
    .lc-detailpage-video-wrapper {
        width: 356px;
        height: 256px;
    }
}

.no-learners-column {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 196px);
    background-color: #fdfdfd;
}

.no-learners-iconblk {
    width: 90px;
    margin-bottom: 25px;
    margin: 0 auto;
}

.no-learners-caption {
    color: #444;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
}

.sub-recording-wrapper {
    background: #f3f3f3;
    padding: 40px 0px;
}

.sub-recording-holder {
    width: 170px;
    margin-right: 20px;
    position: relative;
}

.sub-recording-holder video {
    width: 100%;
    height: 100%;
    display: block;
}

.sub-recording-holder .lc-detailpage-playbutton {
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-recording-holder .lc-detailpage-videoplay {
    margin: 0px -4px 0px 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff;
}

.sub-record-url-holder {
    width: calc(100% - 190px);
}

.sub-record-url-holder .lc-sharable-link {
    background: #e9e9e9;
    border-color: #e9e9e9;
}

.sub-record-info {}

.sub-record-name {
    font-size: 14px;
    font-weight: 500;
    color: #494b4e;
}

.sub-record-duration {
    color: #00a9fa;
    font-weight: 400;
    font-size: 14px;
    margin-left: 20px;
}

.lc-attendance-detail {
    display: flex;
    padding: 15px 30px;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

.batch-tag {
    background: #ff9600;
}

.batch-tag:hover {
    background: #ff8d00;
}

.batch-tag:focus {
    background: #ff9600;
}

.live-class-name {
    font-size: 16px;
    font-weight: 500;
    color: #0bb8a9;
    margin: 30px 0 20px 0;
}

/* Live Class Detail ends here */

/* live class popup starts here */
.lc-project-popup-header {
    color: #4a4848;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}

.lc-project-total-learners {
    display: flex;
    margin-bottom: 25px;
}

.lc-project-learners-count {
    color: #4a4848;
    font-size: 13px;
    font-weight: 500;
}

.lc-project-learners-desc {
    color: #7b7b7b;
    font-size: 12px;
    font-weight: 500;
    padding-left: 15px;
}

.lc-formlabel {
    font-size: 14px;
    font-weight: 500;
    color: #717171;
    margin-bottom: 10px;
}

.lc-project-formblk {
    width: 130px;
}

.lc-project-time-interval-blk {
    display: flex;
    width: 96%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.lc-project-btnblk {
    display: flex;
    align-items: center;
    width: 98%;
    justify-content: flex-end;
    margin: 40px 0px 15px 0px;
}

.lc-pro-cancel {
    font-size: 11px;
    font-weight: 500;
    color: #717171;
    text-transform: uppercase;
    margin-right: 20px;
}

.lc-launch {
    font-size: 11px !important;
    text-transform: uppercase;
    margin-right: 15px;
}

.lc-schedule {
    background-color: #ff9c01;
    font-size: 11px !important;
    text-transform: uppercase;
    margin-right: 15px;
}

.lc-schedule:hover {
    background-color: #ff9c01;
}

/* live class popup ends here  */

/* Confirmation popup starts here */
.admin-modal .modal-dialog {
    width: 500px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%) !important;
}

.admin-modal .modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.5);
}

.admin-modal-header {
    font-size: 17px;
    font-weight: 500;
    color: #4a4848;
    margin: 5px;
}

.admin-modal-closeblk {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.admin-modal-close {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.admin-modal-close::before,
.admin-modal-close::after {
    position: absolute;
    left: 50%;
    content: " ";
    height: 15px;
    width: 2px;
    top: 35%;
    border-bottom: unset;
    border-top: unset;
    background-color: #737373;
}

.admin-modal-close:before {
    transform: rotate(45deg) !important;
}

.admin-modal-close::after {
    transform: rotate(-45deg) !important;
}

.admin-popup-btnblk {
    display: flex;
    align-items: center;
    margin: 25px 0 10px 0px;
}

.admin-popup-img-column {
    width: 75px;
    margin-bottom: 20px;
}

.admin-popup-img-column svg {
    width: 100%;
    height: auto;
}

.admin-popup-cancel {
    margin-right: 35px;
}

.admin-modal-subheader {
    font-size: 14px;
    font-weight: 400;
    color: #005256;
    margin: 5px 0px 15px 0px;
}

.admin-modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 15px;
}

.push-notif-desc {
    margin: 7px 0px 15px 0px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    color: #4a4848;
}

.push-pro-report {
    padding-left: 50px;
    position: relative;
}

.push-pro-report::before {
    content: "";
    position: absolute;
    background-color: #4a4848;
    top: 3px;
    width: 1px;
    bottom: 0px;
    left: 25px;
}

.admin-popup-img-column img {
    width: 100%;
    height: auto;
}

.qb_btnwrapper {
    margin: 7px 0px 15px 0px;
}

.qb-popup-imgwrapper {
    width: 65px;
    height: 65px;
}

.qb-btn {
    min-width: 75px;
}

/* Confirmation popup ends here */

/* Learners (Users) starts here */
.learners-list-table .grid-table-row {
    grid-template-columns: auto 220px 180px 180px 170px 130px 160px 50px;
}

.learners-list-table .grid-table-row.grid-table-shadow {
    padding-right: 34px;
}

.learners-table-data {
    max-height: calc(100vh - 245px);
    overflow-y: scroll;
    padding-bottom: 320px;
    padding-right: 17px;
}

.count-tag {
    background: #2ac9e7;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 5px;
    line-height: 12px;
    border-radius: 5px;
    margin: 0px 6px;
    display: inline-block;
    cursor: pointer;
}

.active-tag {
    background: #39d5bd;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 12px;
    border-radius: 22px;
}

.inactive-tag {
    background: #f78218;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 12px;
    border-radius: 22px;
}

.popover-holder {
    position: relative;
}

.popover-container {
    position: absolute;
    bottom: 18px;
    right: -3px;
    z-index: 9999999999999999;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 0px 6px 1px #00000040;
    display: none;
}

.popover-container:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #ffffff;
    position: absolute;
    right: 11px;
    bottom: -5px;
    transform: rotate(45deg);
    box-shadow: 2px 2px 0px 0px #44444412;
}

.learners-table-data .grid-table-row:nth-child(1) .popover-container:after {
    right: 11px;
    top: -6px;
    transform: rotate(-135deg);
    box-shadow: 2px 2px 0px 0px #44444412;
}

.learners-table-data .grid-table-row:nth-child(1) .popover-container {
    bottom: -103px;
    top: auto;
}

.popover-holder:hover .popover-container {
    display: block;
}

.last-login-log {
    margin: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
}

.device-log {
    margin: 15px;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-direction: column;
    white-space: nowrap;
}

.devicelog-popover-container {
    top: -12px !important;
    left: 7px;
    right: auto;
    bottom: auto !important;
}

.devicelog-popover-container:after {
    left: -6px;
    top: 13px !important;
    transform: rotate(135deg) !important;
}

.ip-icon {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.ip-icon:after {
    content: "";
    background: url("../images/home.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
}

.browser-icon {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.browser-icon:after {
    content: "";
    background: url("../images/browser.svg");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
}

.mobile-icon {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.mobile-icon:after {
    content: "";
    background: url("../images/mobile.svg");
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 4px 3px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
}

.learners-filter-checkbox li {
    padding: 15px 15px;
    font-size: 14px;
    position: relative;
}

.learners-filter-checkbox li:after {
    content: "";
    height: 1px;
    width: 75%;
    position: absolute;
    right: 10px;
    bottom: 0px;
    background: #f5f5f5;
}

.learners-filter-checkbox .check-box-holder span {
    font-size: 13px;
}

.learner-top-filter {
    display: grid !important;
    grid-template-columns: 300px auto auto;
}

.learners-settings-dropdown {
    top: 20px;
    right: 0px;
    display: none;
}

.learners-status {
    position: relative;
}

.learners-status:hover .learners-settings-dropdown {
    display: block;
}

.multiline-search {
    border-radius: 0px 0px 12px 12px;
    overflow: hidden;
    box-shadow: 0px 6px 6px 0px #0000001c;
    margin-top: -44px;
    position: relative;
    z-index: 99;
    display: none;
}

.multiline-search-container.active .multiline-search {
    display: block;
}

.multiline-search-area {
    padding: 20px 20px 0px 20px;
    background: #ffffff;
    position: relative;
    z-index: 99;
}

.multiline-search-area textarea {
    width: 100%;
    height: 100%;
    resize: none;
    padding: 6px 13px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background: #fafafa;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.multiline-search-area textarea::-webkit-scrollbar {
    width: 7px;
}

.multiline-search-area textarea::-webkit-scrollbar-track {
    background: #fff;
}

.multiline-search-area textarea::-webkit-scrollbar-thumb {
    background: #dedede;
    border-radius: 22px;
}

/* .multiline-search-area textarea::-webkit-scrollbar-thumb:hover {background: #555;} */
.multiline-search-area textarea::placeholder {
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: #b1b1b1;
    line-height: 24px;
}

.learner-top-filter .multiline-search-container.active .srch_txt::placeholder {
    opacity: 0;
}

.learner-enroll-modal .multiline-search-container.active .srch_txt::placeholder {
    opacity: 0;
}

.multiline-search-info {
    padding: 8px 20px 12px 20px;
    margin-top: -1px;
    justify-content: space-between;
    color: #8a8a8a;
    font-size: 13px;
    background: #fff;
    position: relative;
    z-index: 9;
}

.multiline-search-title {
    text-align: left;
    padding: 15px 20px 0px 50px;
    font-size: 13px;
    font-weight: 400;
    color: #808080;
    z-index: 99;
    position: relative;
}

.multiline-search-title span {
    font-weight: 500;
    color: #444;
}

.name-minwidth {
    min-width: 200px;
}

.learner-enroll-modal .modal-dialog {
    width: 80%;
    top: 50%;
    transform: translateY(-50%) !important;
}

.learner-enroll-modal .modal-content {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    min-height: 82vh;
}

.learner-enroll-modal .modal-header {
    background: #fff;
    padding: 15px 30px;
}

.learner-enroll-modal .close {
    color: #909090;
    font-size: 28px;
    font-weight: 400;
    top: 15px;
    right: 25px;
}

.learner-enroll-modal .modal-title {
    color: #1b1b1b;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.enrolllearner-top-filter {
    display: grid !important;
    grid-template-columns: 60% 40%;
    border-bottom: 1px solid #efefef;
}

.learner-enroll-modal .learners-table-data {
    max-height: calc(100vh - 325px);
    min-height: calc(100vh - 325px);
}

.learner-enroll-modal .learners-table-data::-webkit-scrollbar {
    width: 10px;
}

.learner-enroll-modal .learners-table-data::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.learner-enroll-modal .learners-table-data::-webkit-scrollbar-thumb {
    background: #888;
}

.learner-enroll-modal .learners-table-data::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.learner-enroll-modal .grid-table-row {
    grid-template-columns: 350px 250px 300px auto;
}

.no-learner-msg {
    text-align: center;
    margin-top: 13%;
}

.no-learner-icon {
    width: 150px;
    margin: 0 auto;
}

.no-learner-text {
    font-size: 15px;
    font-weight: 500;
}

.learners-list-table .grid-table-row .grid-table-data:last-child {
    border-left: 0px;
    border-bottom: 1px solid #eeee;
}

.learners-list-table .grid-td .grid-table-data:nth-last-child(2) {
    border-bottom: 1px solid #eeee;
}

.learners-list-table .grid-td .grid-table-data:nth-last-child(3) {
    border-bottom: 1px solid #eeee;
}

/* Learners (Users) ends here */

/* Question bank UI starts here */
.qstb-pool-desc {
    margin: 10px 0 18px 0px;
    text-align: center;
}

.dashboard-pool-qstn-wrapper {
    height: calc(100vh - 150px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fbfbfb;
}

.dashboard-pool-qstn-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px 0;
}

.admin-popup-img-column img {
    width: 100%;
    height: auto;
}

.qb_btnwrapper {
    margin: 7px 0px 15px 0px;
}

.qb-popup-imgwrapper {
    width: 65px;
    height: 65px;
}

.qb-btn {
    min-width: 75px;
}

.poolqstn-img-column {
    width: 150px;
    margin-bottom: 15px;
}

.poolqstn-img-column img {
    width: 100%;
    height: auto;
}

.poolqstn-img-column svg {
    width: 100%;
    height: auto;
}

.poolqstn-header {
    font-size: 14px;
    font-weight: 500;
    color: #444;
    margin-bottom: 7px;
}

.poolqstn-desc {
    font-size: 14px;
    font-weight: 400;
    color: #aba8a8;
    margin-bottom: 10px;
}

.mr0 {
    margin-right: 0px !important;
}

/* grid table for question pool */
.grid-qstn-pool-subject-row {
    grid-template-columns: 55% 15% 15% 15%;
}

.subject-name {
    font-size: 14px;
    font-weight: 400;
    color: #797979;
}

.unused-qstn {
    color: #fe0000;
}

.grid-qstn-pool-subject-row:hover {
    background-color: #f4f4f4;
}

.qstn-pool-qno {
    padding-left: 7px;
}

.grid-question-pool {
    grid-template-columns: 48% 13% 13% 13% 13%;
}

.grid-question-pool .grid-table-head {
    font-size: 13px;
    padding: 17px;
}

.grid-question-pool .grid-table-data {
    padding: 17px;
    font-size: 14px;
}

.pool-total-qstn {
    font-size: 13px;
    font-weight: 400;
    color: #797979;
}

.question-list-wrapper {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    color: #525252;
    padding: 3px 0px;
    width: 345px;
}

.question-list-wrapper .question-number.incomplete {
    position: relative;
}

.question-list-wrapper .question-number.incomplete::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    background: #ff0000;
}

.ques-container {
    padding-left: 20px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 1px;
    font-size: 13px;
}

.qstn-pool-subject {
    top: -8px;
}

.grid-qstn-pool-subject-row.hover_none {
    background-color: unset;
}

.grid-qust-pool-review-column {
    width: 100%;
    display: flex;
}

.grid-qust-pool-review-column .grid-question-pool {
    grid-template-columns: 100%;
}

.preview-device-block {
    border-color: #f1f1f1;
    width: 50%;
    height: calc(100vh - 95px);
}

.preview-header {
    background-color: #7f8386;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.preview-header-caption {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

.preview-menus {
    display: flex;
    align-items: center;
    height: 100%;
}

.preview-desktop {
    width: 18px;
    margin-right: 30px;
    margin-top: 3px;
    cursor: pointer;
}

.ques-prevw-desktop-icon {
    width: 20px;
}

.preview-mobile {
    width: 10px;
    margin-right: 30px;
    margin-top: 3px;
    cursor: pointer;
}

.ques-prevw-mobile-icon {
    width: 13px;
}

.preview-close {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

.preview-body {
    background-color: #f3f3f3;
    padding: 15px;
    height: calc(100% - 52px);
    max-height: calc(100% - 52px);
    overflow-y: auto;
}

.preview-body::-webkit-scrollbar {
    width: 10px;
}

.preview-body::-webkit-scrollbar-track {
    background: rgb(248, 248, 248);
}

.preview-body::-webkit-scrollbar-thumb {
    background: #7f8386;
    cursor: pointer;
}

.pre-ques-container {
    margin-bottom: 15px;
}

.pre-ques-section {
    border-bottom: 1px solid #f1f1f1;
}

.preview-question-wrapper {
    padding: 15px;
    background-color: #fff;
}

.preview-question-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
}

.preview-ques-headerleft {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    color: #9c9696;
}

.pre-question-type {
    padding-left: 8px;
}

.list-icon img {
    width: 90%;
}

.doc-icon img {
    width: 69%;
    height: 67%;
}

.preview-edit-icon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    background-color: #41c4ef;
    margin-right: 8px;
    text-align: center;
    line-height: 12px;
    vertical-align: middle;
}

.preview-edit-txt {
    font-size: 13px;
    font-weight: 500;
    color: #444;
}

.preview-ques-headerright {
    display: flex;
    align-items: center;
}

.edit-pencil-icon {
    width: 9px;
    padding-left: 1px;
}

.preview-question {
    color: #444;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.pre-ques-section {
    border-bottom: 1px solid #f1f1f1;
}

.pre-ques-explanation {
    padding: 15px;
    background-color: #fff;
}

.pre-explan-caption {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #01b846;
}

.pre-explan-desc {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: #444;
}

.pre-ques-container {
    margin-bottom: 15px;
}

.preview-multiple-choices-wrapper {
    margin-top: 30px;
}

.preview-multichoice-container {
    display: flex;
    align-items: center;
    padding: 10px 0px 10px 45px;
    margin-bottom: 5px;
}

.preview-multichoice-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    color: #444;
    border: 1px solid #6f6767;
}

.preview-mulichoice-options {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #444;
}

.pre-wrong-answer-section {
    position: relative;
    box-sizing: border-box;
    background-color: #f4c0c2;
    border-radius: 5px;
    width: 50%;
}

.pre-wrong-answer {
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #f46263;
    color: #fff;
    left: 10px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 23px;
    vertical-align: middle;
}

.pre-correct-answer-section {
    position: relative;
    box-sizing: border-box;
    background-color: #94f2a4;
    border-radius: 5px;
    width: 50%;
}

.pre-correct-answer {
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #01b846;
    color: #fff;
    left: 10px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 23px;
    vertical-align: middle;
}

.pre-correct-answer::after {
    position: absolute;
    content: "";
    width: 11px;
    height: 6px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 28%;
    transform: translateY(-50%) rotate(-47deg) translateX(-50%);
    left: 42%;
}

.ques-prevw-mobile-icon-active {
    display: none;
    width: 13px;
}

.ques-prevw-mobile-icon-active svg {
    width: 100%;
    height: 100%;
}

.ques-prevw-mobile-icon svg {
    width: 100%;
    height: 100%;
}

.ques-prevw-desktop-icon {
    display: none;
}

.ques-prevw-desktop-icon-active {
    width: 20px;
}

.preview-body.mobile-view {
    background-color: #444;
    padding-top: 35px;
}

.preview-body.mobile-view .pre-ques-container {
    width: 50%;
    margin: 0 auto 15px auto;
}

.preview-body.mobile-view .pre-ques-container .pre-wrong-answer-section {
    width: 100%;
}

.preview-body.mobile-view .pre-ques-container .pre-correct-answer-section {
    width: 100%;
}

.preview-body.mobile-view .preview-multiple-choices-wrapper {
    margin-top: 15px;
}

.blanks-marker {
    padding: 0px 6px 3px 6px;
    background-color: #f1f1f1;
    border: 1px solid #cacaca;
    color: #cacaca;
    border-radius: 6px;
}

.mt3 {
    margin-top: 3px;
}

.ml3 {
    margin-left: 3px;
}

.font-rupee {
    font-family: roboto;
}

/* Question bank UI ends here */

/* Disk Usage */
.disk-usage {
    padding: 10px 15px;
    float: right;
    border: 1px dashed #dedede;
    border-radius: 10px;
    margin: 25px;
    font-size: 12px;
    color: #505050;
    font-weight: 400;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0px;
}

.disk-icon {
    width: 34px;
    margin-right: 15px;
}

.disk-usage-count {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #55b20a;
}

/* Disk Usage ends */

/* Creation modal customization */
.custom-create-modal {
    z-index: 99999;
}

.custom-create-modal .modal-content {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.custom-create-modal .modal-header {
    background: #ececec;
    color: #444;
    padding: 15px 25px;
    border: 0px;
    /* box-shadow: 0px 0px 12px 12px #0000001a; */
}

.custom-create-modal .modal-header .close {
    color: #5c5c5c;
    font-size: 28px;
    font-weight: 200;
    line-height: 12px;
    margin-right: 10px;
}

.custom-create-modal .modal-header .modal-title {
    font-size: 14px;
    font-weight: 500;
}

.custom-create-modal .modal-body {
    padding: 25px;
}

.custom-create-modal .modal-footer {
    border-top: 0px;
    padding: 0px 20px 30px 0px;
}

.custom-create-modal .form-group {
    margin-bottom: 15px;
}

.custom-create-modal .modal-dialog {
    top: calc(50% - 35px) !important;
    transform: translateY(-50%) !important;
}

@media (max-width: 625px) {
    .custom-create-modal .modal-dialog {
        max-height: 625px;
        overflow-y: auto;
    }
}

/* Creation modal customization ends */

.ofabee-version {
    font-size: 10px;
    font-style: italic;
    position: absolute;
    right: 23px;
}

/* Bandwidth on dashboard */
.bandwidth-container {
    background: #fff;
    box-shadow: 0px 0px 6px 6px #0000000a;
    margin: 20px;
    border-radius: 5px;
    display: flex;
}

.bandwidth-title {
    font-size: 14px;
    font-weight: 500;
    padding: 20px 0px 0px 20px;
    color: #000;
}

.chart-container {
    position: relative;
    height: calc(100% - 40px);
    display: flex;
    align-items: flex-end;
}

.month-list-wrapper {
    width: 240px;
    min-height: 346px;
    border-right: 1px solid #f2f2f2;
}

.month-list ul li {
    padding: 9px 20px 9px 9px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    position: relative;
    margin: 8px 0px 16px 0px;
    cursor: pointer;
}

.month-list ul li:hover {
    background: #f2f8f8;
}

.month-list ul li:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0px;
    right: 0px;
    width: 92%;
    margin: 0 auto;
    border-bottom: 2px dashed #e6e6e6;
}

.month-list ul li:last-child:after {
    border-bottom: none;
}

.month-list ul li.active {
    background: #f2f8f8;
}

.month-list {
    margin: 0px 10px;
}

.month-list::-webkit-scrollbar {
    width: 8px;
}

.month-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.month-list::-webkit-scrollbar-thumb {
    background: #888;
}

.month-list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.bdw-month-name {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
}

.bdw-month-consumption {
    font-size: 18px;
    font-weight: 500;
}

.bdw-gb {
    font-size: 12px;
    font-weight: 500;
    color: #444;
}

.bandwidth-chart {
    width: calc(100% - 240px);
    max-width: calc(100% - 240px);
    padding: 20px;
    height: 346px;
}

.bdw-month-icon {
    padding: 7px;
    border-radius: 6px;
    margin-right: 15px;
}

.bdw-month-icon svg {
    width: 13px !important;
    height: 13px !important;
}

.month-list ul li:nth-child(5) {
    margin-bottom: 9px;
}

.month-list ul li:nth-child(1) .bdw-month-icon {
    background: #f9e8d4;
}

.month-list ul li:nth-child(2) .bdw-month-icon {
    background: #cdd8f6;
}

.month-list ul li:nth-child(3) .bdw-month-icon {
    background: #f6cee8;
}

.month-list ul li:nth-child(4) .bdw-month-icon {
    background: #d3f4c5;
}

.month-list ul li:nth-child(5) .bdw-month-icon {
    background: #fed8c3;
}

.month-list ul li:nth-child(1) .bdw-month-icon svg {
    fill: #ff9800;
}

.month-list ul li:nth-child(2) .bdw-month-icon svg {
    fill: #401cbe;
}

.month-list ul li:nth-child(3) .bdw-month-icon svg {
    fill: #f41781;
}

.month-list ul li:nth-child(4) .bdw-month-icon svg {
    fill: #61a129;
}

.month-list ul li:nth-child(5) .bdw-month-icon svg {
    fill: #da5330;
}

.admin-footer {
    background: #fdfdfd;
    padding: 20px 0px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #6f6f6f;
}

.upgrade-link {
    color: #00ad9e;
    font-weight: 400;
}

.upgrade-link:hover {
    color: #007268;
    font-weight: 400;
}

.bdw-tot-usage-col {
    font-size: 13px;
    font-weight: 400;
    text-align: right;
    color: #808080;
}

.bdw-tot-usage {
    background: #fa5a18;
    padding: 1px 6px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    margin-left: 10px;
}

#lineMorris {
    width: 100%;
    max-height: 100%;
}

#lineMorris svg {
    width: 100%;
}

/* Bandwidth on dashboard */

#preview-as-user-modal .mobile_view {
    cursor: pointer;
}

a.link-style {
    color: #096cbf;
    font-weight: 500;
}

/* Settings page update */
.custom-settings-wrapper {
    background: #fff;
    display: flex !important;
    flex-direction: row !important;
}

.custom-settings-left {
    padding-right: 0% !important;
    width: 350px !important;
    background: #fff;
    border-right: solid 1px #dfdfdf;
    min-height: 100vh;
}

.custom-settings-right {
    width: calc(100% - 350px) !important;
    border-left: 0px !important;
    position: static;
}

.custom-settings-left .settings-table {
    margin-top: 10px !important;
}

.custom-settings-left .rTableRow {
    margin: 0px 15px 10px 15px;
}

.custom-settings-left .course-cont-wrap .course-cont .rTableRow .rTableCell {
    border-top: 0px !important;
    padding: 10px 0px 10px 22px !important;
}

.custom-settings-left .course-cont .rTableRow:hover {
    background-color: #d7f2ed !important;
    border-radius: 6px;
    overflow: hidden !important;
    cursor: pointer;
}

.custom-settings-left .course-cont .rTableRow.active {
    background-color: #d7f2ed !important;
    border-radius: 6px;
    overflow: hidden !important;
}

.custom-settings-left .course-cont .rTableRow .settings-link {
    color: #757575;
    font-size: 14px;
    font-weight: 500;
}

.custom-settings-left .course-cont .rTableRow.active .settings-link {
    color: #0bb9a8;
}

.custom-settings-left .settings-text {
    color: #919191;
    font-size: 13px;
    font-weight: 500;
}

.custom-settings-left .course-cont .rTableRow.active .settings-text {
    color: #5c5c5c;
}

.custom-settings-left .course-cont-wrap .course-cont .rTableRow:last-child .rTableCell {
    border-bottom: 0px !important;
}

.settings-option-title {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #545d66;
    padding: 20px 20px 12px 20px;
    margin: 0px !important;
    text-align: left;
}

.settings-column {
    margin: 20px;
    margin-top: 0px;
    padding: 20px 27px;
    background: #f9f9f9;
    border-radius: 0;
    box-sizing: border-box;
    float: right;
    width: 100%;
    min-height: 261px;
    margin-right: 0;
}

.settings-sub-label {
    font-size: 13px;
    font-weight: 500;
    color: #5d5d5d;
}

.settings-sub-content {
    font-size: 13px;
    font-weight: 400;
    margin: 10px 0px;
    color: #8b8b8b;
}

.settings-column .listing_profile_fields_li>li {
    box-shadow: unset;
    background: #fff !important;
    border-radius: 4px;
    border: 0px !important;
    /* overflow: hidden !important; */
}

.settings-column .listing_profile_fields_li li .lecture-hold {
    border: 0;
    align-items: center;
}

.settings-column .listing_profile_fields_li li .section-title-holder {
    background: #0000000f;
    border: 0px;
}

.settings-column .listing_profile_fields_li li .section-title-holder .profile-field-title {
    color: #0a7aea;
}

.theme-btn-blue {
    background: #00c5b4;
    color: #fff;
    font-size: 12px !important;
    border-radius: 16px !important;
    padding: 4px 22px;
    box-shadow: none;
    text-transform: capitalize;
}

.theme-btn-blue:hover {
    color: #fff;
}

.theme-btn-blue:focus {
    color: #fff;
}

.theme-btn-blue:active {
    color: #fff;
}

.theme-link {
    color: #0bb8a9;
    text-decoration: underline !important;
}

.email-verification-status:hover {
    color: #05ad9e !important;
}

.email-verification-status:focus {
    color: #05ad9e !important;
}

.email-verification-status:active {
    color: #05ad9e !important;
}

.settings-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 60%;
}

.primary-domain-verified {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #6bc360;
    border-radius: 50%;
    position: relative;
    margin: 6px 12px;
}

.primary-domain-verified:after {
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    top: 3px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.custom-domain-bottom {
    width: calc(100% - 420px);
    right: 0px !important;
    left: auto !important;
}

.save-next:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 14px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translateY(-50%);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 99999;
}

.settings-column .rounded-blue-btn-inverted {
    background: unset;
    padding: 4px 0px;
    color: #00c5b4;
    text-transform: capitalize;
    font-size: 12px !important;
}

.email-caution {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #e9a504;
    border-radius: 50%;
    position: relative;
    margin: 5px 12px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

.mailverify-modal .modal-dialog {
    top: calc(50% - 35px);
    transform: translateY(-50%) !important;
    width: 525px;
}

.mailverify-modal .modal-content {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 5px 4px #00000014;
}

.mailverify-modal .mailverify-title {
    font-size: 20px;
    text-align: center;
    color: #000000;
}

.mailverify-modal .mailverify-content {
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color: #494949;
}

.mailverify-modal .mailverify-btn {
    background: #04baa3 !important;
    padding: 6px 0px !important;
    min-width: 80px !important;
}

.mailverify-modal .close {
    font-size: 28px;
    font-weight: 400;
    color: #787878;
    opacity: 1;
    top: 15px;
    right: 20px;
}

.emailverify-icon {
    margin: 50px 0px 18px 0px;
}

.banner-settings-container {
    margin: 30px;
    float: right;
    width: calc(100% - 60px);
}

.banner-settings-content {
    background: #f9f9f9;
    float: right;
    padding: 20px;
    width: 100%;
}

.settings-custom-row {
    display: flex;
    align-items: center;
}

.settings-custom-tab .settings-link {
    color: #adadad;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    background: #fff;
    margin-right: 10px;
    border-bottom: 2px transparent solid;
}

.settings-custom-tab.active .settings-link {
    color: #14b49a;
    border-bottom: 2px #14b49a solid;
    margin-right: 10px;
}

.and-above {
    color: #00000054;
    position: absolute;
    top: 8px;
    right: 30px;
    font-size: 13px;
    font-weight: 400;
    pointer-events: none;
}

/* Settings page update ends */

/* Quiz Content Fix starts here */
.what-are-some-para img,
.what-are-some-para video,
.what-are-some-para audio,
.what-are-some-para iframe,
.what-are-some-para figure {
    max-width: 100%;
    margin: 10px 0px;
}

.h1-question img,
.h1-question video,
.h1-question audio,
.h1-question iframe,
.h1-question figure {
    margin: 10px 0px;
}

.question-wrap img,
.question-wrap video,
.question-wrap audio,
.question-wrap iframe,
.question-wrap figure {
    max-width: 100%;
}

.series-of-question img,
.series-of-question video,
.series-of-question audio,
.series-of-question iframe,
.series-of-question figure {
    max-width: 100%;
}

.reveal-answer img,
.reveal-answer video,
.reveal-answer audio,
.reveal-answer iframe,
.reveal-answer figure {
    max-width: 100%;
    margin: 10px 0px;
}

.reveal-answer {
    word-break: break-word !important;
    /* font-family: arial !important;
   font-size: 16px !important;
   font-weight: 400; */
    color: #333;
    background: #ddd;
    border-radius: 5px;
}

/* Quiz Content Fix ends here */

.bundle-error-list {
    width: 300px;
    margin: 0 auto;
    font-size: 16px;
    max-height: 180px;
    overflow-y: auto;
    background: #f2f2f2;
    border-radius: 4px;
    padding: 15px 30px;
}

.multisearch-trigger {
    right: 20px;
    top: 5px;
    position: absolute;
    z-index: 9999;
    padding: 15px;
    cursor: pointer;
}

.multisearch-trigger:after {
    content: "";
    position: absolute;
    right: 9px;
    z-index: 9999;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #505050;
}

.multiline-search-container.active .multisearch-trigger:after {
    border-bottom: 7px solid #505050;
    border-top: unset;
}

.multiline-search-container.active .srch_txt {
    opacity: 0;
    pointer-events: none;
}

.multiline-search-container.active:after {
    content: "" !important;
    width: 10px !important;
    height: 44px !important;
    background: #fff !important;
    position: absolute !important;
    top: 0px !important;
    right: -5px !important;
    z-index: 999;
}

.multiline-search-container.active:before {
    content: "" !important;
    width: 10px !important;
    height: 44px !important;
    background: #ffffff !important;
    position: absolute !important;
    top: 0px !important;
    left: -5px !important;
    z-index: 999;
}

.multiline-search-container #user_keyword {
    resize: none;
    padding: 12px 90px 12px 0px !important;
    background: #fff;
    top: -1px;
}

.multiline-search-container textarea:focus {
    box-shadow: none !important;
}

.pn-grid .multiline-search-container .mail-count {
    padding: 12px 80px 12px 0px !important;
    background: #fff;
    color: #555555;
    position: absolute;
    left: 45px;
    top: 0px;
    font-size: 14px;
    line-height: 18px;
}

.pn-grid .multiline-search-container .mail-count-num {
    color: #b4b4b4;
    font-size: 13px;
    user-select: none;
}

/* Video reinitialize */
.reinitialize-btn {
    background: #3e57ef;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 500;
}

.reinitialize-btn:hover {
    background: #3950dc;
}

.reinitialize-btn:active {
    background: #3950dc;
}

.reinitialize-btn:focus {
    background: #3950dc;
}

.reinitialize-info {
    font-size: 14px;
    color: #1b1b1b;
    text-align: left;
    margin: 15px 0px;
}

#reinitialize .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
    width: 540px;
}

#reinitialize .modal-content {
    background: #fff;
    border-radius: 8px;
}

#reinitialize .modal-body {
    height: 300px;
    font-size: 17px;
    font-weight: 400;
    color: #444;
    text-align: center;
}

#reinitialize .close {
    font-size: 30px;
    font-weight: 400;
    color: #6d6d6d;
    opacity: 1;
    position: absolute;
    top: 15px;
    right: 21px;
}

#reinitialize .cancel {
    box-shadow: unset !important;
    background: unset !important;
    border: 0px;
    color: #6b6b6b !important;
    font-size: 13px !important;
    font-weight: 500;
}

#reinitialize p {
    margin-bottom: 25px;
    font-size: 15px;
}

#reinitialize .reinitialize-btn {
    padding: 7px 23px;
}

/* Video reinitialize ends */

.asssignment-report-wrapper img {
    max-width: 100%;
}

.learner-pagination-holder {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ececec;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.learner-pagination-holder .prev-pagin {
    width: 15px;
    height: 1px;
    background: #0bb8a9;
    position: relative;
    margin-top: 12px;
}

.learner-pagination-holder .prev-pagin:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #0bb8a9;
    border-left: 1px solid #0bb8a9;
    transform: rotate(45deg);
    top: -3px;
    left: 0px;
}

.learner-pagination-holder .next-pagin:after {
    content: "";
    position: absolute;
    right: 0px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #0bb8a9;
    border-right: 1px solid #0bb8a9;
    transform: rotate(45deg);
    top: -3px;
}

.learner-pagination-holder ul {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: #909090;
}

.learner-pagination-holder ul li {
    list-style-type: none;
    margin: 0px 3px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
}

.learner-pagination-holder ul li.active {
    background: #0bb8a9;
    color: #fff;
    border-radius: 50%;
}

.learner-pagination-holder ul li.active a {
    color: #fff;
}

.learner-pagination-holder .next-pagin {
    width: 15px;
    height: 1px;
    background: #0bb8a9;
    position: relative;
    margin-top: 12px;
}

.clear-search {
    top: 3px;
    right: 5px;
    position: absolute;
    font-size: 22px;
    padding: 0px 8px;
    cursor: pointer;
    z-index: 9999;
}

#toast-container {
    top: unset;
    bottom: 15px;
}

.dash_line {
    border: 1px dashed #00a4ff;
    border-radius: 4px;
    padding: 3px 10px;
    margin: 0 1em;
    word-break: break-word;
    display: inline-block;
    min-width: 90px;
}

.dash_line:focus {
    outline: none;
}

.user-statistics-table {
    display: inline-block;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0px 0px 6px 4px #0000000f;
    border: 1px solid #dadada33;
}

.user-statistics-head {
    display: grid;
    grid-template-columns: 150px 150px 150px 150px;
}

.user-statistics-head div {
    padding: 12px;
    background: #ffffff;
    border-right: 1px solid #dadadaa6;
    border-bottom: 1px solid #dadadaa6;
    text-align: center;
}

.user-statistics-head div:last-child {
    border-right: 0px;
}

.user-statistics-body {
    display: grid;
    grid-template-columns: 150px 150px 150px 150px;
}

.user-statistics-body div {
    padding: 12px;
    background: #f3f4f8;
    border-right: 1px solid #dadadaa6;
    text-align: center;
}

.user-statistics-body div:last-child {
    border-right: 0px;
}

.user-statistics-body .l-a-app {
    color: #09bf63;
}

.user-statistics-body .l-web {
    color: #d65919;
}

.user-statistics-body .l-total {
    color: #ff8c00;
}

.user-statistics-head div:nth-child(2) {
    color: #09bf63;
}

.user-statistics-head div:nth-child(3) {
    color: #d65919;
}

.user-statistics-head div:nth-child(4) {
    color: #ff8c00;
}

.user-profile-wrapper .user-badge-admin {
    margin-top: 18px;
    padding: 8px 15px;
    border-radius: 32px;
    font-size: 13px;
}

.user-profile-wrapper .profile-box-layouts {
    padding: 0px !important;
    border-radius: 6px !important;
    overflow: hidden;
}

.user-profile-wrapper .profile-box-layouts .nav-tabs {
    border-bottom: 1px solid #ececec;
}

.delete-ques-btn {
    padding: 2px 10px;
    margin: 0px 0px 0px 20px;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 20px;
}

.delete-ques-btn {
    padding: 2px 10px;
    margin: 0px 10px 0px 20px;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 20px;
}

.delete-ques-btn:hover,
.delete-ques-btn:hover {
    border-color: #ea1c0d;
}

.role-list-dropdown {
    max-height: 350px;
    width: 200px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

/* App integration */
.app-int-list {
    background: #fff;
    padding: 20px 40px 20px 25px;
    border: 2px dashed #eaeaea;
    margin-bottom: 12px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.app-int-list:after {
    content: "";
    width: 11px;
    height: 11px;
    border-top: 2px solid #ababab;
    border-right: 2px solid #ababab;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    right: 26px;
    top: 50%;
}

.google_analytics-logo {
    width: 130px;
    margin-bottom: 5px;
}

.zapier-logo {
    width: 55px;
    margin-bottom: 6px;
}

.zoom-logo {
    width: 60px;
    margin-bottom: 9px;
}

.appinit-dashboard .settings-column {
    padding: 20px 27px;
}

.room-list-wrapper {
    margin: 15px -20px -20px -20px;
}

.room-list {
    border-top: 1px solid #f0f0f0;
    padding: 17px 25px;
}

.room-list p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.token-label {
    font-size: 13px;
    font-weight: 400;
    color: #909090;
}

.token-text {
    font-size: 13px;
    font-weight: 500;
    margin-left: 8px;
    color: #444;
}

/* App integration ends */
/* zoom integration start */
#appinit-zoom .room-list-wrapper {
    margin: 0;
}

#appinit-zoom .room-list-wrapper .room-list {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 15px;
    margin-top: 10px;
}

#appinit-zoom .room-list-wrapper .room-list p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

#appinit-zoom .room-list-wrapper .room-list .room-delete {
    margin-top: 5px;
}

#appinit-zoom .room-list-wrapper .room-list .room-delete span {
    font-size: 13px;
    font-weight: 400;
    color: #8b8b8b;
    margin-left: 5px;
}

.room-edit {
    font-size: 13px;
    font-weight: 500;
    color: #8b8b8b;
}

.room-save-icon svg {
    width: 12px;
    fill: #b8b8b8;
    margin-right: 7px;
}

.room-save-icon {
    margin-right: 10px;
    color: #0085ff;
    cursor: pointer;
}

/* zoom integration ends */
/* Create Live Class start here */

/* Create Live Class end here */
/* Question bank UI updates */
.question-pool-wrapper .addtest-checkbox-question {
    padding: 10px 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question-pool-wrapper .addtest-checkbox-question .cb-radio.checkbox-btn {
    margin-left: 14px;
}

.question-pool-wrapper .block_listing {
    border-radius: 4px !important;
    box-shadow: 0px 0px 4px #ccc !important;
}

.question-pool-wrapper .section-title-holder {
    border-bottom: 0px !important;
}

.question-pool-wrapper .lecture-wrapper>li {
    border-bottom: 1px solid #f0f0f0 !important;
}

.question-pool-wrapper .listing_profile_fields_li .section-control {
    margin-top: 8px;
}

.question-pool-wrapper .lecture-wrapper .dropdown-tigger {
    padding-top: 0;
}

.payment-settings-panel .accordion+.panel {
    margin-bottom: 10px;
}

/* Question bank UI updates ends */

/* Payment gateway starts here */
.payment-accordion-wrapper .panel-default {
    border: 2px dashed #e8e8e8;
    margin-bottom: 15px;
    box-shadow: none;
}

.payment-accordion-wrapper .panel-heading {
    background: #fff;
    border: 0px;
    padding: 0px;
}

.payment-accordion-wrapper .panel-heading>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0px 20px;
}

.payment-accordion-wrapper .panel-body {
    border-top: 1px solid #e9e9e9 !important;
    padding: 20px;
}

.payment-accordion-wrapper .panel-heading .payment-logo {
    max-height: 19px;
}

.payment-accordion-wrapper .panel-heading .payment-logo img {
    max-height: inherit;
}

.connected-tag {
    font-size: 10px;
    color: #fff;
    background: #00a50e;
    padding: 2px 8px;
    border-radius: 3px;
}

.payment-accordion-wrapper .toggle-arrow {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-top: 2px solid #a5a5a5de;
    border-right: 2px solid #a5a5a5de;
    transform: rotate(135deg);
}

.payment-accordion-wrapper .toggle-arrow.active {
    transform: rotate(-45deg);
    top: 6px;
    position: relative;
}

.payment-accordion-wrapper .custom-rounded-border-btn {
    min-width: 125px;
}

.settings-sub-label.required:after {
    content: "*";
    color: #ff4444;
    font-size: 13px;
}

.payment-accordion-wrapper .form-group.required {
    margin-bottom: 15px;
}

.custom-rounded-btn[disabled] {
    background: #00000042;
}

select#currency-selector option {
    color: #444;
}

select#currency-selector {
    color: #0bb8a9;
    line-height: normal;
}

.payment-accordion-wrapper .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

/* Payment gateway ends here */

/* Custom Time picker starts here */
.custom_time_picker {
    border: 1px solid #c7c9ca;
    border-radius: 4px;
    overflow: hidden;
}

.custom_time_picker .input-group-addon {
    padding: 0px;
    border: 0;
}

.custom_time_picker .input-group-addon:nth-child(2) {
    border-right: 0px;
    border-left: 0px;
    border-radius: 0px;
}

.custom_time_picker select.hour-data {
    padding: 0px 0 0 10px;
    border: 0;
    border-right: 1px solid #c7c9ca;
}

.custom_time_picker select.seconds-data {
    padding: 0px 0 0 10px;
    border: 0px;
    border-right: 1px solid #c7c9ca;
}

.custom_time_picker select.meridian-data {
    padding: 0px 0 0 10px;
    border: 0px;
}

.custom_time_picker select.form-control {
    background-size: 14px !important;
}

/* Custom Time picker ends here */

/* Meeting Schedule Row */
.ms-title {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    color: #444;
    margin: 0px 0px 25px 10px;
}

.ms-row {
    display: grid;
    grid-template-columns: 250px auto;
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    font-style: normal;
}

.ms-row-title {
    text-align: left;
    padding-left: 30px;
    color: #7f7f7f;
    font-weight: 500;
}

.ms-row-data {
    text-align: left;
    padding-left: 30px;
    color: #060606;
    font-weight: 400;
}

.rs-row {
    display: grid;
    grid-template-columns: 30% 30% 15% 25%;
    /* height: 50px; */
    padding: 11px 0px;
    font-size: 13px;
    font-style: normal;
    position: relative;
    border-bottom: 0px;
}

.rs-row:after {
    content: "";
    width: calc(100% - 25px);
    margin: 0 auto;
    height: 1px;
    background: #eee;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.rs-row.rs-row-head:after {
    content: unset;
}

.rs-row-data {
    text-align: left;
    color: #060606;
    font-weight: 500;
    word-break: break-word;
}

.rs-row.rs-row-head {
    border-bottom: 1px solid #eee;
    box-shadow: 0px 8px 8px 0px #00000005;
    padding: 15px 0px 0px 0px;
}

.meeting-blue-link {
    color: #0e71eb;
    cursor: pointer;
    font-size: 13px;
}

.blue-text {
    color: #0e71eb;
    font-size: 13px;
}

.recordings-schedule-list .id-data {
    margin: 0px;
    font-weight: 500;
}

.justify-content-end {
    justify-content: flex-end;
}

.ml-3 {
    margin-left: 30px;
}

.mr-3 {
    margin-right: 30px;
}

.mt-3 {
    margin-top: 30px;
}

.mb-3 {
    margin-bottom: 30px;
}

.ml-2 {
    margin-left: 20px;
}

.mr-2 {
    margin-right: 20px;
}

.mt-2 {
    margin-top: 20px;
}

.mb-2 {
    margin-bottom: 20px;
}

.pr-3 {
    padding-right: 30px;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.live-blue-btn {
    font-size: 13px !important;
    border-radius: 8px !important;
    min-height: 36px !important;
}

.live-blue-btn.inactive {
    background: #fff;
    color: #a2a2a2;
    box-shadow: unset;
    border: 1px solid #ddd;
}

.recordings-schedule-wrapper {
    margin-top: 30px;
}

.sel-delete-btn {
    margin-top: -12px;
    padding: 0px 14px;
    min-height: 10px !important;
    height: 31px;
    line-height: 18px;
}

.rs-row-head {
    font-size: 12px;
}

.rs-row-head * {
    font-weight: 500;
}

.meet-record-info {
    margin: 0px 0px 0px 15px;
    font-size: 12px;
}

#live_lecture_form .section-create-wrapper {
    border: 0px;
}

/* updates on 25-11 */
.liveshedule-details-wrapper {
    background: #fff;
}

.liveshedule-details-wrapper .ms-title {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    color: #444;
    margin: 15px 0px;
}

.liveshedule-details-wrapper .preivew-area {
    background: #f7f8fc;
    border: 1px solid #efefef;
}

.liveshedule-details-wrapper .ms-row-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    color: #757575;
    font-weight: 400;
}

.liveshedule-details-wrapper .ms-row {
    grid-template-columns: 155px auto;
    border-bottom: 0px;
}

.liveshedule-details-wrapper .ms-row-data {
    text-align: left;
    padding-left: 30px;
    color: #4e4e4e;
    font-weight: 500;
}

.liveshedule-details-wrapper .meeting-schedule-list {
    padding-top: 15px;
}

.meeting-schedule-wrapper {
    background: #f7f8fc;
}

.ms-course-info-col {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 20px;
    border-bottom: 1px solid #eeeeeede;
}

.ms-course-info-col .ms-course-img {
    width: 135px;
    min-width: 135px;
    max-width: 135px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 20px;
}

.ms-course-info-col .ms-course-info .ms-course-name {
    font-size: 14px;
    font-weight: 500;
    color: #444;
    word-break: break-word;
}

.ms-course-info-col .ms-course-date {
    color: #ff851b;
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
}

.ms-faculty-row {
    display: flex;
    align-items: center;
    margin-right: 35px;
    height: 28px;
}

.ms-faculty-img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

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

.ms-actions {
    display: flex;
    align-items: center;
    padding: 20px 25px;
}

.preview-class-btn {
    font-size: 13px !important;
    border-radius: 4px !important;
    min-height: unset !important;
    background: #0d70e7;
    color: #fff;
    text-transform: unset;
}

.preview-class-btn:hover,
.preview-class-btn:focus {
    color: #fff;
    background: #0b63cc;
}

.ms-details {
    padding: 20px;
    border-top: 1px solid #edeef0;
}

.manage-learner-section {
    position: relative;
    z-index: 999999;
}

.manage-learner-header {
    padding: 10px 10px 10px 15px;
    border-bottom: 1px solid #efefef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    box-shadow: 0px 8px 8px 0px #00000005;
}

.manage-learner-header .settings-sub-label {
    color: #060606;
}

.ms-learner-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    position: relative;
}

.ms-learner-list:after {
    content: "";
    width: calc(100% - 25px);
    margin: 0 auto;
    height: 1px;
    background: #eee;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.ms-learner-list .ms-learnerlist-name {
    color: #444;
    font-size: 13px;
    font-weight: 400;
}

.ms-learner-list .ms-learnerlist-mail {
    color: #737373;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
}

.ms-learner-list-wrapper {
    max-height: 525px;
    min-height: 525px;
    overflow-y: auto;
}

.ms-pagination-wrapper {
    box-shadow: 2px -6px 6px 0px #00000012;
}

.ms-pagination-wrapper .pagination-wrapper {
    position: unset;
    width: 100%;
    box-shadow: unset;
    justify-content: flex-end;
}

.rec-attendees-tab-holder {
    display: flex;
    align-items: center;
}

.rec-attendees-tab-holder .ms-title {
    margin: 13px 0px;
}

.rec-attendees-tab-holder li {
    opacity: 0.4;
}

.rec-attendees-tab-holder li.active {
    opacity: 1;
}

.recordings-schedule-list {
    min-height: 639px;
    max-height: 639px;
    overflow-y: auto;
}

/* updates on 25-11 ends */

/* Meeting Schedule Row */

.payment_message .i-icon {
    width: 15px;
    height: 15px;
    background: red;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
}

/* Samba Recording player */
.samba-rcording-player .samba-rcording-header {
    background: #fff;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px;
    box-shadow: 0px 0px 4px 4px #00000017;
}

.samba-rcording-player .samba-recoding-title {
    font-size: 23px;
    font-weight: 500;
}

.samba-rcording-player .samba-recoding-close {
    font-size: 32px;
    font-weight: 400;
    color: #626262;
    cursor: pointer;
}

.samba-rcording-player .samba-rcording-body {
    padding: 20px;
    width: 900px;
    margin: 0 auto;
}

.samba-rcording-player .samba-player-holder {
    border-radius: 4px;
    overflow: hidden;
}

.samba-rcording-player .samba-player-holder video {
    width: 100%;
    display: block;
}

.samba-rcording-player .samba-recoding-info {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}

.samba-rcording-player .samba-role {
    font-weight: 400;
    color: #949494;
}

.samba-rcording-player .samba-recoding-timeinfo {
    font-size: 16px;
    font-weight: 400;
    color: #444;
    margin-top: 10px;
}

.samba-rcording-player .samba-rcording-data {
    text-align: center;
    margin: 30px 0px;
}

/* Samba Recording player ends */

/* Custom Phone Input Settings (Country, Country Code, Phone) */
.custom-phoneinput-settings {
    display: grid;
    grid-template-columns: 180px 65px auto;
    border: 2px solid #dfe0e0;
    height: 38px;
    border-radius: 4px;
    overflow: hidden;
}

.custom-phoneinput-settings .custom-phoneinput-col {
    border-right: 1px solid #dfe0e0;
    width: inherit;
}

.custom-phoneinput-settings .custom-phoneinput-col:nth-child(3) {
    border-right: 0px;
}

.custom-phoneinput-settings .custom-phoneinput-col select {
    border: 0px;
    height: 100%;
    padding: 0px 25px 0px 10px;
    width: 100%;
}

.custom-phoneinput-settings .custom-phoneinput-col select:hover,
.custom-phoneinput-settings .custom-phoneinput select:focus {
    outline: none;
}

.custom-phoneinput-settings .custom-phoneinput-col input {
    border: 0;
    width: 100%;
    border-radius: 0px;
    height: 100%;
    min-height: 100%;
    text-align: center;
    padding: 0px 10px;
}

.custom-phoneinput-settings .custom-phoneinput-col input:hover,
.custom-phoneinput-settings .custom-phoneinput-col input:focus {
    outline: none;
}

/* Custom Phone Input Settings (Country, Country Code, Phone) ends */

/* Email verification */
.navigator-email-wrapper {
    padding: 15px 0px;
    background: #fff;
    position: fixed;
    left: 70px;
    right: 0px;
    bottom: 0px;
    box-shadow: 0px 0px 4px 2px #00000014;
}

.navigator-email-wrapper .email-icon-wrapper {
    width: 20px;
}

.navigator-email-wrapper .email-specify-desc {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    padding-left: 10px;
}

.navigator-email-wrapper .email-specify-desc a {
    color: #e5473e;
    text-decoration: underline;
    padding-left: 10px;
}

.verify-mail {
    margin-bottom: 60px;
}

/* Random Question Pool UI */
.test-lecture-header {
    margin: 0 !important;
    padding: 10px 10px 10px 0px !important;
    position: fixed;
    top: 0;
    z-index: 9999;
    box-sizing: border-box;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #e2e2e27a !important;
}

.test-lecture-header h3 {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #292929;
    display: inline-block;
    vertical-align: middle;
}

.testcreation-steps-breadcrump {
    z-index: 9999;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 61px;
    background: #fff;
}

.testcreation-steps-breadcrump .nav-tabs {
    border: 0px;
    box-shadow: 0px 1px 2px 0px #0000001f;
}

.testcreation-steps-breadcrump .nav-tabs>li {
    border: 0px;
    overflow: unset;
}

.testcreation-steps-breadcrump .nav-tabs>li.active:before {
    content: "";
    position: absolute;
    left: -10px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #09b8a9;
    transform: skew(15deg, 0deg);
}

.testcreation-steps-breadcrump .nav-tabs>li>a {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #444 !important;
    border-radius: 0px;
    padding: 12px 80px 12px 35px;
}

.testcreation-steps-breadcrump .nav-tabs .steps-label {
    font-size: 14px;
    font-weight: 400 !important;
    margin: 0px;
    text-transform: capitalize;
    line-height: 20px;
    color: #717171;
}

.testcreation-steps-breadcrump .nav-tabs>li.active>a {
    color: #fff !important;
}

.testcreation-steps-breadcrump .nav-tabs>li.active .steps-label {
    color: #fff;
}

.random-quespool-wrapper {
    position: relative;
    top: 124px;
    background: #f9f9f9;
    padding: 15px;
    height: 100%;
}

.random-quespool-col {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0px 0px 1px 1px #e8e8e8;
    padding: 20px 25px 50px !important;
    width: calc(100% - 310px);
    margin-bottom: 50px !important;
}

.add-tax-btn {
    display: flex;
    align-items: center;
    line-height: 22px;
    padding: 5px 25px 5px 20px;
}

.add-tax-btn span {
    font-size: 20px;
    color: #fff;
    margin-right: 15px;
}

.tax-fixed-footer {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 420px;
    background: #ffffff;
    padding: 10px 15px;
    text-align: right;
    box-shadow: 0px -1px 3px 0px #00000026;
}

.random-quespool-instructions {
    width: 310px;
    position: fixed;
    right: 0px;
    top: 124px;
    bottom: 0px;
    z-index: 999;
    background: #fff;
    padding: 20px;
}

.random-quespool-instructions h4 {
    color: #444;
    font-size: 13px;
    font-weight: 500;
    margin: 0px;
}

.random-quespool-instructions ul {
    margin-top: 15px;
    color: #848484;
    font-size: 13px;
    padding-left: 25px;
}

.random-quespool-instructions ul li {
    position: relative;
    margin-bottom: 20px;
}

.random-quespool-instructions ul li:before {
    content: "i";
    width: 14px;
    height: 14px;
    background: #00b545;
    border-radius: 50%;
    position: absolute;
    left: -25px;
    top: 3px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 13px;
}

.del-tax {
    padding-left: 5px;
}

.del-tax svg:hover {
    fill: #c31919 !important;
    cursor: pointer;
}

.random-quespool-col .form-group {
    padding-top: 8px;
}

.steps-input-info {
    font-size: 12px;
    color: #9e9e9e;
    margin: -3px 0px 8px 0px;
}

.test-cover-image {
    margin-left: 0px;
    width: 369px;
    height: 208px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    border: 0px;
}

.test-cover-image .section-card-container {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.test-cover-image .section-card-container .section-card {
    height: 100%;
    width: 100%;
    position: relative;
}

.test-cover-image .section-card .fileinput {
    height: 100%;
}

.test-cover-image .section-img-upload-btn {
    z-index: 999;
}

.test-fixed-footer {
    position: fixed;
    background: #fff;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px 15px;
    text-align: right;
    z-index: 9999;
    box-shadow: 0px 0px 2px 2px #0000001f;
}

.required-red {
    color: #ff0000;
}

.question-pool-info {
    background: #ffffff;
    margin: -20px -25px 0px -25px;
    height: 65px;
    box-shadow: 0px 6px 8px 0px #0000000a;
    border-bottom: 1px solid #0000000f;
    display: flex;
    align-items: center;
    padding: 0px 14px;
}

.total-ques-inpool,
.total-marks-inpool {
    background: #00bf00;
    color: #fff;
    padding: 7px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    line-height: 12px;
    margin-left: 35px;
}

.total-rand-ques {
    background: #ff5253;
    color: #fff;
    padding: 7px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 500;
    line-height: 12px;
    margin-left: 35px;
}

.addtest-checkbox-question {
    padding: 10px 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    color: #4c4c4c;
    font-size: 14px;
    font-weight: 400px;
}

.addtest-checkbox-question:after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 32px;
    height: 1px;
    background: #f3f3f3;
}

.random-quespool-wrapper .test-folder-delte .icon-pencil {
    font-size: 14px;
    color: #949494;
    margin-right: 15px;
}

.random-quespool-wrapper .test-folder-delte .icon-pencil:hover {
    color: #17b956;
}

.random-quespool-wrapper .test-folder-delte .icon-trash-empty {
    font-size: 18px;
    color: #828282;
}

.random-quespool-wrapper .test-folder-delte .icon-trash-empty:hover {
    color: #fd5928;
}

.import-quespool-btn,
.ulpoad-ques-btn,
.add-ques-btn {
    background: #f6f6f6;
    color: #656565;
    font-size: 13px !important;
    padding: 0px 0px 0px 15px;
    line-height: 36px !important;
    height: 42px !important;
    box-shadow: unset;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.import-quespool-btn span,
.ulpoad-ques-btn span,
.add-ques-btn span {
    background: #17b956;
    width: 25px;
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    line-height: 25px;
    border-radius: 50%;
    margin-right: 15px;
}

.addtest-checkbox-question .drager {
    width: 16px;
    height: 100%;
    word-break: break-word;
    line-height: 4px;
    color: #616161;
    font-size: 17px;
    font-weight: 500;
    margin: -10px 13px 0px 13px;
    display: flex;
    align-items: center;
    position: relative;
}

.addtest-checkbox-question .drager:after {
    content: "............";
    position: absolute;
}

#question_sortable li:last-child() .addtest-checkbox-question:after {
    display: none;
}

.test-del-ques {
    display: inline-block;
    width: 15px;
    margin-right: 10px;
    margin-left: 5px;
    opacity: 0.4;
}

/* Random Question Pool UI ends */

/* export-learner-modal starts here*/
.export-learner-modal .modal-dialog {
    width: 480px;
}

.export-learner-modal .modal-header {
    background: #fff;
    padding-top: 30px;
}

.export-learner-modal .modal-header button {
    top: 28px;
}

.export-learner-modal .modal-header h4 {
    text-transform: unset;
    font-size: 16px !important;
    color: #021d1a;
    margin-left: 6px;
}

.export-learner-modal .modal-body {
    padding: 0px 30px 40px 30px;
}

.export-learner-modal .inside-box {
    border: 0;
    min-height: 200px;
}

.export-learner-modal .invite-course-list {
    padding: 10px 1px;
}

/* export-learner-modal - ends */

/* Upgrade feature */
.feature-upgrade-msg {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #3c3c3c;
    margin: 25px 0px;
}

.feature-upgrade-col {
    background: #fff;
    padding: 35px;
    border: 2px dashed #eaeaea;
    margin-bottom: 12px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    text-align: center;
    width: 450px;
    margin: 0 auto;
}

.custom-settings-right .feature-upgrade-msg {
    margin: 5px 0px 25px 0px;
}

.custom-settings-right .feature-upgrade-col {
    width: 430px;
}

.feauture-upgrade-wrapper {
    transform: translateY(45%);
}

.custom-settings-right .feauture-upgrade-wrapper {
    transform: unset;
}

#integrationSettings .settings-column {
    width: 560px;
}

#appinit-zapier .settings-column {
    padding: 30px 0;
}

/* Upgrade feature */

/* Myaccount - plan */
.myaccount-info-container {
    display: flex;
    height: calc(100% - 43px);
}

.myaccount-info-container .olive-iframe-section {
    width: 350px;
    height: 100%;
}

.myaccount-info-container .olive-iframe-section iframe {
    width: 100%;
    height: 100%;
    min-height: 93.5vh;
}

.myaccount-info-container .myaccount-myplan-wrapper {
    width: calc(100% - 350px);
    padding: 20px;
    background: #fff;
    border-left: 1px solid #e7e7e7;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}

.myaccount-info-container .myplan-info-row {
    background: #25225b;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 40px;
    margin-bottom: 35px;
}

.myaccount-info-container .myplan-name {
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 3px;
    display: inline-block;
}

.myaccount-info-container .myplan-info {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}

.myaccount-info-container .custom-theme-red-btn {
    border: 0px;
    background: #e44036;
    box-shadow: none;
    color: #ffffff;
    font-size: 12px !important;
    font-weight: 400;
    border-radius: 18px !important;
    padding: 5px 20px;
    text-transform: unset;
    position: relative;
}

.myaccount-info-container .custom-theme-red-btn:hover,
.custom-theme-red-btn:focus {
    background: #bf372f;
    color: #fff !important;
}

.myaccount-info-container .plan-detail-title {
    font-size: 14px;
    font-weight: 500;
    color: #2f3335;
    margin-bottom: 15px;
}

.myaccount-info-container .plan-icon {
    display: flex;
    align-items: center;
    margin-right: 70px;
}

.myaccount-info-container .addon-details .myaddon-info-col {
    display: flex;
    align-items: flex-start;
    background: #f4f7fc;
    padding: 21px;
    border-radius: 9px;
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    margin-right: 15px;
    margin-bottom: 15px;
}

.myaccount-info-container .info-justify-flex {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.addon-details .myaddon-info-col .myaddon-info-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* addon icon color updates */
.addon-details-row .myaddon-info-col .myaddon-info-icon.mobile-app-pink {
    background: #ff0a69;
}

.addon-details-row .myaddon-info-col .myaddon-info-icon.enroll-violet {
    background: #713bdb;
}

.addon-details-row .myaddon-info-col .myaddon-info-icon.live-green {
    background: #00c8b0;
}

.addon-details-row .myaddon-info-col .myaddon-info-icon.storage-yellow {
    background: #ff8f53;
}

.addon-details-row .myaddon-info-col .myaddon-info-icon.certificate-green {
    background: #8bc34a;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.mobile-app-pink {
    background: #ff0a6929;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.enroll-violet {
    background: #713bdb30;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.live-green {
    background: #00c8b030;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.storage-yellow {
    background: #ff8f5330;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.certificate-green {
    background: #8bc34a30;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.mobile-app-pink svg {
    fill: #ff0a69 !important;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.enroll-violet svg {
    fill: #713bdb !important;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.live-green svg {
    fill: #00c8b0 !important;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.storage-yellow svg {
    fill: #ff8f53 !important;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.certificate-green svg {
    fill: #8bc34a !important;
}

/* addon icon color updates ends */

.purchase-addon-row {
    display: flex;
    flex-wrap: wrap;
}

.addon-details .myaddon-info-col .myaddon-status {
    margin-left: 15px;
}

.addon-details .myaddon-info-col .myaddon-label1 {
    font-size: 17px;
    font-weight: 700;
    color: #1f1f1f;
}

.addon-details .myaddon-info-col .myaddon-label2 {
    font-size: 13px;
    font-weight: 400;
    color: #7b7979;
}

.addon-details .addon-details-row {
    display: flex;
    flex-wrap: wrap;
}

.addon-details .addon-details-row .myaddon-info-icon svg {
    fill: #fff !important;
}

.myplan-info-row .myplan-info+.custom-theme-red-btn {
    margin-top: 15px;
}

.myaccount-info-container .upgradeplan-info-icon {
    width: 58px;
    min-width: 58px;
    height: 58px;
    background: #fff;
    border-radius: 50%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myaccount-info-container .upgradeplan-count {
    font-size: 19px;
    font-weight: 500;
    color: #ffffff;
}

.myaccount-info-container .upgradeplan-label {
    font-size: 13px;
    font-weight: 400;
    color: #ffffffa6;
}

.myaccount-info-container .additional-storage {
    font-size: 13px;
    color: #777777;
}

.myplan-info-row .additional-storage {
    color: #efefef;
}

.custom-theme-select {
    border: 1px solid #e8ecef;
    border-radius: 22px;
    height: 30px;
    padding: 0px 30px 0px 15px;
    font-size: 13px;
    color: #6d6d6d;
    font-weight: 400;
}

.purchase-addon-row .myaddon-info-col {
    width: 45% !important;
    min-width: 45% !important;
    max-width: 45% !important;
}

.addon-room-info {
    font-size: 14px;
    color: #949494;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* Myaccount - plan ends */

.custom-jscolor-picker {
    outline: 0px;
    border: 1px solid #d6d6d6;
    width: 120px;
    height: 30px;
}

/* password strength */
.progress-bar_wrap {
    width: 100%;
    height: 5px;
    background: #f6f6fa;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

/* .progress-bar_item {
   display: inline-block;
   height: 100%;
   width: 33.33%;
   float: left;
   visibility: hidden;
   transition: background-color .2s, visisility .1s;
} */
.progress-bar_item {
    display: inline-block;
    height: 100%;
    width: 32.5%;
    margin-right: 0.8%;
    float: left;
    transition: background-color 0.2s, visisility 0.1s;
}

.progress-bar_item-1.active {
    background-color: #ff4b47;
}

.progress-bar_item-2.active {
    background-color: #f9ae35;
}

.progress-bar_item-3.active {
    background-color: #2daf7d;
}

/* password strength ends */

/* password hint */
.password-hint-popover {
    position: absolute;
    top: -122px;
    right: 0px;
    background: #ffffff;
    padding: 10px 15px 10px 10px;
    border-radius: 8px;
    box-shadow: 0px 0px 2px 1px #00000021;
}

.password-hint-popover:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 45%;
    background: white;
    width: 15px;
    height: 15px;
    transform: rotate(45deg) translate(-50%, -50%);
    box-shadow: 3px 2px 0px -1px #00000021;
}

.password-hint-popover .hint-title {
    font-size: 12px;
    font-weight: 500;
    color: #444;
    margin-bottom: 5px;
    display: inline-block;
}

.password-hint-popover .psswd-hint {
    font-size: 12px;
    font-weight: 400;
    color: #717171;
    padding: 3px 0 3px 20px;
    position: relative;
}

.password-hint-popover .psswd-hint:before {
    content: "";
    background: #ffa802;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0px;
    top: 5px;
    border-radius: 50%;
}

.password-hint-popover .psswd-hint:after {
    content: "!";
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 8px;
    font-weight: 500;
    color: #fff;
}

/* password hint ends */

/* Tutor Dashboard */

/* grid reset */
/* .grid-stack-instance-2837 > .grid-stack-item[data-gs-y="1"]{top: 200px !important;} */
/* .grid-stack-item[data-gs-y="1"] {top: 180px !important;} */
/* .grid-stack-instance-4476 > .grid-stack-item[data-gs-y="6"] {top: 585px !important;} */
/* .grid-stack-instance-8382 > .grid-stack-item[data-gs-y="6"] {top: 585px !important;} */
/* .grid-stack-instance-9116 > .grid-stack-item[data-gs-y="6"] {top: 585px !important;} */
/* .grid-stack-item[data-gs-y="7"] {top: 740px !important;} */

.fc .fc-toolbar-title {
    font-size: 22px;
    font-weight: 500;
    margin: 0;
}

/* grid reset ends */
/* calendar */
.fc-timegrid-event {
    border-radius: 6px !important;
}

.fc-v-event .fc-event-main-frame {
    height: unset !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    padding: 5px 10px !important;
}

.fc-v-event .fc-event-time {
    overflow: hidden;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin: 0px !important;
    line-height: 16px !important;
}

.fc-v-event .fc-event-title-container {
    flex-grow: 1;


    flex-shrink: 1;
    min-height: 0;
    margin: 0px !important;
}

.fc-v-event .fc-event-title {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.fc-media-screen .fc-timegrid-event {}

/* calendar ends */

/* .tutor-info-wrapper{} */
.tutor-info-wrapper .tutor-welcome-header {
    background: #d6d4f9;
    height: 105px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 0px 20px 22px 20px;
    background-image: url(../images/tutor-profile-bg.png);
    background-repeat: no-repeat;
    background-size: 185px;
    background-position-x: right;
}

.tutor-info-wrapper .tutor-welcome-text {
    color: #465fd2;
    font-size: 16px;
    font-weight: 700;
}

.tutor-info-wrapper .tutor-welcome-text-alert {
    font-size: 13px;
    font-weight: 400;
    color: #444;
    margin-top: 10px;
}

.tutor-info-wrapper .tutor-welcome-text-alert a {
    color: #264af3;
}

.tutor-info-wrapper .tutor-settings {
    border: 2px solid #0088fe;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    margin-left: 5px;
    cursor: pointer;
}

.tutor-info-wrapper .tutor-settings:after {
    content: "...";
    font-size: 19px;
    font-weight: 700;
    line-height: 14px;
    color: #0088fe;
    margin-left: 4px;
}

.tutor-info-wrapper .tutor-settings:hover {
    background: #0088fe;
}

.tutor-info-wrapper .tutor-settings:hover:after {
    color: #fff;
}

.tutor-info-wrapper .tutor-info-container {
    display: flex;
    align-items: center;
    padding: 8px 12px 0px 25px;
}

.tutor-info-wrapper .tutor-avatar {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fff;
    box-shadow: 0px 0px 4px 2px #00000014;
}

.tutor-info-wrapper .tutor-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tutor-info-wrapper .tutor-detail-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 51px);
    padding-left: 15px;
    flex-wrap: wrap;
}

.tutor-name-row-col {
    width: calc(100% - 40px);
}

.tutor-info-wrapper .tutor-name {
    font-size: 16px;
    font-weight: 500;
    color: #565c61;
    word-break: break-word;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    max-width: 100%;
}

.tutor-info-wrapper .tutor-role {
    font-size: 13px;
    font-weight: 400;
    color: #878d98;
    line-height: 16px;
}

.tutor-info-wrapper .tutor-profile-btn {
    background: #0181ff;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 4px 33px 4px 21px;
    position: relative;
}

.tutor-profile-btn:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 17px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

.tutor-info-wrapper .tutor-profile-btn:hover,
.tutor-info-wrapper .tutor-profile-btn:focus {
    background: #0144ff;
}

.upcoming-live-wrapper .upcoming-events-wrapper {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    height: fit-content;
}

.upcoming-live-wrapper .upcoming-title {
    padding: 20px 20px 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.upcoming-live-wrapper .upcoming-title-icon {
    position: relative;
    width: 23px;
    height: 23px;
    display: inline-block;
    margin-right: 12px;
}

.upcoming-live-wrapper .upcoming-event-count {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #567df4;
    z-index: 99;
    text-align: center;
}

.upcoming-live-wrapper .upcoming-title-icon:after {
    content: "";
    position: absolute;
    width: 86%;
    height: 10px;
    background: #fff;
    left: 2px;
    right: 0px;
    top: 5px;
}

.upcoming-live-wrapper .upcoming-title h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    color: #444;
}

.upcoming-live-wrapper .upcoming-events-list {
    display: flex;
    align-items: flex-start;
    margin: 12px 20px;
    border-bottom: 1px solid #eaeaea9e;
    padding-bottom: 12px;
    max-width: 100%;
}

.upcoming-live-wrapper .upcoming-events-list:last-child {
    border-bottom: 0px;
    padding: 0px;
}

.upcoming-live-wrapper .upcoming-events-list-holder {
    min-height: unset;
    max-height: calc(100% - 53px);
    overflow-y: auto;
}

@-moz-document url-prefix() {
    .upcoming-live-wrapper .upcoming-events-list-holder {
        max-height: 281px;
    }
}

.upcoming-live-wrapper .upcoming-events-list-holder::-webkit-scrollbar {
    width: 8px;
}

.upcoming-live-wrapper .upcoming-events-list-holder::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.upcoming-live-wrapper .upcoming-events-list-holder::-webkit-scrollbar-thumb {
    background: #83838354;
    border-radius: 10px;
}

.upcoming-live-wrapper .upcoming-events-list-holder::-webkit-scrollbar-thumb:hover {
    background: #cccccc;
}

.upcoming-live-wrapper .upcoming-course-card {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
    height: 43px;
    border-radius: 4px;
    overflow: hidden;
}

.upcoming-live-wrapper .upcoming-course-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upcoming-live-wrapper .upcoming-course-info {
    padding: 0px 0px 0px 18px;
    width: calc(100% - 75px);
}

.upcoming-live-wrapper .upcoming-course-name {
    font-size: 14px;
    font-weight: 500;
    display: block;
    overflow: hidden;
    margin: 0px;
    color: #444;
    text-decoration: none;
    line-height: 16px;
}

.upcoming-live-wrapper .upcoming-course-name::first-letter {
    text-transform: capitalize;
}

.upcoming-live-wrapper .upcoming-course-timestamp {
    font-size: 13px;
    font-weight: 400;
    color: #939496;
    margin: 0;
    margin-top: 2px;
}

.upcoming-live-wrapper .upcoming-btn-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 7px;
}

.upcoming-live-wrapper .assignment-label {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #606060;
}

.live-upcoming-icon {
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    background: red;
    padding: 0px 8px 0px 20px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

.live-upcoming-icon:after {
    content: "";
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 5px;
    animation: blink 1.4s ease infinite;
}

.upcoming-live-wrapper .event-join-btn {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    background: #0181ff;
    padding: 3px 22px;
    border-radius: 6px;
    border: none;
    display: inline-block;
    cursor: pointer;
}

.upcoming-live-wrapper .event-join-btn:hover {
    background: #5577f1;
}

.more-events {
    font-size: 13px;
    font-weight: 500;
    color: #0181ff;
    cursor: pointer;
}

.more-events:hover {
    color: #0f73d6;
}

.no-upcoming-events {
    text-align: center;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.no-upcoming-events h6 {
    font-size: 14px;
    font-weight: 400;
    color: #cbcbcb;
    line-height: 46px;
    margin: 0px;
}

/* Message widget css by binsu */
.tutor-blk {
    border: 1px solid #ececec;
    background-color: #fff;
    /* width:400px; */
    border-radius: 5px;
    height: 100%;
}

.tutor-title-blk {
    width: 100%;
    margin-bottom: 6px;
    padding: 20px 20px 15px 20px;
}

.tutor-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    color: #444;
    text-transform: capitalize;
}

.tutor-viewall-btn {
    font-size: 13px;
    font-weight: 500;
    color: #0181ff;
    cursor: pointer;
}

.messages-widget-wrapper .tutor-msg-wrapper {
    max-height: 372px;
    overflow-y: auto;
    padding: 0px 20px 7px 20px;
}

.tutor-msg-wrapper::-webkit-scrollbar {
    width: 5px;
}

.tutor-msg-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.tutor-msg-wrapper::-webkit-scrollbar-thumb {
    background: #cdcdcd;
    border-radius: 10px;
    cursor: pointer;
}

.tutor-msg-container {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.tutor-msg-container:last-child {
    border-bottom: 0;
}

.tutor-msg-avatar {
    min-width: 35px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #c11919;
}

.tutor-msg-contents {
    padding-left: 15px;
    width: 100%;
}

.msg-sender-name {
    font-size: 14px;
    font-weight: 500;
    display: block;
    overflow: hidden;
    margin: 0px;
    color: #444;
    text-decoration: none;
    line-height: 16px;
    text-transform: capitalize;
    max-width: 235px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tutor-msg {
    font-size: 13px;
    font-weight: 400;
    color: #939496;
    margin: 0;
    max-width: 235px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.unread-msg {
    color: #5f616e;
}

.tutor-msg-date {
    font-size: 11px;
    font-weight: 400;
    color: #7b7b7b;
    white-space: nowrap;
    text-transform: capitalize;
}

.tutor-msg-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #0ab66e;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    margin-top: 7px;
}

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

.tutor-msg-right-part {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.tutor-msg-left-part {
    width: 100%;
}

.test-submission-header {
    background-color: #e2ebf0;
    color: #596978;
    font-size: 13px;
    font-weight: 500;
    padding: 18px 0px;
    text-transform: capitalize;
}

.test-sub-learners {
    flex: 0 0 50%;
    max-width: 50%;
}

.test-sub-date {
    flex: 0 0 30%;
    max-width: 30%;
}

.test-sub-status {
    flex: 0 0 20%;
    max-width: 20%;
    justify-content: flex-end;
    text-align: right;
}

.pl-18 {
    padding-left: 18px;
}

.pr-18 {
    padding-right: 18px;
}

/* .test-submission-blk{margin:15px 0;} */
/* .test-sub-data-blk{
   max-height: 441px;
   overflow-y: auto;
   padding: 0px 7px 7px 7px;
} */
.assignment-widget-wrapper,
.testsubmission-widget-wrapper,
.messages-widget-wrapper,
.upcoming-live-widget-wrapper,
.courses-widget-wrapper {
    /* min-height: 360px !important; */
    /* max-height: 400px !important; */
}

.assignment-widget-wrapper .test-sub-data-blk {
    max-height: calc(100% - 115px);
    overflow-y: auto;
    padding: 0px 7px 7px 7px;
}

.test-sub-data-blk::-webkit-scrollbar {
    width: 8px;
}

.test-sub-data-blk::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.test-sub-data-blk::-webkit-scrollbar-thumb {
    background: #cdcdcd;
    border-radius: 10px;
    cursor: pointer;
}

.test-sub-data-row {
    padding: 15px 11px;
    border-radius: 5px;
}

.tutor-user-avatar {
    min-width: 35px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #c11919;
}

.tutor-test-contents {
    padding-left: 15px;
    width: 100%;
}

.tutor-test-username {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    overflow: hidden;
    margin: 0px;
    color: #444;
    text-decoration: none;
    line-height: 16px;
    text-transform: capitalize;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tutor-test-eval {
    font-size: 13px;
    font-weight: 400;
    color: #8f939e;
    text-transform: capitalize;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.tutor-test-date {
    font-size: 13px;
    font-weight: 400;
    color: #111;
    text-align: center;
}

.tutor-status-btn {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    padding: 3px 12px;
    border-radius: 28px;
    border: 0;
    line-height: 14px;
}

.tutor-status-btn.green {
    background-color: #0ab66e;
    color: #fff;
}

.tutor-status-btn.green:hover,
.tutor-status-btn.green:focus {
    background-color: #098e56;
    color: #fff;
}

.tutor-status-btn.yellow {
    background-color: #fdb610;
    color: #fff;
}

.tutor-status-btn.yellow:hover,
.tutor-status-btn.yellow:focus {
    background-color: #ecaa00;
    color: #fff;
}

.test-sub-data-row:nth-child(even) {
    background-color: #f3f7fa;
}

.tutor-status-title {
    padding-right: 20px;
}

.assignment-widget-wrapper .tutor-status-btn.yellow {
    background-color: #0ab66e !important;
}

.assignment-widget-wrapper .tutor-status-btn.yellow:hover {
    background-color: #0b985d !important;
}

#messages-outter {
    align-items: start;
}

#messages {
    text-align: unset;
}

.msg-click {
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 11px 0px;
    border-bottom: 1px solid #eaeaea9e;
    cursor: pointer;
    position: relative;
}

.msg-click:last-child {
    border-bottom: 0px;
}

.msg-click .tutor-msg-left-part,
.msg-click .tutor-msg-right-part {
    position: relative;
    z-index: 999;
}

.msg-click:hover:after {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: 0px;
    bottom: 0px;
    background: #f3f7fa;
    border-radius: 6px !important;
    z-index: 0;
}

/* Message widget css by binsu ends */

/* .tutor-info-widget-wrapper, .upcoming-live-widget-wrapper, .courses-widget-wrapper , 
.assignment-widget-wrapper, .testsubmission-widget-wrapper, .messages-widget-wrapper {
   height: unset !important;
   min-height: unset !important;
} */

.tutor-info-widget-wrapper .grid-stack-item-content,
.upcoming-live-widget-wrapper .grid-stack-item-content,
.courses-widget-wrapper .grid-stack-item-content,
.assignment-widget-wrapper .grid-stack-item-content,
.testsubmission-widget-wrapper .grid-stack-item-content,
.messages-widget-wrapper .grid-stack-item-content {
    width: calc(100% - 20px) !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px !important;
    border: 0px !important;
    height: unset;
    min-height: unset;
    max-height: unset;
    overflow: hidden;
    box-shadow: 0px 0px 1px 2px #00000005 !important;
}

/* .tutor-info-widget-wrapper[data-gs-height="1"]{height: 183px !important;min-height: unset !important;}
.tutor-info-widget-wrapper[data-gs-height="1"] .grid-stack-item-content{height: 174px !important;} */

.tutor-info-widget-wrapper[data-gs-height="1"] .tutor-welcome-header {
    height: 73px;
    background-size: 128px;
}

.tutor-info-widget-wrapper[data-gs-height="1"] .tutor-info-container {
    height: 55px;
}

.tutor-info-widget-wrapper[data-gs-height="1"] .tutor-info-wrapper .tutor-avatar {
    width: 42px;
    height: 42px;
    border: 4px solid #fff;
}

.tutor-info-widget-wrapper[data-gs-height="2"] .tutor-welcome-header {
    height: 60%;
    background-size: 51%;
    background-position-y: bottom;
}

.tutor-info-widget-wrapper[data-gs-height="2"] .tutor-info-container {
    height: 40%;
    padding-top: 0px;
}

/* .tutor-info-widget-wrapper .grid-stack-item-content{min-height: 167px !important;}
.upcoming-live-widget-wrapper .grid-stack-item-content{min-height: 270px !important;}
.testsubmission-widget-wrapper  .grid-stack-item-content{min-height: 270px !important;}
.assignment-widget-wrapper  .grid-stack-item-content{min-height: 270px !important;}
.courses-widget-wrapper .grid-stack-item-content{min-height: 270px !important;}
.messages-widget-wrapper .grid-stack-item-content{min-height: 270px !important;}
*/

.tutor-info-widget-wrapper .grid-stack-item-content .tutor-info-wrapper,
.upcoming-live-widget-wrapper .grid-stack-item-content .upcoming-live-wrapper,
.testsubmission-widget-wrapper .grid-stack-item-content .tutor-blk,
.assignment-widget-wrapper .grid-stack-item-content .tutor-blk,
.courses-widget-wrapper .grid-stack-item-content .upcoming-live-wrapper,
.messages-widget-wrapper .grid-stack-item-content .tutor-blk {
    height: 100%;
    border-radius: 4px !important;
    overflow: hidden;
    background: #fff;
}

.testsubmission-widget-wrapper .test-sub-data-blk {
    max-height: calc(100% - 115px);
    overflow-y: auto;
    padding: 0px 7px 7px 7px;
}

.custom-widget-container {
    width: calc(100% - 20px);
    margin: 15px 10px 15px 10px;
    height: unset;
    min-height: unset;
}

.widget-action-btn {
    background: #fff;
    width: 42px;
    height: 42px;
    border-radius: 26px;
    box-shadow: 0px 0px 2px 3px #00000005 !important;
    position: absolute;
    left: -5px;
    top: 0px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease opacity, 0.4s ease visibility;
}

.widget-action-btn .drag-widget,
.delete-widget {
    padding: 12px 0px;
}

.widget-action-btn .drag-widget+.delete-widget {
    margin-top: 11px;
}

.widget-action-btn .drag-widget:hover svg {
    fill: #009688 !important;
}

.widget-action-btn .delete-widget:hover svg {
    fill: #f44336 !important;
}

.tutor-info-widget-wrapper .widget-action-btn {
    height: 42px;
}

.widget-action-btn .delete-widget {
    display: none;
}

.grid-stack-item:hover .widget-action-btn {
    visibility: visible;
    opacity: 1;
}

.grid-stack-item {
    border: 2px dashed transparent;
    transition: 0.3s border ease;
}

.grid-stack-item.ui-draggable-dragging {
    background: #fff;
    border: 2px dashed #dedede;
    border-radius: 4px;
}

.user-list-label {
    font-size: 13px;
    font-weight: 400;
    color: #787878;
    margin-top: 4px;
    white-space: nowrap;
}

.calendar-modal .ms-cal-row-title {
    width: 73px;
    color: #787878;
    font-size: 13px;
    font-weight: 400;
}

.calendar-widget-wrapper .fc-view-harness {
    box-shadow: 0px 0px 1px 2px #00000005 !important;
    overflow: hidden;
}

.calendar-widget-wrapper .fc-timegrid.fc-timeGridWeek-view.fc-view,
.calendar-widget-wrapper .fc-daygrid.fc-dayGridMonth-view.fc-view {
    background: #fff;
}

.calendar-widget-wrapper .fc-view-harness table {
    border: 0;
}

.calendar-widget-wrapper .fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: center !important;
}

.calendar-widget-wrapper .fc .fc-timegrid-slot-label-cushion {
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    padding: 0px !important;
    color: #909090;
}

.calendar-widget-wrapper .fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 15px 0px !important;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #5a5d61;
}

.calendar-widget-wrapper .grid-stack-item-content {
    padding-top: 0px !important;
}

.calendar-widget-wrapper .fc .fc-toolbar-title {
    font-size: 13px;
    font-weight: 500;
    color: #5d5d5d;
    margin: 0;
    padding: 8px 15px 8px 42px;
    position: relative;
}

.calendar-widget-wrapper .fc .fc-toolbar-title:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 15px;
    right: 0px;
    width: 17px;
    height: 18px;
    background: url(../images/calender-icon.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    opacity: 0.65;
}

.calendar-widget-wrapper .fc-col-header .fc-timegrid-axis-frame:after {
    content: "";
    position: absolute;
    top: 17px;
    left: 19px;
    right: 0px;
    width: 20px;
    height: 20px;
    background: url(../images/calender-icon2.png);
    background-repeat: no-repeat;
    background-size: 16px;
    opacity: 0.45;
}

.fc-direction-ltr .fc-toolbar>*> :not(:first-child) {
    margin-left: 0px !important;
}

.calendar-widget-wrapper .fc-add_event-button {
    background: #0181ff !important;
    outline: 0px !important;
    border: 0px !important;
    padding: 0px 25px 0px 45px !important;
    font-size: 13px !important;
    text-transform: capitalize !important;
    position: relative;
    height: 31px;
}

.calendar-widget-wrapper .fc-add_event-button:before {
    content: "+";
    background: #fff;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 25px;
    height: 25px;
    border-radius: 2px;
    font-size: 26px;
    font-weight: 700;
    line-height: 24px;
    color: #0181ff;
    text-align: center;
}

.calendar-widget-wrapper .fc-add_event-button:hover,
.calendar-widget-wrapper .fc-add_event-button:focus {
    background: #2e83d6 !important;
}

.calendar-widget-wrapper .fc-scrollgrid-section-header .fc-scroller {
    overflow: hidden !important;
    width: calc(100% - 10px);
}

.calendar-widget-wrapper .fc-dayGridMonth-view .fc-scroller {
    width: 100%;
}

.calendar-widget-wrapper .fc-toolbar-chunk {
    border-radius: 4px !important;
    overflow: hidden;
}

.calendar-widget-wrapper .fc-toolbar-chunk .fc-button-group {
    box-shadow: 0px 0px 2px 1px #00000005 !important;
    border: 1px solid #f1f1f1 !important;
    border-radius: 4px;
}

.calendar-widget-wrapper .fc-button:not(.fc-add_event-button) {
    background: #ffffff !important;
    border-color: #fff !important;
    color: #7d7d7d !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 3px 0px !important;
    width: 73px !important;
    height: 32px !important;
    text-transform: capitalize;
}

.calendar-widget-wrapper .fc-button.fc-button-active {
    background: #0181ff !important;
    border-color: #fff !important;
    color: #fff !important;
    border-radius: 4px !important;
    opacity: 1 !important;
}

.calendar-widget-wrapper .fc-today-button:hover {
    background: #0181ff !important;
    color: #fff !important;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
    background: #fff;
    height: 31px;
    box-shadow: 0px 0px 1px 1px #00000003 !important;
    border: 1px solid #f1f1f1 !important;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-prev-button {
    background: #fff;
    color: #5d5d5d;
    border: 0px;
    border-right: 1px solid #cccccc59;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-next-button {
    background: #fff;
    color: #5d5d5d;
    border: 0px;
    border-left: 1px solid #cccccc59;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin: 0px !important;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-next-button:hover,
.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-next-button:focus,
.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-prev-button:hover,
.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-prev-button:focus {
    background: #0181ff0a;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-button .fc-icon {
    color: #5d5d5da6;
    font-size: 18px;
}

.calendar-widget-wrapper .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 12px !important;
    padding: 15px 13px 5px 13px;
}

.calendar-widget-wrapper .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar {
    width: 10px !important;
}

.calendar-widget-wrapper .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

.calendar-widget-wrapper .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb {
    background: #cdcdcd !important;
    border-radius: 10px !important;
    cursor: pointer !important;
}

.calendar-widget-wrapper .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb:hover {
    background: #949494 !important;
}

.calendar-widget-wrapper .fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    font-weight: 400;
}

.calendar-widget-wrapper .fc-daygrid-dot-event {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 0px 10px;
    color: #fff;
}

.fc .fc-daygrid-more-link {
    font-size: 11px;
    font-weight: 400;
}

.fc-daygrid-event-dot {
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    border-width: 20px !important;
    padding: 0px;
    margin: 0px 0px !important;
    width: unset !important;
}

.fc-daygrid-event-harness+.fc-daygrid-event-harness {
    margin-top: 5px;
}

.calendar-widget-wrapper table>colgroup col {
    width: 52px !important;
}

.fc-timegrid-slot-label {
    border-bottom: 0px !important;
    border-top: 0px !important;
}

.fc .fc-more-popover {
    z-index: 999999 !important;
}

.calendar-widget-wrapper .fc .fc-more-popover .fc-popover-body {
    max-height: 250px;
    overflow-y: auto;
}

.calendar-widget-wrapper .fc .fc-more-popover .fc-popover-body::-webkit-scrollbar {
    width: 5px !important;
}

.calendar-widget-wrapper .fc .fc-more-popover .fc-popover-body::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

.calendar-widget-wrapper .fc .fc-more-popover .fc-popover-body::-webkit-scrollbar-thumb {
    background: #cdcdcd !important;
    border-radius: 10px !important;
    cursor: pointer !important;
}

.fc-daygrid-event-harness:hover,
.fc-timegrid-event-harness:hover {
    z-index: 99999 !important;
    min-width: 100%;
}

.fc-daygrid-event-harness+.fc-daygrid-event-harness {
    margin-top: 10px;
}

.grid-stack-placeholder.grid-stack-item {
    background: #00d0ff0f;
    border: 2px dashed #8686864f;
    border-radius: 4px;
    opacity: 1 !important;
    box-shadow: 0px 0px 1px 2px #00000005 !important;
}

.placeholder-content {
    background: transparent;
    border: 0px !important;
}

/* Calendar widget ends */

/* Manage widget popup */
.widget-modal-close {
    position: relative;
    font-size: 26px;
    font-weight: 400;
    color: #737373;
    line-height: 16px;
    cursor: pointer;
}

.widget-modal-header {
    width: 100%;
    text-transform: capitalize;
    margin: 0px;
}

.manage-widgets-blk .checkmark-reducer {
    border: 1px solid #bfb9b9 !important;
    border-radius: 3px;
}

.widget-modal .modal-dialog {
    width: 380px;
}

.widget-modal .modal-content {
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 0px 10px 4px #00000017;
}

.widget-modal-footer {
    margin-top: 25px;
}

.widget-checkbox-modal {
    margin-top: 25px;
}

.manage-widgets-blk .liveclass-label {
    color: #616161;
}

.widget-checkbox-modal .checkbox-margin {
    margin-top: -16px;
}

/* Manage widget popup ends */

/* Calendar Event popup */
.calendar-modal .modal-dialog {
    width: 800px;
}

.calendar-modal .modal-content {
    border-radius: 5px;
}

.calendar-meet-coursecard-blk {
    min-height: 150px;
    background-color: #f7f8fc;
    border: 1px solid #eeeeeede;
    margin: 10px 0;
}

.calendar-modal .coursecard-popup-blk {
    flex: 0 0 65%;
    max-width: 65%;
    border-right: 1px solid #eeeeeede;
    padding: 18px 18px 0px 18px;
}

.calendar-modal .coursecard-img-wrapper {
    width: 135px;
    min-width: 135px;
    height: 85px;
    border-radius: 4px;
    overflow: hidden;
}

.calendar-modal .coursecard-desc-blk {
    padding-left: 15px;
    padding-right: 30px;
}

.calendar-modal .coursecard-name {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.calendar-modal .coursecard-name::first-letter {
    text-transform: capitalize;
}

.calendar-modal .notify-calendar-icon {
    width: 15px;
    height: 13px;
}

.calendar-modal .notify-calendar-icon svg {
    fill: #cf8846;
}

.calendar-modal .date-notify-blk {
    padding: 6px;
    background-color: #f5ebe2;
    color: #cf8846;
    border-radius: 4px;
    margin-top: 10px;
    display: inline-flex !important;
}

.calendar-modal .date-notify {
    font-size: 12px;
    font-weight: 500;
    padding-left: 10px;
    white-space: nowrap;
}

.calendar-modal .course-user-avatar-wrapper {
    min-width: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.calendar-modal .course-user-name {
    font-size: 13px;
    font-weight: 500;
    color: #444;
    text-transform: capitalize;
    max-width: 195px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar-modal .course-user-registered {
    margin: 5px 15px 0px 0px;
}

.calendar-modal .ms-cal-row {
    margin: 10px 0;
    margin-bottom: 15px;
}

.calendar-modal .ms-cal-data {
    padding-left: 10px;
    color: #4e4e4e;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.calendar-modal .duration-time {
    padding-left: 15px;
}

.calendar-modal .ms-row {
    display: grid;
    grid-template-columns: 250px auto;
    padding: 6px 0px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    font-style: normal;
}

.calendar-modal .calendar-details-wrapper .ms-row {
    grid-template-columns: 123px auto;
    border-bottom: 0px;
}

.calendar-modal .ms-row-title {
    text-align: left;
    padding-left: 30px;
    color: #7f7f7f;
    font-weight: 500;
}

.calendar-modal .calendar-details-wrapper .ms-row-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 15px;
    color: #757575;
    font-weight: 400;
}

.calendar-modal .calendar-details-wrapper .ms-row-data {
    text-align: left;
    padding-left: 30px;
    color: #4e4e4e;
    font-weight: 500;
}

.calendar-modal .calendar-details-wrapper .invite-link {
    color: #126edd;
    display: inline-block;
    max-width: 346px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-modal .calendar-footer-blk {
    justify-content: flex-end;
    margin-top: 20px;
}

.calendar-modal .live-blue-btn {
    font-size: 13px;
    border-radius: 4px !important;
    min-height: unset !important;
    background: #59c500;
    color: #fff;
    text-transform: unset;
}

.calendar-modal .live-edit-btn {
    font-size: 13px !important;
    border-radius: 4px !important;
    min-height: unset !important;
    color: #42c1f1;
    text-transform: unset;
    border: 2px solid #42c1f1;
    background: unset;
    box-shadow: unset;
    height: 34px;
}

.calendar-modal .live-edit-btn:hover,
.live-edit-btn:focus {
    color: #fff;
    background: #42c1f1;
    border: 2px solid #42c1f1;
}

.calendar-modal .live-blue-btn {
    font-size: 13px;
    border-radius: 4px !important;
    min-height: unset !important;
    background: #59c500;
    color: #fff;
    text-transform: unset;
}

.calendar-modal .live-blue-btn:hover,
.live-blue-btn:focus {
    color: #fff;
    background: #4ba004;
}

.calendar-modal .del-livebtn {
    font-size: 13px;
    background: unset;
    box-shadow: unset;
    color: #ff0000;
    text-transform: unset;
}

.calendar-modal .del-livebtn:hover,
.del-livebtn:focus {
    background: unset;
    color: #ff3939;
}

.calendar-modal .ms-cal-agenda-blk {
    flex: 0 0 35%;
    max-width: 35%;
    padding: 0px 18px 18px 18px;
}

.calendar-modal .ms-cal-agenda-header {
    margin: 4px 0 0 1px;
    justify-content: space-between;
    align-items: center;
    min-height: 45px;
    width: 100%;
    padding-top: 6px;
}

.calendar-modal .ms-agenda-title {
    font-size: 13px;
    font-weight: 500;
    color: #6f7376;
}

.calendar-modal .ms-agenda-more-dots {
    font-size: 31px;
    letter-spacing: -2px;
    color: #6f7376;
    line-height: 14px;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    min-width: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
}

.calendar-modal .ms-agenda-desc {
    margin-right: 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 23px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.calendar-modal .ms-agenda-more-dots-blk {
    position: relative;
}

.calendar-modal .agenda-popup {
    display: none;
    position: absolute;
    top: calc(100% - 30px);
    min-width: 175px;
    background-color: #fff;
    border-radius: 5px;
    left: 47px;
    z-index: 9999999;
    box-shadow: 0px 0px 10px #00000042;
}

.calendar-modal .agenda-popup::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 13px;
    left: -5px;
    transform: rotate(225deg);
}

.calendar-modal .agenda-popup-wrapper {
    padding: 0 18px;
    min-height: 180px;
    max-height: 188px;
    overflow-y: auto;
}

.calendar-modal .agenda-popup-wrapper::-webkit-scrollbar {
    width: 5px !important;
}

.calendar-modal .agenda-popup-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

.calendar-modal .agenda-popup-wrapper::-webkit-scrollbar-thumb {
    background: #cdcdcd !important;
    border-radius: 10px !important;
    cursor: pointer !important;
}

.calendar-modal .agenda-popup-container {
    padding: 14px 3px;
    border-bottom: 1px solid #eaeaea;
    white-space: nowrap;
    max-width: 135px;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: #444;
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
}

.calendar-modal .agenda-popup-container:last-child {
    border-bottom: 0px;
}

.calendar-modal .agenda-popup-container:hover:after {
    content: "";
    position: absolute;
    left: -20px;
    right: -22px;
    top: 0px;
    background: #cccccc1a;
    height: 100%;
    z-index: 9999;
}

.calendar-modal .ms-agenda-more-dots-blk:hover .ms-agenda-more-dots {
    background-color: #e9edf0;
}

.calendar-modal .ms-agenda-more-dots-blk.active .agenda-popup {
    display: block;
}

.calendar-modal .tutor-modal-close {
    font-size: 28px;
    font-weight: 400;
    color: #444444a6;
    line-height: 22px;
    cursor: pointer;
}

/* Calendar Event popup ends */

/* Small widgets */
/* .institution-widget-wrapper .grid-stack-item-content{height: 502px;} */
.institution-widget-wrapper .institution-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: flex-start;
}

.institution-widget-wrapper .institute-widget-col {
    background: #fff;
    border-radius: 4px;
    padding: 20px 5px 20px 15px;
    width: calc(25% - 18px);
    margin: 0px 18px 18px 0px;
    position: relative;
    box-shadow: 0px 0px 1px 2px #00000005;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.institution-widget-wrapper .institute-widget-col:nth-child(4) {
    margin: 0px;
    width: 25%;
}

.institution-widget-wrapper .institute-widget-col {
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    width: calc(25% - 18px);
    margin: 0px 18px 18px 0px;
    position: relative;
    box-shadow: 0px 0px 1px 2px #00000005;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.institution-widget-wrapper .institute-widget-col .institute-widget-icon {
    width: 38px;
    height: 38px;
    background: aquamarine;
    border-radius: 50%;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    /* margin-top: 13px; */
}

/* .institution-widget-wrapper .institute-widget-col .institute-widget-icon{
   width: 38px;
   height: 38px;
   background: aquamarine;
   border-radius: 50%;
   margin-right: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
} */
.institution-widget-wrapper .institute-widget-col .institute-widget-icon svg {
    fill: #fff !important;
    width: 18px !important;
    height: 18px !important;
}

.institution-widget-wrapper .institute-widget-col .institute-widget-title {
    /* font-size: 18px; */
    font-size: 15px;
    font-weight: 700;
    color: #444;
    z-index: 9;
    position: relative;
}

.institution-widget-wrapper .institute-widget-col .widget-status-count {
    font-size: 13px;
    font-weight: 500;
    color: #00000087;
    z-index: 9;
    position: relative;
    display: none;
}

.institution-widget-wrapper .institute-widget-col .widegt-bg-icon {
    position: absolute;
    /* right: 5px;
   bottom: 20px;
   width: 45px;
   height: 45px; */
    right: 8px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    display: none;
}

.institution-widget-wrapper .institute-widget-col .widegt-bg-icon svg {
    width: 100% !important;
    height: 100% !important;
    fill: #f8f8f8 !important;
}

.institution-widget-wrapper .learner-widget .institute-widget-icon {
    background: #fe0000;
}

.institution-widget-wrapper .branches-widget .institute-widget-icon {
    background: #aa25ee;
}

.institution-widget-wrapper .batches-widget .institute-widget-icon {
    background: #4cccef;
}

.institution-widget-wrapper .question-widget .institute-widget-icon {
    background: #fbc701;
}

.institution-widget-wrapper .reports-widget .institute-widget-icon {
    background: #00c865;
}

.institution-widget-wrapper .events-widget .institute-widget-icon {
    background: #04c663;
}

.institution-widget-wrapper .courses-widget .institute-widget-icon {
    background: #ff0967;
}

.institution-widget-wrapper .liveclasses-widget .institute-widget-icon {
    background: #a824ee;
}

.institution-widget-wrapper .facilitators-widget .institute-widget-icon {
    background: #ff8f53;
}

.institution-widget-wrapper .institute-widget-col:nth-child(n + 5) {
    margin-bottom: 0px;
}

.institution-widget-wrapper .institute-widget-col:nth-child(8) {
    margin: 0px;
    width: 25%;
}

.institution-widget-wrapper .widget-action-btn {
    display: none;
}

/* .institution-widget-wrapper .grid-stack-item-content{min-height: 439px;} */

.institution-widget-wrapper[data-gs-height="1"] .institution-block {
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100%;
}

.institution-widget-wrapper[data-gs-height="1"] .institution-block .institute-widget-col {
    margin: 0px 18px 0px 0px;
}

.institution-widget-wrapper[data-gs-height="1"] .institution-block .institute-widget-col:last-child() {
    margin: 0px;
}

.institution-widget-wrapper[data-gs-height="2"] .institution-block {
    height: 100%;
    align-items: stretch;
}

.institution-widget-wrapper[data-gs-height="2"] .institution-block .institute-widget-col:nth-child(4) {
    width: 25%;
    margin-right: 0px;
    margin-bottom: 18px;
}

/*  */

@media (min-width: 1920px) {
    /* .institution-widget-wrapper .institute-widget-col .institute-widget-title{font-size: 18px;}
   .institution-widget-wrapper .institute-widget-col .widegt-bg-icon{
       right: 5px;
       bottom: 20px;
       width: 45px;
       height: 45px;
   }
   .institution-widget-wrapper .institute-widget-col{
       padding: 16px 25px;
       width: calc(20% - 12px);
       margin-right: 12px;
   }
   .institution-widget-wrapper .institute-widget-col .institute-widget-icon{
       width: 50px;
       height: 50px; 
       margin-bottom: 15px;
   }
   .institution-widget-wrapper .institute-widget-col .institute-widget-icon svg{
       width: 25px !important;
       height: 25px !important;
   } */
}

/* Small widgets ends*/

/* Tutor Dashboard ends */

/* Scorm Updates */
.attatchment-block {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 17px;
    border: 1px solid #ffa650;
}

.attatchment-pin-icon {
    width: 40px;
    height: inherit;
    background: #ffa650;
    display: flex;
    align-items: center;
    justify-content: center;
}

.attatchment-label {
    background: #fff0e0;
    padding: 11px 15px;
    display: inline-flex;
    width: calc(100% - 40px);
    font-size: 14px;
    font-weight: 500;
    color: #444444d4;
}

.attatchment-label label {
    word-break: break-all;
}

.timer-icon {
    width: 55px;
    height: 55px;
    margin: 0 auto;
    margin-bottom: 30px;
}

/* Scorm Updates ends */

.rule-dripping-wrapper {
    background: #ffffffa6;
    border: 1px dashed #0000001a;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.rule-dripping-wrapper .activities-row {
    border-bottom: 1px solid #0000000a;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.rule-dripping-wrapper .activities-row:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

@media (min-width: 1367px) {
    .right-top-table td .rt-text {
        top: 33px !important;
        position: relative;
        padding-bottom: 7px;
    }
}

.date-format-message {
    font-size: 13px;
    font-weight: 400;
    color: #ff0000bf;
}

.meeting-schedule-wrapper .ms-row-data .invite-link {
    max-width: 280px !important;
}

.rulemore2 .custom-rounded-btn .plus-icon {
    font-size: 18px;
    font-weight: 500;
    margin-right: 10px;
    margin-top: 0;
    position: relative;
    top: 2px;
}

.fc-h-event .fc-event-main-frame {
    flex-direction: column-reverse;
    padding: 0px 7px;
}

@media (max-width: 1500px) {

    .builder-inner-from .lecture-dropdown,
    .builder-inner-from .lecture-action {
        font-size: 12px;
    }
}

/* Course-owner label */
.course-owner-label {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #fee1ca;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.course-owner-label svg.courseowner-icon {
    fill: #fa7300;
    width: 12px;
    height: 12px;
}

.course-owner-tooltip {
    position: absolute;
    top: -37px;
    right: -5px;
    background: #444;
    padding: 2px 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease opacity;
    white-space: nowrap;
}

.course-owner-tooltip:after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 14px;
    background: #444444;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
}

.course-owner-tooltip-label {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin-left: 8px;
    line-height: 12px;
}

.course-owner-label:hover .course-owner-tooltip {
    visibility: visible;
    opacity: 1;
}

.unregistered-learner {
    display: inline-block;
    background: orange;
    width: 15px;
    height: 15px;
    min-height: 13px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    line-height: 15px;
    margin-left: 10px;
}

.duplicate-org-column {
    background: #00000005;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    margin-top: 5px;
}

.duplicate-org-name {
    color: #ff9c07;
    font-size: 15px;
    font-weight: 500;
}

.close-org-creation {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #717171 !important;
    text-transform: uppercase;
    background: unset !important;
    box-shadow: unset;
}

/* Booking Management */

/* Blended course */
.booking-wrapper {
    margin: 0px 15px 15px 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 3px #00000003;
}

.booking-nav-tabs .nav-tabs {
    border-bottom: 2px solid #51aefb;
    padding: 6px 15px 0px 15px;
}

.booking-nav-tabs .nav-tabs li a {
    padding: 10px 20px 10px 20px;
    border-radius: 5px 5px 0px 0px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    color: #737373;
    margin-right: 25px;
}

.booking-nav-tabs .nav-tabs li a svg {
    width: 16px;
    height: 16px;
    margin-right: 15px;
    fill: #b3b4b7;
}

.booking-nav-tabs .nav-tabs li.active a {
    background: #0181ff;
    color: #fff;
}

.booking-nav-tabs .nav-tabs li.active a svg {
    fill: #fff !important;
}

.bc-row {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto;
    box-shadow: 0px 4px 16px 0px #0000000a;
    border-bottom: 1px solid #ededed;
}

.bc-counter-col {
    text-align: center;
    /* width: 14.28%;
   min-width: 14.28%; */
    padding: 15px;
    position: relative;
}

.bc-counter-col:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 70%;
    width: 1px;
    background: #eeeeee;
}

.bc-counter-col:last-child:after {
    content: unset;
}

.bc-count {
    font-size: 16px;
    font-weight: 700;
    color: #444;
}

.bc-label {
    font-size: 12px;
    font-weight: 400;
    color: #ababab;
}

.bc-datatable-holder table.dataTable.nowrap th {
    background: #edf3f3 !important;
    color: #191919;
    font-size: 13px;
    font-weight: 500;
    border-color: #ededed;
    padding: 14px 22px;
    text-align: center;
    position: relative;
}

.bc-datatable-holder table.dataTable.nowrap th:focus {
    outline: none;
}

.bc-datatable-holder .dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

/*.bc-datatable-holder table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color: #fff !important;}*/
.bc-datatable-holder table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #fff !important;
}

.bc-datatable-holder table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even {
    background-color: #f8faf9 !important;
}

.bc-datatable-holder table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd td {
    border: 0px !important;
    text-align: center;
}

.bc-datatable-holder table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even td {
    border: 0px !important;
    text-align: center;
}

.bc-datatable-holder .table.dataTable tbody th,
table.dataTable tbody td {
    padding: 10px 22px;
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 400;
}

.bc-datatable-holder table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: unset;
}

.bc-datatable-holder .dataTables_scrollBody {
    border: 0px;
}

.bc-datatable-holder .dataTables_paginate .paginate_button {
    background: #e7e7e7 !important;
    border: 0px !important;
    color: #272727 !important;
    border-radius: 50% !important;
    width: 27px;
    height: 27px;
    padding: 0px !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    margin: 0px !important;
    margin-right: 5px !important;
    position: relative;
}

.bc-datatable-holder .dataTables_paginate .paginate_button:hover {
    color: #272727 !important;
}

.bc-datatable-holder .dataTables_paginate .paginate_button.current {
    background: #0181ff !important;
    color: #fff !important;
}

.bc-datatable-holder .dataTables_paginate .paginate_button.previous,
.bc-datatable-holder .dataTables_paginate .paginate_button.next {
    font-size: 0px;
    line-height: 34px;
}

.bc-datatable-holder .dataTables_paginate .paginate_button.previous:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 8px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    transform: rotate(-45deg);
}

.bc-datatable-holder .dataTables_paginate .paginate_button.next:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #444;
    border-right: 1px solid #444;
    transform: rotate(45deg);
}

.bc-datatable-holder .dataTables_scrollBody {
    border-color: #ebebeb !important;
    /*padding-bottom: 5px;*/
}

.bc-datatable-holder .dataTables_info {
    display: none;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_paginate {
    float: left !important;
    padding: 14px 20px;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_filter {
    float: left;
    padding: 12px 15px;
}

.booking-wrapper .tab-pane {
    position: relative;
}

.blendedcourse-action-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 11px 0px 11px 15px;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_filter input {
    border: 0;
    border-radius: 22px;
    padding: 8px 30px 8px 38px;
    background-color: transparent;
    margin-left: 3px;
    background: #eff3f6;
    min-width: 300px;
    font-size: 13px;
    font-weight: 400;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_filter input[type="search"]::placeholder {
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: #a9a9a9;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_filter input:focus {
    outline: none;
}

.bc-datatable-holder table.dataTable.nowrap th:nth-child(1),
.bc-datatable-holder table.dataTable.nowrap td:nth-child(1) {
    text-align: left;
    padding: 10px 22px;
}

.bc-datatable-holder table.dataTable.nowrap th:nth-child(2),
.bc-datatable-holder table.dataTable.nowrap td:nth-child(2) {
    text-align: left;
    padding: 10px 22px;
}

.bc-datatable-holder .dataTables_filter label {
    font-size: 0px;
}

.bc-datatable-holder .dataTables_scrollHead table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    position: relative;
}

.bc-datatable-holder .dataTables_scrollHeadInner table.dataTable thead th.sorting:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #818586c9;
    position: absolute;
    top: 18px;
    right: 10px;
}

.bc-datatable-holder .dataTables_scrollHeadInner table.dataTable thead th.sorting:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #818586c9;
    position: absolute;
    top: 25px;
    right: 10px;
}

.bc-datatable-holder .dataTables_scrollHeadInner table.dataTable thead th.sorting_asc:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #818586c9;
    position: absolute;
    top: 18px;
    right: 10px;
}

.bc-datatable-holder .dataTables_scrollHeadInner table.dataTable thead th.sorting_desc:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #818586c9;
    position: absolute;
    top: 25px;
    right: 10px;
}

.bc-datatable-holder table.dataTable .dataTables_empty {
    text-align: center !important;
    font-size: 15px !important;
    color: #a9a9a9 !important;
    padding: 100px 0px !important;
}

.theme-blue-btn1 {
    background: #0882fd;
    color: #fff;
    font-size: 13px !important;
    font-weight: 500;
    border-radius: 6px;
    padding: 7px 17px;
    box-shadow: unset;
    text-transform: unset;
    display: inline-block;
    position: relative;
}

.theme-blue-btn1:hover,
.theme-blue-btn1:focus {
    background: #0772de;
    color: #fff !important;
}

.theme-blue-btn2 {
    background: transparent;
    border: 1px solid #0882fd;
    color: #0882fd;
    font-size: 13px !important;
    font-weight: 500;
    border-radius: 6px;
    padding: 7px 17px;
    box-shadow: unset;
    text-transform: unset;
    position: relative;
}

.theme-blue-btn2:hover,
.theme-blue-btn2:focus {
    background: #0882fd12;
    color: #0882fd;
    border: 1px solid #0882fd;
}

.custom-add-btn {
    padding-left: 33px !important;
}

.custom-add-btn:after {
    content: "+";
    width: 16px;
    height: 16px;
    background: #fff;
    color: #0882fd;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    top: 10px;
}

.bc-datatable-holder .datatable-searchicon {
    position: absolute;
    left: 28px;
    top: 23px;
    font-size: 13px;
}

.column-highlight {
    background: #ff00d40f !important;
}

.column-highlight2 {
    background: #0db1280f !important;
}

#bc-datatable td,
.dataTable th {
    border-right: 1px solid #f3f3f3 !important;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    height: calc(100vh - 388px);
    min-height: calc(100vh - 388px);
    max-height: calc(100vh - 388px);
}

#venue .dataTables_scrollBody {
    height: calc(100vh - 318px);
    min-height: calc(100vh - 318px);
    max-height: calc(100vh - 318px);
}

.bc-column-selector .dropdown-toggle {
    padding: 0px 15px;
    font-size: 26px;
    font-weight: 500;
    position: relative;
    top: -5px;
    letter-spacing: -1px;
    color: #a2a2a2;
    cursor: pointer;
}

.bc-column-selector .dropdown-toggle span {
    position: relative;
    top: -1px;
    left: -2px;
    user-select: none;
}

.bc-column-selector .dropdown-toggle:hover {
    color: #0772de;
}

.bc-column-selector .dropdown-toggle:hover:after {
    content: "";
    width: 30px;
    height: 30px;
    background: #0882fd12;
    position: absolute;
    top: 9px;
    left: 7px;
    right: 0px;
    bottom: 0px;
    border-radius: 50%;
    /* z-index: -9; */
}

.bc-column-selector .dropdown-menu {
    right: 10px;
    top: 40px;
    left: unset;
    margin: 0px;
    background: #fff;
    border: 0;
    padding: 0px;
    box-shadow: 0px 0px 4px 0px #00000026;
    overflow: hidden;
    width: 210px;
}

.bc-column-selector .dropdown-menu li label {
    font-size: 13px;
    font-weight: 500;
    padding: 10px 20px;
    cursor: pointer;
    width: 100%;
}

.bc-column-selector .dropdown-menu li:hover {
    background: #eee;
}

.bc-column-selector .dropdown-menu li input {
    margin-right: 10px;
}

#events .bc-column-selector .dropdown-menu {
    position: absolute !important;
    top: 0 !important;
    margin-top: 25px;
    right: 20px !important;
}

#blended-courses .bc-column-selector .dropdown-menu {
    position: absolute !important;
    top: 0 !important;
    margin-top: 25px;
    right: 20px !important;
}

table#venuedata ul.dropdown-menu {
    position: absolute !important;
    top: 0 !important;
    margin-top: 25px;
}

#organisation table td .dropdown-menu {
    right: 0px;
    width: 200px !important;
    position: absolute !important;
    top: 0 !important;
    margin-top: 20px;
}

.no-sort:after,
.no-sort:before {
    content: unset !important;
}

.no-sort {
    pointer-events: none;
}

.table.dataTable.no-footer {
    border-bottom: 1px solid #f1f1f1 !important;
}

table#venue-datatable tbody tr td {
    border-right: 1px solid #f3f3f3 !important;
}

table.dataTable.nowrap th.text-left,
table.dataTable.nowrap td.text-left {
    text-align: left !important;
}

.bc-search {
    border: 0;
    border-radius: 22px;
    padding: 8px 30px 8px 38px;
    background-color: transparent;
    margin-left: 3px;
    background: #eff3f6;
    min-width: 300px;
    font-size: 13px;
    font-weight: 400;
    /* margin: 0px; */
}

.bc-search::placeholder {
    font-size: 13px;
    font-weight: 400;
    color: #ccd0d1;
    font-style: italic;
}

.bc-search:hover,
.bc-search:focus {
    outline: none;
}

.bc-counter-col.active * {
    color: #0181ff;
}

.dataTables_filter {
    position: relative;
}

.datatable-searchicon {
    position: absolute;
    left: 28px;
    top: 23px;
    font-size: 13px;
}

/* Blended course ends */

/* Create Course by binsu 22-01-2021 */
.el-schedule-page {
    margin: 0px 15px 15px 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 3px #00000003;
}

.el-schedule-page *::placeholder {
    color: #cacaca;
}

.sidemenu-course-blk {
    position: fixed;
    padding: 15px;
    border-right: 1px solid #dedede;
    min-height: calc(100vh - 109px);
    background-color: #f9f9f9;
    border-bottom-left-radius: 4px;
    width: 218px;
}

.tabs-left>li,
.tabs-right>li {
    float: none;
    margin-bottom: 2px;
}

.tabs-left>li {
    margin-right: -1px;
}

.tabs-right>li {
    margin-left: -1px;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-right-color: transparent;
}

.tabs-left.nav-tabs {
    border-bottom: 0;
}

.tabs-left.nav-tabs li.active {
    background: #d8edf2;
}

.tabs-left>li {
    border-radius: 5px;
    margin: 7px 0;
}

.tabs-left.nav-tabs li.active a {
    color: #0778f0;
    font-weight: 500;
}

.tabs-left>li a {
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 500;
}

.sidemenu-course-tab-disply {
    padding-left: 218px;
}

/* schedule part starts here */
.schedule-blk {
    padding: 25px 20px;
    width: 50%;
    margin-bottom: 65px;
}

.course-caption {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.course-caption.grey-color {
    color: #7b7b7b;
    font-weight: 500;
}

.course-subcaption {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.schedule-wrapper {
    padding-left: 15px;
    padding-bottom: 15px;
}

.el-schedule-page input,
.el-schedule-page select {
    min-height: 36px;
    font-size: 13px;
    font-weight: 400;
    color: #444;
}

.select-caret-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-10%);
    right: 18px;
    pointer-events: none;
    border-width: 5px;
    border-style: solid;
    border-color: #444 transparent transparent transparent;
}

.custom-dropdn-holder select {
    /* background: unset !important; */
    background-size: 12px !important;
    font-size: 13px;
    /* height: 37px !important; */
}

.fixed-footer {
    left: 303px !important;
    right: 0px;
    bottom: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5px;
    box-shadow: unset !important;
    border-top: 2px solid #eee;
    border-left: 1px solid #eee;
    width: calc(100vw - 317px);
}

.next-custom-btn {
    text-transform: capitalize;
    background-color: #0181ff;
    color: #fff;
    border-radius: 5px;
    min-width: unset;
    padding: 6px 18px;
    outline: none;
    box-shadow: none;
}

.next-custom-btn:hover {
    color: #fff;
    filter: grayscale(0.25);
}

.cancel-btn {
    text-transform: capitalize;
    background-color: unset;
    color: #444;
    margin-right: 10px;
    outline: none;
    box-shadow: none;
}

.calandar-icon-holder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 15px;
}

.calandar-icon-holder img {
    width: 15px;
    height: auto;
}

.calandar-icon-holder svg {
    width: 15px;
    height: auto;
    margin-top: 3px;
}

.add-venue-btn-wrapper {
    color: #0078f3;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.add-venue-btn-wrapper .plus-icon {
    display: inline-block;
    min-width: 15px;
    width: 15px;
    height: 15px;
    background-color: #0078f3;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    margin-right: 12px;
    text-align: center;
}

.multiselect-input-holder .bootstrap-tagsinput .tag {
    color: #3e3838 !important;
    font-weight: normal;
    border-radius: 15px;
    width: auto !important;
    display: inline-block !important;
    white-space: normal;
    background: #e6e6e6;
    position: relative;
    padding: 6px 25px 6px 10px;
    min-width: 64px;
    margin-top: 5px;
    justify-content: space-between;
    margin-right: 2px;
}

.multiselect-input-holder .bootstrap-tagsinput .label-info span:after {
    content: "×" !important;
    background: #a5a5a580;
    color: #444;
    width: 14px;
    min-width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 4px;
    line-height: 14px;
    cursor: pointer;
}

.multiselect-input-holder .bootstrap-tagsinput .tag.label-info span {
    float: right;
    display: inline;
}

.multiselect-input-holder .bootstrap-tagsinput input {
    font-size: 12px;
}

.multiselect-input-holder .bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

.multiselect-input-holder .bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    min-height: 100px;
    max-height: 100px;
    overflow-y: auto;
    padding-right: 40px;
}

.multiselect-input-holder .bootstrap-tagsinput::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
}

.multiselect-input-holder .bootstrap-tagsinput::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.multiselect-input-holder .bootstrap-tagsinput::-webkit-scrollbar-thumb {
    background: #888;
}

.multiselect-input-holder {
    position: relative;
}

.multiselect-input-holder-close {
    position: absolute;
    font-size: 26px;
    font-weight: 500;
    color: #8d8d8d;
    right: 35px;
    top: 10px;
    cursor: pointer;
}

.multiselect-down-arrow {
    position: absolute;
    top: 25px;
    right: 15px;
    border-width: 5px;
    border-style: solid;
    border-color: #8d8d8d transparent transparent transparent;
    cursor: pointer;
}

.max-content-display {
    max-height: 100%;
    overflow-y: auto;
}

/* website page */
.create-website-page {
    display: flex;
    margin-bottom: 20px;
}

.create-web-left-part {
    padding: 25px 20px;
    width: calc(100% - 409px);
    min-width: calc(100% - 409px);
    max-width: calc(100% - 409px);
}

.create-web-right-part {
    position: fixed;
    right: 32px;
    top: 95px;
    bottom: 0px;
    border-left: 2px solid #eee;
    padding: 25px 20px;
}

.website-wrapper {
    padding-left: 20px;
    padding-bottom: 15px;
    width: 80%;
}

.website-subtxt {
    margin-left: 28px;
}

.website-wrapper .website-radiobtn {
    margin: 0px;
    margin-right: 15px;
    cursor: pointer;
}

.website-wrapper label {
    font-size: 13px;
    font-weight: 500;
    align-items: center;
    margin-bottom: 10px;
}

.website-wrapper textarea.form-control {
    height: 125px;
    resize: none;
}

.website-wrapper textarea.form-control::placeholder {
    font-size: 13px;
}

.textarea.form-control.summary {
    height: 90px;
}

.section-del-icon-holder {
    margin-left: 15px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffe9db;
    margin-bottom: 4px;
    border-radius: 5px;
    cursor: pointer;
}

.section-del-icon-holder svg {
    width: 15px;
    height: auto;
    fill: #ff4400;
}

.banner-img-upload-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 2px dashed #ddd;
    background-color: #f8f8f8;
    overflow: hidden;
    width: 360px;
    height: 190px;
    /* background: url(../img/page-banner-placeholder.png); */
    background-size: 100%;
    background-repeat: no-repeat;
}

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

.upload-file-dimension {
    font-size: 12px;
    font-weight: 400;
    color: #a5aaae;
    margin-bottom: 15px;
}

.theme-blue-btn1-inverse {
    border: 1px solid #0078f3;
    color: #0078f3;
    background-color: unset;
    box-shadow: none;
    outline: none;
    text-transform: capitalize;
}

.theme-blue-btn1-inverse:hover {
    background-color: #0078f3;
    color: #fff;
}

.theme-blue-btn1-inverse:focus {
    background-color: #0078f3;
    color: #fff;
}

.d-none {
    display: none !important;
}

.custom-usage-btn {
    padding: 5px 20px;
    font-size: 12px !important;
}

.course-card-upload-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 2px dashed #ddd;
    background-color: #f8f8f8;
    overflow: hidden;
    width: 360px;
    height: 190px;
}

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

.drag-drop-heading {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
}

.course-card-upload-container {
    position: absolute;
    text-align: center;
    display: none;
}

.course-card-upload-wrapper:hover .course-card-upload-container {
    display: block;
}

.banner-img-upload-container {
    position: absolute;
    display: none;
}

.banner-img-upload-wrapper:hover .banner-img-upload-container {
    display: block;
}

.h-unset {
    height: unset;
    min-height: unset !important;
}

/* general  tab starts here */
.general-course-page {
    min-height: calc(100vh - 165px);
    max-height: calc(100vh - 165px);
    overflow-y: auto;
}

.general-left-part {
    padding: 25px 20px;
    width: calc(100% - 450px);
    min-width: calc(100% - 450px);
    max-width: calc(100% - 450px);
    margin-bottom: 25px;
}

.general-right-part {
    width: 450px;
    padding: 25px 20px;
}

.general-wrapper {
    padding-left: 20px;
    padding-bottom: 15px;
    width: 80%;
}

.general-wrapper .website-radiobtn {
    margin: 0px;
    margin-right: 15px;
    cursor: pointer;
    min-height: unset;
}

.general-wrapper label {
    font-size: 13px;
    align-items: center;
    margin-bottom: 10px;
}

.general-wrapper select.form-control[disabled] {
    color: #aaa !important;
}

.red-mar-4 {
    margin-bottom: 4px !important;
}

.gen-course-code {
    margin-right: 60px;
    width: 106px;
}

.gen-chk-box input {
    min-height: 22px;
}

.gen-chk-box label {
    white-space: nowrap;
    margin-bottom: 0px;
    margin-top: 0px !important;
}

.gen-waitinglst-blk {
    margin-left: 20px;
}

.gen-certificate-blk {
    margin-left: 80px;
}

.gen-rht-wrapper {
    padding-left: 20px;
    padding-bottom: 15px;
}

.custom-row {
    display: flex;
    flex-wrap: wrap;
}

.gen-tax-blk {
    margin-top: 26px;
}

.general-wrapper .form-control[disabled],
.form-control[readonly],
fieldset[disabled] {
    background-color: #eeeeee !important;
}

.multiselect-input-holder .select2-selection--multiple {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #c7c9ca;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.multiselect-input-holder textarea {
    margin: 0 !important;
}

.multiselect-input-holder .select2-container {
    width: 100% !important;
}

/* general  tab starts here */

/* certificate page starts here */
.cert-blk {
    min-height: calc(100vh - 155px);
    padding: 25px 20px;
    margin-bottom: 65px;
}

.cert-wrapper {
    padding-left: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.cert-wrapper .customm-radiobtn {
    margin: 0px;
    margin-right: 15px;
    cursor: pointer;
    min-height: unset;
}

.cert-wrapper label {
    font-size: 13px;
    align-items: center;
    margin-bottom: 10px;
}

.cert-input-holder {
    width: 50%;
}

.cert-checkbox-wrapper {
    width: 155px;
    margin-bottom: 15px;
}

.cert-temp-blk {
    background: #f9f9f9;
    padding: 15px;
    width: 100%;
}

.cert-temp-wrapper {
    list-style: none;
    padding: 0 15px;
    width: 100%;
}

.cert-temp-wrapper li {
    padding: 10px;
    /* margin-bottom: 15px; */
}

.cert-thumb {
    display: block;
    background: #e8e8e8;
    border: solid 5px #fff;
    border-radius: 5px;
    position: relative;
    height: inherit;
    max-height: inherit;
    min-height: inherit;
    box-shadow: 0px 0px 2px 1px #00000016;
    overflow: hidden;
}

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

.layout-active {
    border: solid 6px #0882fd !important;
}

.cert-active-triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 40px solid #0882fd;
    border-left: 50px solid transparent;
    right: 0px;
    top: 0px;
    display: none;
}

.layout-active .cert-active-triangle {
    display: block !important;
}

.cert-active-triangle i {
    position: absolute;
    left: -24px;
    top: -37px;
    color: #ffffff;
    font-size: 20px;
}

.cert-uploader-blk {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
    background-color: #fff;
    height: 100%;
    text-align: center;
    /* margin-bottom: 15px; */
}

.cert-upload-formats {
    padding-top: 7px;
}

.cert-upload-format-txt {
    font-size: 11px;
    font-weight: 500;
    color: #7b7b7b;
    text-align: center;
}

.cert-upload-col {
    flex-direction: column;
    display: flex;
    height: 100%;
    padding: 20px;
}

.course-perform-table {
    margin-top: 15px;
}

.course-perform-table .grid-table-row {
    display: grid;
    grid-template-columns: 20% 19% 13% 13% 25% 10%;
    border-left: 1px solid #eee;
}

.course-perform-table .grid-table-row.course-bundle-grid {
    grid-template-columns: 20% 19% 51% 10%;
}

.course-perform-table .grid-table-head {
    padding: 14px 25px;
    border: 1px solid #eeee;
    border-top: 0px;
    border-right: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background-color: #edf3f3;
}

.course-perform-table .grid-table-data {
    font-size: 13px;
    font-weight: 500;
    padding: 10px 25px;
    border: 0px;
    border-right: 1px solid #eeee;
    border-left: 0;
}

.course-act-col {
    text-transform: capitalize;
}

.cert-checkbox-input {
    min-height: 23px !important;
}

.course-perform-table-data .grid-table-row:nth-child(even) {
    background-color: #f8faf9;
}

.course-perform-table .grid-table-data input {
    min-height: 32px;
}

.custom-add-orgnz-btn {
    color: #0882fd;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

label.error {
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0px;
    color: #f44336;
}

/* certificate page ends here */

/* communication page starts here */
.commun-blk {
    min-height: calc(100vh - 165px);
    max-height: calc(100vh - 165px);
    overflow-y: auto;
    padding: 25px 20px;
    margin-bottom: 65px;
}

.commun-wrapper {
    padding-left: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.commun-wrapper .customm-radiobtn {
    margin: 0px;
    margin-right: 15px;
    cursor: pointer;
    min-height: unset;
}

.commun-wrapper label {
    font-size: 13px;
    align-items: center;
    margin-bottom: 10px;
}

.communicate-table {
    margin-top: 15px;
    border-bottom: 1px solid #eee;
}

.communicate-table .grid-table-row {
    display: grid;
    grid-template-columns: 30% 30% 25% 15%;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.communicate-table .grid-table-head {
    padding: 17px 25px;
    /* border: 1px solid #eeee; */
    border-top: 0px;
    border-right: 0px;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background-color: #edf3f3;
}

.communicate-table .grid-table-data {
    font-size: 13px;
    font-weight: 500;
    padding: 17px 25px;
    border-bottom: 0;
    border-left: 0;
}

.tbl-grey-color {
    color: #7b7b7b;
    font-weight: 500;
}

.communicate-table-data .grid-table-row:nth-child(even) {
    background-color: #f8faf9;
}

.commun-first-col {
    text-transform: capitalize;
}

.commun-radio-btn-wrap {
    margin: 0px !important;
    margin-right: 15px !important;
    cursor: pointer;
    min-height: unset;
}

.commun-edit-btn,
.commun-edit-btn:active,
.commun-edit-btn:focus,
.commun-edit-btn:hover {
    color: #0882fd;
}

.theme-blue-btn1-inverse {
    border: 1px solid #0882fd;
    background-color: #fff;
    color: #0882fd;
}

.theme-blue-btn1-inverse:hover {
    background-color: #0882fd;
    color: #fff;
}

/* communication page ends here */

/* email template starts here*/
.el-email-page {
    margin: 0px 15px 15px 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 3px #00000003;
    min-height: calc(100vh - 155px);
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block {
    padding: 0;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.edit-svg svg {
    margin: 8px auto 0;
}

.add_address_form#bill_address .pps-details-sec .bulk-cart-btn {
    border: none;
}

#bill_address .form-group span.number {
    width: 72%;
}

#bill_address .form-group span.select-item {
    width: 25%;
    margin-right: 2%;
}

.add_address_form#bill_address .pps-details-sec p {
    padding: 0 !important;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-price {
    top: -15px;
}

.msgBox .modal-header:not(.except-modal-header) {
    padding: 15px;
    border-bottom: 0;
    min-height: 0;
    background: transparent;
}

/* Add learners items block */
.bulk-learner-list.item-learners-wrapper {
    margin-left: 0;
    width: 100%;
}

.item-learner-wrapper .addleaner-name-icon {
    flex: none;
}

.item-learner-wrapper .addleaner-name {
    display: flex;
    align-items: center;
    width: 100%
}

.item-learner-wrapper .addlearner-name_email p {
    margin: 0;
}

.item-learner-wrapper .addlearner-name_email p.addleaner-email {
    width: 300px;
    margin: 0;
    font-weight: 400;
}

.item-learner-wrapper {
    width: 100%;
    padding-left: 0;
    display: block;
    margin-top: 0;
}

.item-learner-wrapper .add-leaner-details-block {
    position: relative;
    overflow: hidden;
    background: rgb(0 0 0 / 2%);
    margin: 0 0 15px;
    padding: 15px 14px;
}

.item-learner-wrapper .add-leaner-details {
    margin-top: 0;
}

.add-learner-details-block-wrap.item-learner-wrapper .add-leaner-details-block:first-child {
	margin-top: 20px;
}

.item-learner-actions-wrapper {
    position: static;
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 8px;
    transform: none;
    transition: all .3s ease;
}

/* .item-learner-wrapper:hover .item-learner-actions-wrapper {
transform: translate(0, -50%);
} */

.item-learner-actions-wrapper .item-learner-inner-wrapper {
    display: flex;
    flex-direction: column;
}

.item-learner-wrapper .addlearner-price-info {
    display: flex;
    align-items: flex-start;
}

.item-learner-wrapper .addleaner-cp {
    margin-top: 10px;
    padding: 6px 8px;
    display: inline-flex;
    min-width: initial;
    font-size: 11px;
    text-align: left;
    background: #f0f5ff;
    border-radius: 2px;
}


.item-learner-actions-wrapper .item-learner-action {
    min-width: 80px;
    margin: 0 0 5px;
    padding: 4px 12px;
    font-size: 12px;
    background: #fff;
    border-radius: 4px;
}

.item-learner_action-inner-wrapper {
    display: flex;
    flex-direction: column;
}

.item-learner-actions-wrapper .item-learner-action.addleaner-edit {
    margin-left: 0;
}

.item-learner-actions-wrapper .item-learner-action svg {
    width: 10px;
    margin-right: 5px;
}

.price-actions-wrapper {
    display: flex;
    gap: 10px;
}

.addlearner-price-info .addleaner-price p:last-child {
    margin-bottom: 0;
}

.item-learner-actions-wrapper .item-learner-action.addleaner-delete svg path {
    fill: #e22727;
}

.pps-details-sec .add-learner-details-block-wrap.item-learner-wrapper {
    max-height: 300px;
    overflow: auto;
}

.add-learner-details-block-wrap.item-learner-wrapper::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
    background-color: #cdd3de;
    border-radius: calc(.5rem - 1px);
}

.add-learner-details-block-wrap.item-learner-wrapper::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: 1px solid #cdd3de;
    border-radius: calc(.5rem - 1px);
}

.add-learner-details-block-wrap.item-learner-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.footer-group .enquiry-footer button {
    background: transparent;
    border: 1px solid #fff;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 6px;
}


@media only screen and (max-width: 600px) {
    .modal.enquiry-forontend-form .course-wraper {
        width: 90%;
    }

    .cart-text h5 {
        font-size: 16px;
        line-height: 20px;
        margin-top: 0;
        overflow: hidden;
    }

    .el-email-left-part {
        width: calc(100% - 282px);
        min-width: calc(100% - 282px);
        max-width: calc(100% - 282px);
        max-height: calc(100vh - 171px);
        margin-bottom: 78px;
        overflow-y: auto;
    }

    .el-email-right-part {
        position: fixed;
        right: 15px;
        top: 95px;
        bottom: 60px;
        width: 282px;
        border-left: 2px solid #eee;
        padding: 15px 20px;
        background-color: #f9f9f9;
        border-top-right-radius: 5px;
    }

    .el-page-footer {
        left: 83px !important;
        right: 15px;
        bottom: 15px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .el-caption {
        font-size: 13px;
        font-weight: 500;
        color: #333;
        margin-bottom: 8px;
    }

    .sys-var-wrapper {
        margin-top: 15px;
    }

    .sys-var-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 7px 5px 7px 12px;
        background-color: #fff;
        border: 1px dashed #ddd;
        margin-bottom: 8px;
        border-radius: 3px;
    }

    .sys-var-name {
        font-size: 12px;
        font-weight: 500;
        color: #555;
    }

    .e-sys-btn-wrapper {
        background: #0485ff;
        color: #fff !important;
        padding: 1px 10px;
        min-width: unset;
        font-size: 10px !important;
    }

    .e-sys-btn-wrapper:hover {
        opacity: 0.8;
    }

    .email-temp-header {
        padding: 15px;
        font-size: 13px;
        font-weight: 500;
        color: #555;
        background-color: #fff;
        text-transform: capitalize;
    }

    .e-header-content-area {
        background-color: #f8faf9;
        padding: 15px;
        font-size: 13px;
        font-weight: 500;
        color: #7b7b7b;
    }

    .e-header-c-left-part {
        display: flex;
        justify-content: space-between;
        width: 80px;
    }

    .e-header-c-right-part {
        padding-left: 10px;
    }

    .edit-subject-email {
        width: 400px;
    }

    .e-header-ca-container {
        display: flex;
        align-items: center;
        margin-bottom: 9px;
    }

    .email-edit-template-blk {
        background-color: #e3e6eb;
        min-height: calc(100vh - 315px);
    }

    .email-edit-template-wrapper {
        width: 50%;
        min-height: calc(100vh - 315px);
        border-top: 1px solid #ddd;
        background-color: #fff;
        margin: 0 auto;
    }

    .email-temp-header-blk {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px dashed #ddd;
    }

    .email-temp-header-holder {
        width: 250px;
        height: 130px;
        padding: 20px 0;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .email-temp-header-holder img {
        max-height: 100%;
    }

    .email-txtarea {
        color: #444;
        font-size: 12px;
        font-weight: 500;
    }

    .email-redactor-blk .redactor-box.redactor-styles-on {
        border: 0;
    }

    #registration {
        min-height: calc(100vh - 165px);
        max-height: calc(100vh - 165px);
        overflow-y: auto;
    }

    #registration .create-web-left-part {
        max-height: unset;
    }

    /* email template ends here*/

    .input-custom-alert {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        right: 15px;
        width: 20px;
        height: 20px;
        background: #ffa500;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        border-radius: 50%;
    }

    .custom-menu-tooltip {
        box-sizing: border-box;
        position: absolute;
        padding: 0.8rem 0.8rem 0.6rem;
        z-index: 999;
        border-radius: 0.4rem;
        background-color: #fff;
        color: #ed143d;
        font-size: 12px;
        line-height: 1.25;
        bottom: calc(100% + 0.6rem);
        width: unset;
        white-space: nowrap;
        right: 0px;
        box-shadow: 0px 6px 6px 0px #00000012;
        border: 1px solid #00000012;
    }

    .custom-menu-tooltip:after {
        content: "";
        position: absolute;
        top: 15%;
        right: 17px;
        transform: translate(-50%, 201%) rotate(45deg);
        width: 10px;
        height: 10px;
        background: #fff;
        z-index: -999;
        box-shadow: 0px 6px 6px 0px #00000012;
    }

    /*Multiple Session starts*/
    .multiple-session-grid {
        grid-template-columns: 30% 25% 15% 15% 15% !important;
    }

    .multiple-session-row .grid-table-row {
        grid-template-columns: 30% 25% 15% 15% 15%;
    }

    .multiple-session-icon {
        width: 22px;
        height: 22px;
        text-align: center;
        background: #e8e8e8;
        border-radius: 50%;
        color: #444;
        font-size: 14px;
        font-weight: 500;
        margin-left: 15px;
        margin-right: 5px;
        line-height: 22px;
        cursor: pointer;
        display: inline-block;
    }

    .multiple-session-info {
        color: #a5a5a5;
        font-size: 13px;
    }

    .ui-timepicker-wrapper {
        z-index: 999999999;
    }

    .edit-session {
        font-size: 13px;
        font-weight: 500;
        background: #0882fd;
        color: #fff;
        padding: 2px 15px;
        border-radius: 4px;
        line-height: 16px;
    }

    .edit-session:hover {
        color: #fff;
        background: #0772de;
    }

    .cancel-session {
        font-size: 13px;
        font-weight: 500;
        color: #ff4141;
        padding: 2px 15px;
        border-radius: 4px;
        line-height: 16px;
    }

    /*Multiple Session ends*/

    .dataTable tr.group td {
        background: #d6d4f9;
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #6d6d6d !important;
        border-bottom: 1px solid #dddddd63 !important;
        border-top: 1px solid #dddddd63 !important;
    }

    /* Booking Management */

    /*News Feed*/
    .custom-dataseacrh-holder {
        position: relative;
        padding: 12px 15px;
    }

    .newsfeed-filter {
        width: unset;
        border: 0px;
        box-shadow: unset;
        font-size: 13px;
        font-weight: 500;
    }

    .newsfeed-title {
        font-size: 13px;
        font-weight: 400;
        color: #444;
        display: inline-block;
        max-width: 40%;
        min-width: 40%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .newsfeed-descr {
        font-size: 13px;
        font-weight: 400;
        font-style: italic;
        color: #949494;
        display: inline-block;
        max-width: 40%;
        min-width: 40%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 10px;
    }

    .top-feed-tag {
        font-size: 10px;
        font-weight: 500;
        font-style: italic;
        background: #ddeefe;
        color: #0086ff;
        display: inline-block;
        padding: 3px 12px;
        border-radius: 22px;
    }

    .active-feed,
    .inactive-feed {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        background: #0181ff;
        padding: 2px 13px;
        border-radius: 6px;
        line-height: 16px;
    }

    .inactive-feed {
        background: #f88319;
    }

    .booking-wrapper.newsfeed-wrapper .dataTables_scrollBody {
        min-height: calc(100vh - 270px) !important;
        max-height: calc(100vh - 270px) !important;
    }

    /* newsfeed popup starts here */
    .create-newsfeed .modal-dialog {
        width: 1000px;
    }

    .optional-txt {
        color: #7b7b7b;
        padding-left: 10px;
    }

    .clear-btn {
        font-size: 12px !important;
        font-weight: 500;
        color: #0772de;
        border: 0;
        box-shadow: none;
        outline: none;
        background-color: unset;
        padding: 0px;
        text-transform: capitalize;
        text-align: right;
    }

    .clear-btn:hover {
        color: #0772de;
    }

    .clear-btn:focus {
        color: #0772de;
    }

    .create-newsfeed textarea.form-control {
        height: 90px;
        resize: none;
    }

    .newsfeed-create-redactor-blk {
        border: 1px solid #c7c9ca;
        border-radius: 4px;
        height: calc(100% - 30px);
    }

    .newsfeed-create-redactor-blk .redactor-box.redactor-styles-on {
        border: 0;
        height: 100%;
    }

    .newsfeed-create-redactor-blk .redactor-styles {
        max-height: 100%;
    }

    .create-newsfeed .custom-row {
        margin-left: 5px;
        margin-top: 8px;
        padding: 0px;
        padding-right: 10px;
    }

    .create-newsfeed .newsfeed-radiobtn {
        margin-right: 15px;
        cursor: pointer;
    }

    .newsfeed-label {
        margin-right: 30px;
    }

    .newsfeed-btnblk {
        margin: 20px 5px 15px 0;
    }

    .white-modal-header {
        background: #fff !important;
        padding-top: 30px !important;
        padding-bottom: 0px !important;
    }

    .white-modal-header .close {
        top: 35px;
    }

    .bl-c-totl-nws-header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 45px;
    }

    .blc-c-dropdown {
        top: -2px;
    }

    .bc-newsfeed-header {
        position: sticky;
        top: 95px;
        z-index: 99;
    }

    .newsfeed-assign-particp-popup {
        max-height: 298px;
        overflow-y: auto;
    }

    .newsfeed-lst-tbl-parent {
        min-height: calc(100vh - 189px);
        max-height: calc(100vh - 189px);
        overflow-y: auto;
    }

    .news_assign-popup-header {
        padding-right: 20px;
    }

    /*News Feed ends*/
    .bc-main-tbl {
        height: 100%;
        overflow: hidden;
        overflow-x: auto;
    }

    /* new css for BMS New registration starts */
    .bms-page-blk {
        margin: 0px 15px 15px 15px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0px 0px 3px 3px #00000003;
        min-height: calc(100vh - 165px);
        max-height: calc(100vh - 165px);
        overflow-y: auto;
        padding: 12px 20px;
    }

    .bms-caption {
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }

    .bms-add-learn-blk {
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #edf3f3;
        margin-top: 12px;
    }

    .bms-learner-code {
        font-size: 13px;
        font-weight: 500;
        color: #333;
    }

    .bms-learner-added-date {
        font-size: 11px;
        font-weight: 500;
        color: #7b7b7b;
    }

    .bms-blue-btn {
        background: #0882fd;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 500;
        border-radius: 6px;
        padding: 4px 15px;
        box-shadow: unset;
        text-transform: unset;
        position: relative;
    }

    .bms-blue-btn:hover {
        filter: grayscale(0.2);
    }

    .bms-blue-btn-inverse {
        font-size: 12px !important;
        font-weight: 500;
        border-radius: 6px;
        padding: 4px 15px;
        border: 1px solid #0078f3;
        color: #0078f3;
        background-color: unset;
        box-shadow: none;
        outline: none;
        text-transform: capitalize;
    }

    .bms-blue-btn-inverse:hover,
    .bms-blue-btn-inverse:focus,
    .bms-blue-btn-inverse:active {
        background-color: #0078f3;
        color: #fff;
    }

    .bms-add-learn-right-part {
        display: flex;
        align-items: center;
    }

    .bms-learner-tbl-blk {
        border-right: 1px solid #eeee;
        border-bottom: 1px solid #eeee;
    }

    .bms-learner-tbl-blk .grid-table-row {
        display: grid;
        grid-template-columns: 15% 15% 22% 14% 9% 14% 11%;
    }

    .bms-learner-tbl-blk .grid-table-head {
        padding: 10px 17px;
        border: 1px solid #eeee;
        border-top: 0px;
        border-right: 0px;
        font-size: 13px;
        font-weight: 500;
        color: #333;
        padding-left: 20px;
    }

    .bms-learner-tbl-blk .grid-table-data {
        padding: 10px 17px;
        border: 1px solid #eeee;
        border-top: 0px;
        border-right: 0px;
        font-size: 12px;
        font-weight: 500;
        color: #444;
        border-bottom: 0;
        padding-left: 20px;
    }

    .bms-learner-tbl-data .grid-td:last-child:after {
        content: none;
    }

    .bms-tbl-head-bg {
        background-color: #f8faf9;
    }

    .bms-add-learn-left-part {
        padding-left: 5px;
    }

    .bms-input {
        border: 1px solid #eee;
    }

    .bms-input-holder {
        margin-right: 6px;
    }

    .bms-input:focus {
        box-shadow: none;
    }

    .bms-editbtn {
        font-size: 13px;
        font-weight: 500;
        color: #1886e6;
        text-decoration: none;
        text-transform: capitalize;
    }

    .bms-editbtn:hover {
        color: #1886e6;
    }

    .bms-dropdn {
        width: 120px;
    }

    .bms-dropdn select {
        font-size: 12px;
        font-weight: 500;
        height: 28px !important;
        border: 1px solid #eee;
        box-shadow: none;
        background-color: #f2f2f2 !important;
    }

    .bms-dropdn select:focus {
        box-shadow: none;
    }

    .bms-action-blk {
        padding-right: 10px;
    }

    .bms-next-btn {
        background: #0882fd;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 500;
        border-radius: 6px;
        padding: 6px 20px;
        box-shadow: unset;
        text-transform: unset;
        position: relative;
        min-width: unset;
    }

    .bms-dropdn .select-caret-icon {
        top: 45%;
    }

    .bms-learner-table-portion {
        margin-bottom: 20px;
    }

    /* new css for BMS New registration ends */
    /* document manager css */
    .doc-top-blk {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .doc_mang-upload-blk {
        margin-right: 10px;
        margin-bottom: 0px !important;
    }

    .doc-create-folder-btn button {
        margin-right: 0px;
    }

    .doc_man-datatable-holder .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        min-height: calc(100vh - 270px);
        height: calc(100vh - 270px);
        max-height: calc(100vh - 270px);
    }

    .doc_mang-icon-holder svg {
        width: 22px;
        height: auto;
    }

    .doc_mang-filedesc {
        font-size: 12px;
        font-weight: 500;
        color: #333;
        padding-left: 15px;
    }

    .doc_mang-file-size {
        margin-left: 15px;
        color: #918f8f;
        font-size: 11px;
        font-weight: 500;
        font-style: italic;
    }

    .doc-datatable {
        overflow: hidden;
    }

    .doc-datatable thead th {
        border-right: 0 !important;
    }

    .doc-radio-holder input[type="radio"] {
        margin-right: 15px;
    }

    .docmang-action-icon-holder svg {
        width: 18px;
        height: auto;
        fill: #7b7b7b;
        margin-right: 15px;
        cursor: pointer;
        margin-top: 5px;
    }

    .custom-upload-toster-blk {
        position: fixed;
        left: 0;
        right: 0px;
        bottom: 15px;
        width: 700px;
        margin: 0 auto;
        background-color: #000;
        border-radius: 0px;
        padding: 10px 15px;
        color: #a9a9a9;
        pointer-events: none;
    }

    .custom-upload-toster-blk .c100 {
        font-size: 22px;
        background-color: #000;
    }

    .custom-upload-toster-blk .c100 .bar {
        border: 0.08em solid #fff;
    }

    .custom-upload-toster-blk .c100 .fill {
        border-color: #fff;
    }

    .dm-uploader-loader {
        pointer-events: none;
    }

    .custom-upload-toster-blk .c100:after {
        background-color: transparent;
    }

    .uploading-toaster-info {
        font-size: 13px;
        font-weight: 500;
        color: #7b7b7b;
        padding: 0 13px;
    }

    .toast-cancel-btn {
        background-color: transparent;
        border: none;
        box-shadow: none;
        color: #fff;
        font-size: 13px;
        font-weight: 500;
    }

    .custom-upload-toster-left-blk {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .custom-upload-toster-wrapper {
        display: flex;
        align-items: center;
    }

    .uploaded-file-name-toast {
        font-size: 13px;
        font-weight: 500;
        color: #fff;
        padding: 0 13px;
        white-space: nowrap;
    }

    .dc-tags-lst-wrapper {
        color: #f98002;
    }

    .dc-tags-more-blk {
        position: relative;
        display: inline-block;
        padding-left: 8px;
    }

    .dc-tags-more-count {
        font-size: 12px;
        font-weight: 500;
        color: #fd7c08;
        font-style: italic;
        cursor: pointer;
    }

    .dc-tags-more-blk:hover .dc-tags-more-popup {
        display: block;
    }

    .dc-tags-more-popup {
        display: none;
        width: 250px;
        background: #fff;
        position: absolute;
        bottom: 25px;
        left: 0px;
        border-radius: 7px;
        box-shadow: 0px 0px 10px 0px #0000002b;
        padding: 15px;
        box-sizing: border-box;
        z-index: 99999999;
        cursor: default;
    }

    .dc-tags-more-popup::after {
        content: "";
        position: absolute;
        left: 20px;
        transform: translateX(-50%) rotate(61deg);
        background: #fff;
        width: 14px;
        height: 14px;
        bottom: -4px;
    }

    .dc-tags-icon svg {
        width: 11px;
        height: auto;
        fill: #fd7c08;
    }

    .dc-tags-popup-lst {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-left: 13px;
        font-size: 10px;
        font-weight: 500;
        font-style: italic;
        color: #fd7c08;
        word-break: break-word;
        line-height: 15px;
        white-space: normal;
    }

    .doc-datatable tbody td {
        border-right: 0px !important;
    }

    /* .doc-datatable tbody tr.even{
       background-color: #fff !important;
   } */
    .doc_man-datatable-holder .taglinesingle {
        font-size: 13px;
        font-weight: 500;
        font-style: italic;
    }

    .docmang-action-icon-holder.url-copy-icon svg {
        width: 12px;
        margin-top: 0px;
    }

    .doc_man-datatable-holder tbody tr:last-child .dropdown-menu {
        right: 50px;
        top: -100%;
    }

    .doc-fold-name {
        font-size: 12px;
        font-weight: 500;
        color: #333;
        padding-left: 10px;
    }

    .folder-btnblk .canceladd_file {
        font-size: 12px;
        font-weight: 500;
        text-transform: none;
        background: none;
        border: none;
        box-shadow: none;
    }

    .tags-editpop-holder {
        display: flex;
        align-items: center;
    }

    .tags-editpop-tagname {
        font-size: 12px;
        font-weight: 500;
        color: #333;
        padding-left: 10px;
    }

    .uploading-toaster-info.share-toast-info .doc_mang-icon-holder svg {
        width: 15px;
        height: auto;
        fill: #fff;
    }

    .uploading-toaster-info.share-toast-info .uploaded-file-name-toast {
        padding-left: 0px;
    }

    .cd-modified-user {
        margin-left: 7px;
        color: #918f8f;
        font-size: small;
        max-width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .doc_man-datatable-holder tbody tr .dropdown-menu {
        right: 52px;
        top: 6px;
        width: 125px;
        min-width: 100px;
    }

    .custom-create-modal .institution-select #type_course {
        max-height: 298px;
        overflow-y: auto;
    }

    .custom-create-modal .institution-select #type_institute {
        max-height: 298px;
        overflow-y: auto;
    }

    .custom-create-modal .institution-select #type_batch {
        max-height: 298px;
        overflow-y: auto;
    }

    /* fix for dashboard home-page */
    .institute-top-lst-blk {
        min-height: 198px !important;
    }

    /* settings on basic details */
    .analytics-set-blk .custom-radio.learners-radiobtn .checkmark:after {
        background-color: #1dbeae;
    }

    .analytic-set-subheading {
        font-size: 13px;
        font-weight: 500;
        text-transform: capitalize;
        color: #444;
    }

    .analtic-set-desc {
        font-size: 13px;
        font-weight: 500;
        color: #929292;
        padding-right: 50px;
    }

    /* ui fix on single line learner */
    .myprofile-card-body .table-cell-mail .tooltipLink {
        display: inline-block;
    }

    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
        outline: 5px auto #0075ff;
    }

    .calendar-close-btn {
        display: flex;
        justify-content: center;
        width: 23px;
        height: 23px;
        background: #e3e3e3;
        border-radius: 50%;
        align-items: center;
        font-size: 22px;
        font-weight: 400;
        color: #7b7b7b;
        cursor: pointer;
    }

    .calendar-close-btn:hover {
        color: #111;
    }

    .training_course_topblk .dataTables_filter {
        width: auto !important;
        border-radius: 45px;
        overflow: hidden;
    }

    .training_course_topblk .bc_filter {
        padding: 10px 15px !important;
    }

    .training_course_topblk .dataTables_filter input.bc-search {
        border-radius: 45px !important;
    }

    .export-learner-modal .institution-select#learnerExportStep2 .inside-box .row.invitation-type-wrapper .add-selectn.alignment-order .inside-box-padding.invitation-content-wrapper .checkbox-wrap.invite-course-list span.inst-name {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 340px;
        position: relative;
        top: 5px;
    }

    .export-learner-modal .institution-select#learnerExportStep2 .inside-box .row.invitation-type-wrapper .add-selectn.alignment-order .inside-box-padding.invitation-content-wrapper .checkbox-wrap.invite-course-list {
        padding: 6px 1px;
    }

    .export-learner-modal .institution-select#learnerExportStep2 .inside-box {
        border: 0;
        min-height: 270px;
    }

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

    .duration-enable .input-group {
        width: 200px;
    }





    html {
        font-size: 16px !important;
    }

    .course-container .content-wrap {
        display: flex;
        flex-direction: column;
    }

    .content-wrap .content-filter-top {
        top: 63px !important;
    }

    .navbar-brand {
        display: flex;
        align-items: center;
    }

    .content-wrap .bc-newsfeed-header {
        top: 63px;
    }

    .navbar-brand>img {
        display: block;
        width: 100%;
        max-width: 170px;
        max-height: 30px;
        object-fit: contain;
    }

    /* .dashbrd-container {
 top:0;
} */
    .main-content {
        padding-left: 0;
    }

    .base-cont-top.content-wrap {
        padding-top: 0 !important;
    }

    .fixed-right-col {
        top: 120px !important;
    }

    section.cont-course-big.courses-tab {
        height: calc(100% - 63px);
    }

    .courses-tab {
        top: 63px;
    }

    .content-wrap.top-spacing {
        top: 0px !important;
    }

    #liveSessionsWrapper .rTableRow.livesession-filter-row.livesession-header-filter {
        display: flex !important;
        justify-content: flex-start;
    }

    .rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input .input-group svg {
        display: none;
    }

    .rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input .input-group svg {
        display: none;
    }

    .container-fluid.nav-content.nav-course-content {
        top: 60px !important;
    }

    .course-container .setupweb-container {
        top: 0;
    }

    .course-container .cms-setup-page-footer {
        left: 185px;
        width: calc(100% - 185px);
    }

    .settings-top.content-wrap.create-group-wrap {
        top: 0;
    }

    body .container-fluid.nav-content.nav-course-content {
        top: 63px !important;
    }

    .right-wrap {
        top: 120px !important;
    }

    .notification-top-filter {
        left: 186px;
    }

    .settings-left-wrap .nav-content {
        top: 63px;
    }

    .right-content.faculty-right-content {
        height: calc(100% - 107px);
        top: 107px;
    }

    .right-content {
        width: calc(50% - 94px);
        top: 107px;
    }

    #dashboard-wrapper .pages-title {
        margin-top: 0;
    }

    /* .base-cont-top .nav-content {
 position: unset;
} */
    .bc-newsfeed-header {
        top: 63px;
    }

    .main-wrapper .course-container {
        padding-top: 63px;
    }

    .content-wrap.content-wrap-top {
        top: 0 !important;
    }

    .information-settings {
        top: 50px !important;
    }

    .role-table-align {
        position: relative;
        top: 63px;
    }

    .multiline-search-container #user_keyword {
        box-shadow: none;
    }

    .rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input {
        margin: 0 7px;
    }

    .learners-bulk-list-column {
        top: 63px;
    }

    .innercontent .banner-setting {
        margin-bottom: 20px;
    }

    #order_create_form .bms-page-footer {
        margin-left: 103px;
    }

    .faculty ul.teacher-specs {
        padding-left: 0;
    }

    .faculty ul.teacher-specs .icon {
        display: none;
    }

    .widget-modal.in#widget-manager {
        display: block;
    }

    .item.grid-stack-item-content.calendar-container tr.fc-scrollgrid-section.fc-scrollgrid-section-body .fc-scroller-harness .fc-scroller .fc-daygrid-body table.fc-scrollgrid-sync-table {
        width: 100% !important;
    }

    .item.grid-stack-item-content.calendar-container tr.fc-scrollgrid-section.fc-scrollgrid-section-body .fc-scroller-harness .fc-scroller .fc-daygrid-body {
        width: 100% !important;
    }

    .item.grid-stack-item-content.calendar-container .fc .fc-scroller-harness .fc-scroller::-webkit-scrollbar {
        width: 10px;
    }

    .base-cont-top-heading.content-wrap {
        top: 63px;
    }

    .main-wrapper .course-container .main-content {
        padding-top: 0;
    }

    #summaryDetail .queryForm .midSide input.datepicker {
        width: 170px;
    }

    #schedule {
        position: relative;
    }

    #navbar .appcues-widget {
        display: flex;
        align-items: center;
    }

    #navbar .appcues-widget-icon {
        display: flex;
        align-items: center;
    }

    .appcues .appcues-widget-dropdown {
        border: 1px solid var(--bs-dropdown-select-border);
        border-radius: 0.5rem;
        overflow-y: inherit;
        overflow-x: inherit;
        max-height: 270px;
        padding: 0;
        scrollbar-color: #cdd3de;
        scrollbar-width: thin;
        top: 44px !important;
    }

    .appcues .appcues-widget-dropdown .appcues-widget-content {
        max-height: inherit;
        overflow-y: auto;
        position: relative;
    }

    .appcues ::-webkit-scrollbar {
        width: .5rem;
        height: .5rem;
        background-color: #cdd3de;
        border-radius: .25rem;
    }

    .appcues ::-webkit-scrollbar-thumb {
        background-color: #fff;
        border: 1px solid #cdd3de;
        border-radius: .25rem;
    }

    .appcues .appcues-widget-list li.appcues-nothing-new {
        font-family: 'Mulish', sans-serif;
        padding: .688rem;
    }
}

@media (min-width: 1680px) {
    .general-left-part {
        width: calc(100% - 600px);
        min-width: calc(100% - 600px);
        max-width: calc(100% - 600px);
    }

    .general-right-part {
        width: 600px;
    }
}

/* body .page-action-bottom {
 margin-left: 186px;
} */
/* new sidebar css here */
/* 
.base-cont-top.content-wrap {
 padding-top: 0;
}
#liveSessionsWrapper .rTableCell.date-input {
 padding-left: 30px !important;
}
html {
 font-size: 16px !important;
}
.courses-tab {
 top: 60px;
}
.settings-top.content-wrap.create-group-wrap {
 top: 0 !important;
}
body .container-fluid.nav-content.nav-course-content {
 top: 60px !important;
}
.notification-top-filter {
 left: 186px;
}
.base-cont-top.content-wrap {
 padding-top: 0 !important;
}
.cont-course-big.nav-included.content-wrap {
 top: 0 !important;
}
.settings-left-wrap .nav-content.faculty-nav-content {
 top:60px;
}
.right-content.faculty-right-content {
 width: calc(50% - 93px);
}
.settings-left-wrap .list-faculty-wrap {
 top: 20px;
 height: calc(100% - 20px);
}
.settings-left-wrap .nav-content {
 top:60px;
}
.rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input .input-group svg {
 display: none;
}
.rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input .input-group svg {
   display: none;
}
.rTableRow.livesession-filter-row.livesession-header-filter {
 display: flex!important;
 justify-content: flex-start;
}
.content-wrap.top-spacing {
 top: 0 !important;
}
.el-page-footer {
 left: 200px !important;
}
.role-table-align {
 position: relative;
 top: 60px;
}
.add-category .add-btn label {
 margin-right: 5px;
}
.information-settings {
 top: 60px !important;
} */
/* new sidebar css here */

.course-cont-wrap.image-uploader.innercontent.purchase-settings .settings-container .settings-column.course-cont-wrap.image-uploader .form-group select.form-control {
    width: 300px;
    appearance: none;
    background-image: url("../images/icon-arrow-down.png") !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings .settings-container .settings-column.course-cont-wrap.image-uploader .form-group input {
    width: 300px;
    box-shadow: none;
    font-size: 13px;
    color: #8f939e;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings .settings-container .settings-column.course-cont-wrap.image-uploader .form-group textarea {
    width: 300px;
    box-shadow: none;
    font-size: 13px;
    color: #8f939e;
}

.d-grid {
    display: grid;
}

.general-right-part label {
    font-weight: 600;
    color: #333;
}

.general-right-part .general-wrapper {
    width: 100%;
}

.course-price-list {
    position: absolute;
    bottom: 65px;
    padding: 5px 15px;
    display: flex;
    width: 100%;
}

.courselist-cp-txt {
    color: #72A6FD;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 5px;
}

.course-price-list .course-price-cp span {
    font-size: 16px;
    font-weight: bold;
}

.course-price-cp {
    font-size: 16px;
    font-weight: bold;
    color: #13171F;
}

.course-price-op {
    font-size: 12px;
}

.course-price-op span {
    font-size: 12px;
}

.courselist-mp-txt {
    color: #539A86;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 5px;
}

.course-price-mp {
    font-size: 16px;
    font-weight: bold;
    color: #13171F;
}

.course-price-list .course-price-mp span {
    font-size: 16px;
    font-weight: bold;
}

.border-left {
    border-left: 2px solid #f5f5f6;
}

.bundle-label {
    z-index: 99;
}

body .course-listing-wrapper .course-block-1 .courser-bottom .btnBlock {
    display: block;
    flex: none;
    width: 100%;
    align-items: center;
    padding-left: 0;
}

body .course-listing-wrapper .course-block-1:hover .courser-bottom div.star {
    display: inline-block;
    float: left;
}

.bundle-course-price .course-price-list {
    position: relative;
    bottom: inherit;
    padding-left: 0;
    padding-top: 0;
    border-bottom: none;
}

.bundle-course-price .course-price-list .courselist-cp-txt {
    color: #ffffff;
}

.bundle-course-price .course-price-list .course-price-cp {
    color: #fff;
}

.bundle-course-price .course-price-list .line-through {
    color: #fff;
}

.bundle-course-price .course-price-list .courselist-mp-txt {
    color: #ffffff;
}

.bundle-course-price .course-price-list .course-price-mp {
    color: #fff;
}

.bundle-course-price .course-price-list .border-left {
    border-left: 1px solid #f5f5f640;
}

#course-valdity-table .course-price-list {
    position: relative;
    bottom: inherit;
    padding: 0;
    border-bottom: inherit;
}

#course-valdity-table .course-price-list .courselist-cp-txt {
    font-size: 12px;
}

#course-valdity-table .course-price-list .courselist-mp-txt {
    font-size: 12px;
}

#course-valdity-table .course-price-list .course-price-cp {
    font-size: 26px;
}

#course-valdity-table .course-price-list .course-price-mp {
    font-size: 26px;
}

#course-valdity-table .course-price-list .course-price-op {
    font-size: 15px;
}

.cart-box.bulk-box .bulk-learner-list .add-learner-box svg {
    width: 9px;
    margin-right: 7px;
}

.cart-price .course-price-list {
    position: relative;
    bottom: inherit;
    padding: 0;
    border-bottom: none;
}

.cart-section .cart-block-innersec .trash-text span {
    font-weight: bold;
    display: flex;
    align-items: center;
}

.cart-section .add-course {
    align-items: center;
    margin-top: -5px;
    padding-bottom: 5px;
}

.cart-section .add-course span.apply-text {
    margin-left: 6px;
    font-weight: bold;
    font-size: 10px;
    color: #6F75BC;
}

.cart-block-innersec .cart-bulk-actions.bulk-learner-list {
    display: block;
    clear: both;
    padding-top: 15px;
}

.add-leaner-details {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
}

.addleaner-name-icon {
    background: #2B72FD;
    color: #fff;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    font-size: 11px;
    line-height: 21px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.addleaner-email-icon {
    background: #ffc400;
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 15px;
    font-size: 8px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
    font-style: normal;
    color: #000;
}

.addleaner-email {
    display: block;
    align-items: center;
    font-size: 12px;
    font-style: italic;
    color: #919194;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
}

.addleaner-name {
    display: block;
    align-items: center;
    font-weight: bold;
    margin-right: 10px;
    font-size: 12px;
    color: #1B1C21;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
}

.addlearner-info {
    display: flex;
}

.addlearner-price-info {
    display: flex;
    align-items: center;
}

.addleaner-price {
    margin-right: 20px;
}

.addleaner-clse {
    color: #25252a !important;
    font-weight: 300 !important;
    font-size: 13px !important;
    opacity: 1;
    font-family: auto;
    margin-right: 15px;
    cursor: pointer;
}

.addleaner-price {
    margin-right: 20px;
    font-weight: bold;
    font-size: 12px;
    color: #13171F;
}

.addleaner-cp {
    font-size: 10px;
    font-weight: bold;
    color: #72A6FD;
}

body .course-listing-wrapper .course-block-1 .star {
    flex: none;
    display: inline-block;
    align-items: center;
    float: left;
    margin-top: 10px;
}

body .course-listing-wrapper .course-block-1 .description:after {
    border-top: solid 1px #dedede;
}

.btnBlock::after {
    border-top: solid 1px #f5f5f6;
    content: '';
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
}

body .course-listing-wrapper .course-block-1 .star span:after {
    left: 15px;
}

body .course-listing-wrapper .course-block-1 .add-cart {
    border: 1px solid transparent !important;
}

.line-through {
    text-decoration: line-through;
    color: #76777A;
}

#events-activities .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile {
    background: #fff;
    box-shadow: 0 0 3px 4px #e9e9e9;
    padding: 30px 15px 24px;
    border-radius: 5px;
}

#events-activities .course-price-list {
    position: relative;
    bottom: 0;
    padding: 10px 0px;
    display: flex;
    width: 100%;
    height: 70px;
}

#events-activities .course-price-list .course-price-cp {
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

#events-activities .course-price-list .course-price-op {
    font-size: 17px;
    font-weight: 500;
}

#events-activities .course-price-list .course-price-mp {
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

#events-activities .courselist-cp-txt {
    color: #2B72FD;
    font-weight: 500;
    font-size: 11px;
}

#events-activities .courselist-mp-txt {
  color: #539a86;
  font-weight: 500;
  font-size: 11px;
  width: max-content;
}

#events-activities .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile h2 {
    color: #000;
}

#events-activities .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile .location h6 {
    color: #4d4d52;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 10px;
}

.addleaner-edit-info {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    gap: 5px;
}

.addlearner-info:hover .addleaner-edit-info {
    display: flex;
}

.addleaner-edit-info svg path {
    fill: #6F75BC;
}

.cart-section .add-course path {
    stroke: #454B93;
}

.transfer-order-time {
    display: inline-block;
    width: 200px;
}

.transfer-order-cp {
    display: block;
    background: #ebf3ff;
    padding: 3px 10px;
    font-weight: 500;
    font-size: 11px;
    margin-left: 20px;
}

.transfer-order-list {
    align-items: center;
}

.transfer-order-price .line-through {
    text-decoration: line-through;
    font-size: 11px;
    opacity: .7;
    margin-left: 4px;
    font-weight: 500;
}

.transfer-order-list.sltd .transfer-order-cp {
    background-color: #fff;
}

.transfer-order-list {
    margin-bottom: 5px;
    padding: 10px 15px;
}

.text-cp {
    color: #629cfd;
}

.text-mp {
    color: #66a794;
}

.prime-notify-text {
    font-size: 11px;
    color: rgba(27, 28, 33, 0.5);
    font-weight: 500;
}

.member-price-applied-sec {
    display: flex;
    padding: 0 0;
    border-radius: 5px;
    align-items: center;
}

.member-price-applied-sec .member-price-text {
    color: #539A86;
    font-weight: 500;
    font-size: 10px;
}

.member-price-applied-sec b {
    font-size: 16px;
    font-weight: bold;
    color: #13171F;
}

.current-price-section {
    display: flex;
    justify-content: flex-end;
}

.current-price-section .member-price-text {
    color: #76777A;
    font-size: 10px;
    min-width: 126px;
}

.current-price-applied-sec {
    display: flex;
    padding: 5px 0;
    border-radius: 5px;
    justify-content: right;
    align-items: center;
}

.current-price-applied-sec .member-price-text {
    color: #539A86;
    font-weight: bold;
    font-size: 10px;
    min-width: 110px;
}

.current-price-applied-sec b {
    font-size: 16px;
    font-weight: bold;
    color: #13171F;
}

.current-price-applied-sec .current-price-text {
    color: #72A6FD;
    font-size: 10px;
    font-weight: 500;
    min-width: 110px;
}

.membrship-offer-price .mp-know-more-text {
    font-size: 10px;
    color: #2C70FC;
    text-decoration: underline;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}

.cart-block-innersec .knowmore_tooltip_content {
    position: absolute;
    z-index: 99;
    background: #000;
    color: #fff;
    width: 316px;
    text-align: left;
    padding: 12px;
    bottom: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    line-height: 1.5;
    left: -15px;
    font-size: 12px;
    pointer-events: none;
    opacity: 1;
    display: none;
}

.membrship-offer-price {
    font-size: 10px;
    color: #8B8B8B;
    width: 250px;
}

.membrship-offer-price .member-offer-price {
    color: #4B4B4B;
    font-weight: bold;
    font-size: 11px;
    line-height: inherit;
    margin-left: 5px;
}

.member-offer-price .rupee-unicode {
    font-size: 11px;
    margin-left: 0;
    line-height: inherit;
}

.current-price-section {
    display: flex;
    justify-content: flex-end;
}

.current-price-section .member-price-text {
    color: #76777A;
    font-size: 10px;
    min-width: 126px;
}

.current-price-section .member-cp-text {
    min-width: 98px;
}

.current-price-applied-sec .member-price-text {
    color: #539A86;
    font-weight: bold;
    font-size: 10px;
    min-width: 110px;
}

.member-price-text .mp-know-more-text {
    font-size: 10px;
    color: #2C70FC;
    text-decoration: underline;
    position: relative;
}

.mp-know-more-text:hover .knowmore_tooltip_content {
    display: block;
}

.knowmore_tooltip_content:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 16px;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

#course-valdity-table .course-price-list .course-price-cp .rupee-unicode {
    font-size: 26px;
}

#course-valdity-table .course-price-list .course-price-mp .rupee-unicode {
    font-size: 26px;
}

@media only screen and (max-width: 991px) {
    .add_address_form ::-webkit-calendar-picker-indicator {
        margin-top: -13px;
        background-image: none !important;
    }
}

@media screen and (max-width: 500px) {
    section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap {
        width: 100%;
    }

    section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-btn-wrap a.orange-flat-btn.progress-bar-btn-size {
        padding: 10px 5px;
        min-width: 105px;
        font-size: 11px;
    }

    section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-btn-wrap {
        margin-right: 5px;
    }

    section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap span.progress-days {
        margin-right: 5px;
        font-size: 12px;
    }

    section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap {
        width: auto;
        margin-right: 5px;
        margin-left: 5px;
    }

    section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap .Progress-course-validity-label {
        font-size: 12px;
    }

    section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap .br-wrapper.br-theme-fontawesome-stars .br-widget a {
        font-size: 13px;
    }

    section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum .course-share {
        margin: 18px 0 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
}

@media screen and (max-width: 767px) {
    .course-price-list {
        position: absolute;
        bottom: inherit;
        padding: 5px 10px;
        display: flex;
        width: 65%;
        right: 0;
        margin-top: 35px;
        top: 0;
    }

    .btnBlock::after {
        display: none;
    }

    .current-price-section .member-price-text {
        font-size: 10px;
    }

    .member-price-applied-sec .member-price-text {
        color: #539A86;
        font-weight: 600;
        font-size: 10px;
    }

    .member-price-applied-sec .member-cp-text {
        margin-left: 5px !important;
    }

    .member-price-applied-sec .course-price-cp {
        font-size: 14px;
    }

    .member-price-applied-sec .course-price-op {
        font-size: 11px;
    }

    .cart-block-innersec .member-price-applied-sec b {
        font-size: 18px;
    }

    .cart-block-innersec .knowmore_tooltip_content {
        right: 0;
        left: inherit;
        margin-bottom: 0;
    }

    .cart-block-innersec .warning-msg {
        position: relative;
        align-items: baseline;
        line-height: inherit;
        margin-top: 15px;
    }

    .cart_purchase_info span {
        font-size: 13px;
    }

    .addlearner-info {
        display: flex;
        flex-direction: column;
    }

    .modal#item-verify .pps-details-sec .cart-box .cart-text span.sold_out_text {
        font-weight: 500;
        vertical-align: baseline;
        display: flex;
        width: auto;
        height: auto;
        line-height: 13px;
        margin-right: 0;
        align-items: flex-start;
        padding: 5px 10px;
        font-size: 10px;
    }

    .sold_out_text .coupon-close {
        margin-left: 0;
        margin-right: 5px;
        width: 17px;
        height: 9px;
        background: #f25c54;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 3px;
    }

    .sold_out_text .coupon-close svg {
        width: 5px;
    }
}