.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: 13px;
          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;
      }
      
      .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: 0.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: 2px;
          border: 1px solid rgba(27, 28, 33, 0.6);
          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: 14px;
          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-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: -2px;
          margin-left: -2px;
      }
      
      .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;
      }
      
      .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: 145px;
      }
      .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;
      }

      .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.4);
          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;
      }
      
      .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: 4px;
          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;
      }
      
      .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;
              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: block !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-menu .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: 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%;
      }
      
      .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);
        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;
          }
          .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;
      }
      #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 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;
              }
            }