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

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

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

.flex2 {
  flex: 2 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-45 {
  height: 45px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.available_coupon_info_sec {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

.org_click {
  color: #0882fd;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.course_coupon_section {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cart_mobile_view {
  display: none;
}

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

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

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

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

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

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

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

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

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

#signup_password_message_text {
  line-height: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.red-icon {
  background: #fd637a;
}

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

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

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

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

.addlearner-info {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.fade.in {
  opacity: 1;
}

.show {
  display: block !important;
}

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

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

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

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

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

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

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

body {
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .cart-section {
      height: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .phone-num {
      height: 40px;
  }

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

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

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

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

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

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

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

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

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

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

  .organisation_inner-sec {
      padding: 0;
  }

  .organisation_enquiry_form {
      padding: 30px 20px;
  }

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

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

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

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

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

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

  #sign-in {
      height: 100vh;
  }

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

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

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

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

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

  .cart-section {
      height: auto;
  }

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

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

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

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

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

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

  .cart-sec b {
      display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .organisation_inner-sec {
      padding: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .coupon-info {
      height: 95px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* bulk enrollment */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* enquiry form */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*enquiry form end*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes slidein {
  0% {
      top: 0
  }

  50% {
      top: 50%;
  }

  75% {
      top: 50%;
  }

  100% {
      top: 0%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal.add_address_form.add_learner_form#details-pps .pps-details-sec .ppc-choose {
  margin-bottom: 10px;
}

.add_address_form#details-pps .pps-no-member-sec:before {
  content: "";
  position: absolute;
  top: 0;
  width: 96%;
  height: 1px;
  /* border-top: 0.5px solid #dfdbdb; */
  display: block;
  margin: auto;
  left: -3px;
  right: 0;
  background: #dfdbdb;
}

.declaration-box {
  clear: both;
  float: none;
  font-size: 11px;
}

.declaration-box .cart_purchase_info {
  display: block;
  float: none;
  width: 100%;
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 13px;
  color: #9B9B9D;
  opacity: 1;
}

.declaration-box span.info-checkbox {
  margin: 0;
  display: block;
  font-size: 11px;
  position: relative;
  text-align: justify;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .declaration-box span.info-checkbox {
  float: none;
}

.declaration-box span.info-checkbox input[type="checkbox"] {
  margin: 0 11px 0 0;
  position: relative;
  top: 2px;
  float: left;
  display: inline-block;
  height: 13px;
  width: 15px;
  color: #1b1c21;
  opacity: 0.6;
}

.modal#detail-consent .pps-details-sec {
  border-radius: 2px;
  padding: 23px 25px 33px;
}

.declaration-box span.info-checkbox span {
  display: inline-block;
  width: 90%;
  font-weight: 600;
  color: #1b1c21;
}

.declaration-box span.info-checkbox .cart_purchase_info {
  margin-bottom: 28px;
  margin-top: 8px;
}

.modal.add_address_form#details-pps .pps-details-sec .declaration-box span.info-checkbox .cart_purchase_info p {
  font-size: 11px;
}

.modal#details-pps .pps-details-sec .bulk-cart-btn {
  position: fixed;
  bottom: -14px;
  width: calc(100% + 0px) !important;
  margin-left: 0;
  z-index: 1;
  background: #fff;
  padding: 9px 0 6px;
  left: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-6 {
  padding: 0 10px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .dynamic_fields {
  display: inline;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-12 {
  padding: 0 10px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .ppc-choose {
  margin: 17px 0 12px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-member-sec .col-md-9 {
  padding: 0 16px 0 10px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .declaration-box {
  padding: 0 10px !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec {
  margin: 0;
  padding: 8px 0 0 !important;
  width: 100%;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec .row {
  margin: 0;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.coupon-subtxt {
  padding-left: 10px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.info-checkbox {
  padding-right: 10px;
  color: #000;
  margin-top: 18px;
  font-weight: normal;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.cart-sub-text {
  padding: 0 10px;
}

.modal#details-pps .pps-details-sec .pps-form-header {
  position: fixed;
  top: 7px;
  width: calc(100% + 0px);
  background: #fff;
  z-index: 1;
  padding: 6px 27px;
  margin-left: 0;
  left: 0;
}

#details-pps .declaration-box span.info-checkbox span.error-msg {
  line-height: normal !important;
  margin: 0;
  bottom: 14px;
  display: block !important;
  color: #dd3737 !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm::-webkit-scrollbar {
  width: 7px !important;
  border-radius: 7px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm::-webkit-scrollbar-track {
  background: #fff !important;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm::-webkit-scrollbar-thumb {
  background: #fff !important;
  border-radius: 5px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm:hover::-webkit-scrollbar-thumb {
  background: #88898b !important;
}

.course-preview-pic.container .fundamentals-skill .fundamentals-altr button.product_buy_button_display.btn.apply-cart-btn.enquiry_cart_btn {
  display: inline-block;
  width: 160px;
  margin-left: 17px;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box .cart-txtbar {
  display: block;
  margin-left: 20px;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box .cart-txtbar .cart-text {
  width: 100%;
  margin: 0;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists {
  padding: 6px 0;
  border: none;
}

.add_address_form#details-pps .form-group span.error-msg {
  margin-top: 3px;
  top: 0;
  display: flex;
  line-height: 12px;
  align-items: flex-start;
  font-size: 10px;
  font-weight: 400;
}

.dynamic_fields .col-md-6:nth-child(2) {
  clear: both;
}

.add_address_form input[type=number]::-webkit-outer-spin-button,
.add_address_form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.add_address_form input[type=number] {
  -moz-appearance: textfield;
}

.modal#registered-list .registered-action {
  width: 100%;
  border-top: 1px solid #E5E5E5;
  margin-top: 28px;
}

.modal#registered-list .registered-action .btn.done-btn.theme-blue-btn1 {
  width: 100%;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box {
  position: relative;
  width: 100%;
  margin: auto;
  display: block;
}

.modal#registered-list .pps-details-sec {
  padding: 17px 23px;
  width: 450px;
}

.modal#registered-list .registered-action .btn.done-btn.theme-blue-btn1 {
  width: 80%;
  margin: 16px auto 0;
  display: block;
  border-radius: 2px;
}

.modal#registered-list .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
  position: static;
}


/* .modal.add_address_form#details-pps .pps-details-sec input[type="date"]::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
} */


/* review cart */

.modal#item-verify .pps-details-sec .cart-box .cart-img {
  width: 130px;
}

.modal#item-verify .pps-details-sec p {
  margin-top: 5px;
  padding-bottom: 1px;
}

.modal#item-verify .pps-details-sec .cart-box .cart-text h5 {
  width: 95%;
  display: block;
  font-weight: 500;
}

.modal#item-verify .pps-details-sec h5 {
  margin-bottom: 4px;
}

.modal#item-verify .pps-details-sec .ppc-choose {
  margin-top: 18px !important;
}

.modal#item-verify .pps-details-sec .cart-box .cart-text span.sold_out_text {
  font-weight: 500;
  vertical-align: middle;
  display: flex;
  width: max-content;

}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists:nth-child(2n) span.name-letter {
  background: #FD637A;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists:nth-child(3n) span.name-letter {
  background: #86C191;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists:nth-child(3n+1) span.name-letter {
  background: #4FA6FC;
}

.modal#item-verify .pps-details-sec .skip-txt {
  background: #2d71fd;
  color: #fff;
  width: 64%;
  display: block;
  margin: auto;
  padding: 12px;
  line-height: 1.2;
  border-radius: 2px;
  margin-top: 18px !important;
}

.modal#item-verify .pps-details-sec {
  padding-bottom: 30px;
  max-height: 550px;
  overflow: overlay;
  padding-top: 23px;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar {
  width: 7px !important;
  border-radius: 7px;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-track {
  background: #fff !important;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-thumb {
  background: #fff !important;
  border-radius: 5px;
}

.modal#item-verify .pps-details-sec:hover::-webkit-scrollbar-thumb {
  background: #88898b !important;
}

.modal#item-verify .pps-details-sec .cart-box {
  margin-bottom: 24px;
  min-height: unset;
  border: none;
}

.modal#item-verify .pps-details-sec .cart-box .cart-text span.sold_out_text svg {
  vertical-align: middle;
  display: inline-block;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list {
  display: block;
  border: none;
  width: 100%;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists {
  border: none;
  padding: 0;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists span.name-letter {
  width: 20px;
  height: 20px;
  font-size: 10px;
  margin-right: 0;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-name {
  padding: 0 0 0 5px;
  width: 31%;
  margin-right: 2px;
}

.modal#item-verify .pps-details-sec .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
  width: 46%;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-track {
  background: #fff !important;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-thumb {
  background: #fff !important;
  border-radius: 5px;
}

.modal#item-verify .pps-details-sec::-webkit-scrollbar-thumb:hover {
  background: #88898b !important;
}


/* .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view button.add-cart.enquiry_button_display.enquiry_cart_btn{
display: block;
} */

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle_cart_btn {
  display: inline-block;
}

#bill_address .form-group span.select-item select::-webkit-scrollbar {
  width: 10px;
}

#bill_address .form-group span.select-item select::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#bill_address .form-group span.select-item select::-webkit-scrollbar-thumb {
  background: #c3c3c3;
  border: 1px solid #fff;
  border-radius: 7px;
}

.add_address_form#details-pps .form-group.form-group-alter.phone-number span.select-code {
  width: 22%;
  display: inline-block;
  float: left;
  margin-right: 9px;
  position: relative;
}

.add_address_form#details-pps .form-group.form-group-alter.phone-number span.number {
  display: inline-block;
  width: 74%;
  position: relative;
}

.add_address_form#details-pps .form-group .form-control[readonly] {
  pointer-events: none;
  background: #eee !important;
  cursor: not-allowed;
  border: 1px solid #1b1c2194 !important;
}

.add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number span.code input#bulk_learner_phone_code {
  text-align: center;
  font-weight: 500;
}

#sign-in .login-wraper .form-group .form-control {
  outline: none;
}

.error-msg-icon {
  height: 16px;
}

.cart-text h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 40px;
  display: -webkit-box !important;
}

/* .order-details-btm .apply-cart-btn {
 margin-top: 5px !important;
} */

.cart-box .cart-price {
  margin-top: 0;
  display: block;
  float: right;
  text-align: right;
  width: auto;
}

.cart-section .trash-text {
  clear: both;
  display: block;
  float: left;
  margin-top: 10px;
  margin-left: 34%;
}

.cart-box.bulk-box {
  min-height: unset;
  margin-bottom: 10px;
}

.cart-box.billing-box {
  min-height: unset;
}

.cart-box.bulk-box .d-flex {
  display: flex;
}

.modal#details-pps button.proceed-btn {
  background: #0882fd !important;
  height: 43px;
  line-height: 1 !important;
  margin: 5px auto 20px;
  margin-top: 0 !important;
  width: 65%;
  float: none;
  text-align: center;
}

.modal#details-pps button.proceed-btn:disabled {
  background: #B0B1B2 !important;
  cursor: not-allowed;
  pointer-events: none;
}

.cart-box.bulk-box .cart_purchase_info span {
  margin-top: 4px;
}

.pps-details-sec .ppc-choose span input[type="radio"]:checked+label:before {
  background: #2D71FD;
}

.pps-details-sec .ppc-choose span input[type="radio"]:checked+label:after {
  background: #fff !important;
  width: 6px;
  height: 6px;
  text-align: center;
  left: 6px;
  top: 6px;
}

.cart-box.bulk-box .cart_purchase_info span {
  display: flex;
  align-items: center;
  margin-right: 10px;
  line-height: 21px;
}

.cart-box.bulk-box .cart-price {
  margin-top: 0;
  display: block;
  float: right;
  text-align: right;
  width: auto;
}

.cart-box.bulk-box .cart-price span {
  margin-left: 0;
  text-align: right;
}

.cart-box.bulk-box .cart-price b {
  text-align: right;
  position: relative;
  right: -1px;
}

#details-pps .form-control:valid+.form-control-placeholder.date-label {
  transform: translate3d(0, 0%, 0);
}

.add_address_form#details-pps .form-group label.form-control-placeholder {
  line-height: normal;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  padding: 0;
  left: 13px;
  width: auto;
  pointer-events: none;
}

.add_address_form#details-pps .form-group label.form-control-placeholder.focus {
  top: 12px;
  left: 11px;
  padding: 0px;
  font-size: 9px;
}

.add_address_form#details-pps .form-group label.form-control-placeholder.active {
  top: 12px;
  left: 11px;
  padding: 0px;
  font-size: 9px;
}

#details-pps .form-group.country-select.country_type select {
  background: none !important;
  appearance: none;
}

.add_address_form#details-pps .form-group.country-select.country_type label.form-control-placeholder {
  top: 12px;
  left: 11px;
  padding: 0px;
  font-size: 9px;
  line-height: normal;
  width: auto;
}

#details-pps .form-group.dob-select label.form-control-placeholder.date-label {
  top: 7px;
  left: 11px;
  padding: 0px;
  font-size: 9px;
  line-height: normal;
  width: auto;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
  filter: unset !important;
  border-radius: 4px;
  display: inline-block;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.disabled-button {
  opacity: 0.6;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn.free_course_button_show {
  height: 50px;
  display: inline-block;
}

.head-gradient.header-theme-bg.header-theme-bg-new .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-course-price span {
  margin-bottom: 8px;
}

.add_address_form#details-pps .form-group {
  margin-bottom: 15px;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-text {
  margin: 0;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-txtbar .cart-price b {
  text-align: left;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block {
  position: relative;
  padding: 0 10px;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box .cart_purchase_info {
  float: none;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block span#bulk_learner_consent_message_holder {
  top: auto;
  width: 100%;
  display: flex;
  bottom: 10px;
  left: 22px;
  align-items: center;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block span#bulk_learner_consent_message_holder span.error-msg-icon {
  height: auto;
  margin: 0;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block span#bulk_learner_consent_message_holder svg {
  top: 0;
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box span.info-checkbox {
  margin: 0;
  display: block;
  font-size: 11px;
  position: relative;
  text-align: justify;
  float: none;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-txtbar {
  display: flex;
  margin-left: 10px;
}

.bulk-error.payment_warning {
  text-align: center;
}

.bulk-error.payment_warning svg {
  width: 52px;
}

.bulk-error.payment_warning p {
  color: #848486;
  font-size: 13px;
  width: 40%;
  margin: auto;
}

.bulk-error.payment_warning h2 {
  font-weight: 700;
  font-size: 26px;
  margin: 5px auto 16px;
}

.bulk-error.payment_warning {
  float: none;
  margin: auto;
}

.bulk-error.payment_warning .button-action .theme-blue-btn1.btn {
  margin-right: 0;
}

.add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number span.number {
  display: inline-block;
  width: 74%;
  position: relative;
}

.add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number span.code {
  width: 22%;
  display: inline-block;
  float: left;
  margin-right: 9px;
  position: relative;
}


/* .add_address_form#bulk_learner_enroll .form-group.country-select.country_type label.form-control-placeholder {
top: 10px;
font-size: 10px;
left: 9px;
} */

.add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number {
  display: flex;
}


/* .add_address_form#bulk_learner_enroll .form-group input[type="date"]::-webkit-inner-spin-button, .add_address_form#bulk_learner_enroll .form-group input[type="date"]::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
} */

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-txtbar .cart-price {
  margin: 0;
}

.modal#bulk_learner_enroll .pps-details-sec form .bulk-nopps-form .form-group.country-select.country_type label.form-control-placeholder {
  font-size: 10px;
  top: 12px;
  left: 9px;
}

.cart-box .trash-text.mobile-view {
  display: flex !important;
  margin-left: 0;
  float: right;
  margin-top: 0;
}

.cart-box .trash-text.mobile-view svg {
  display: none;
}

.cart-box.bulk-box div .d-flex.justify-content-end.w-100.cart-btm-bar {
  position: absolute;
  /* left: 0; */
  display: block !important;
  margin: 0;
  bottom: 25px;
}

.cart-box.bulk-box .cart-text .tax-info {
  margin-bottom: 9px;
}

.cart-box.bulk-box .cart-text span.warning-msg {
  position: static;
  margin-bottom: 5px;
}

.declaration-box .cart_purchase_info p a {
  color: #337ab7;
}

.add_address_form#bill_address .pps-details-sec .col-md-6 {
  padding: 0 10px !important;
}

.add_address_form#bill_address .pps-details-sec .pps-form-header {
  padding: 0 10px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-form-header h5 {
  margin-bottom: 6px;
  margin-top: 10px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-form-header {
  top: 5px;
}

.modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-form-header p {
  margin-bottom: 10px;
  margin-top: 0;
}

.bulk-cart-btn .btn.cart-btn button#pps_form_btn.proceed-btn {
  margin: 0px auto 0px auto !important;
  width: 65% !important;
  text-align: center;
  float: none;
  padding-top: 15px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.modal.my_modal_alert#request_modal .modal-dialog .modal-content .modal-body h5.message-body {
  padding: 0;
  margin: 10px 0;
}

.add_address_form#details-pps .form-group span label.info-label {
  position: static;
  transform: unset;
  font-size: 10px;
  margin-top: 4px;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.Multiple.Redirection.test p.time,
.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.Multiple.Redirection.test h2,
.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.Multiple.Redirection.test .location h6,
.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.Multiple.Redirection.test .location .address p {
  color: #9F9F9F;
}

.add-course {
  display: flex;
  align-items: flex-start;
  background: none;
  box-shadow: none;
  font-size: 13px;
  text-transform: capitalize;
  padding-left: 0;
  padding-bottom: 20px;
}

.add-course span.apply-text {
  margin-left: 6px;
}

.modal.add_address_form .pps-details-sec form .form-group.form-group-alter.phone-number .number span.error-msg {
  bottom: -25px;
}

@media(min-width:1072px) {
  .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top {
      left: 98% !important;
  }

  .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top .tooltip-arrow {
      left: 21px !important;
  }
}

@media(max-width:991px) {
  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-6 {
      width: 100%;
  }
}

@media(min-width:767px) {

  .modal#bulk_learner_enroll .pps-details-sec form .bulk-nopps-form .col-md-6,
  .modal#bulk_learner_enroll .pps-details-sec form .col-md-12.dev-pps-block {
      display: inline-grid;
      float: none;
      width: 49.6%;
  }

  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-6 {
      display: unset;
      float: left;
  }

  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .dynamic_fields {
      display: inline;
  }

  .cart-box.bulk-box .trash-text {
      display: block !important;
      align-items: baseline;
      justify-content: space-between;
      border-color: #c5bfbf;
      float: right;
      position: absolute;
      right: 20px;
      bottom: 33px;
      color: #2b72fd;
      font-size: 12px;
      font-weight: 500;
      width: auto;
  }

  .cart-box.bulk-box .trash-text span svg {
      display: none;
  }

  .cart-box.bulk-box .trash-text span {
      font-weight: 500;
  }

  .cart-box.bulk-box {
      position: relative;
  }

  .modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn {
      position: fixed;
      bottom: 0;
      width: calc(100% - 215px);
      z-index: 1;
      background: #fff;
      padding-bottom: 17px;
      margin: 0 auto;
      left: 0;
      right: 0;
  }
}

@media only screen and (max-width: 999px) {
  .login_wrapper_sec {
      display: block;
  }
}

@media(max-width:768px) {
  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
      display: none !important;
  }
}

@media(min-width:1366px) {
  .modal.add_address_form#learners-list .pps-details-sec {
      /* width: 584px; */
      width: 720px;
      padding: 35px 34px 8px;
  }

  /* .modal.add_address_form#learners-list .pps-details-sec button.close.cart-close {
 position: absolute;
 right: 25px;
 z-index: 99;
 top: 17px;
} */
}

@media only screen and (max-width: 767px) {

  .add_address_form#bulk_learner_enroll .form-group.form-group-alter.phone-number span.number {
      width: 76%;
  }

  .cart-box .trash-text.mobile-view svg {
      display: block;
  }

  .cart-box.bulk-box {
      min-height: unset;
  }

  .cart-box.billing-box {
      min-height: unset;
  }

  .cart-unavailable-inner .cart-box {
      border: none;
      min-height: unset;
  }

  .cart-unavailable-inner {
      padding-right: 15px;
  }

  .cart_mobile_view .cart-sec svg {
      width: 20px !important;
  }

  .cart-box.bulk-box .bulk-learner-list .add-learner-box {
      width: 100%;
      height: 45px;
      line-height: 45px;
      display: block;
      background: #F1F0FF 0% 0% no-repeat padding-box;
      font-size: 14px;
  }

  .cart-section .cart-block-innersec .trash-text span {
      font-weight: 400;
      align-items: center;
      font-size: 13px;
  }

  .learner-action-list {
      width: 100%;
  }

  .modal#bulk_learner_enroll .pps-details-sec form .pps-no-member-sec .row {
      margin: 0;
  }

  .modal#bulk_learner_enroll .pps-details-sec form .pps-no-member-sec {
      padding: 0;
  }

  .modal#bulk_learner_enroll .pps-details-sec form .pps-no-member-sec .row .col-md-12 {
      padding: 0;
  }

  .modal#bulk_learner_enroll .pps-details-sec .col-md-6 {
      padding: 0 !important;
  }

  span.remain-seat {
      color: #A3A5B2;
      float: right;
      font-size: 10px;
      position: absolute;
      right: 9px;
      top: 50%;
      transform: translatey(-50%);
  }

  .cart-bulk-actions.bulk-learner-list span.remove-learner.apply-text {
      position: relative;
      top: -13px;
      display: none;
  }

  .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action {
      opacity: 1;
  }

  .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
      width: 30%;
      display: inline-block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      position: relative;
      top: 0;
  }

  span.remove-learner.apply-text {
      cursor: pointer;
      margin-left: 29px;
      display: none;
  }

  .cart-box.bulk-box .add-learner-box {
      width: 100%;
  }

  .cart-bulk-actions {
      width: 100%;
  }

  .cart-box.bulk-box .d-flex:first-child {
      display: block !important;
  }

  .cart-box.bulk-box.waiting-list-box.enroll-box .d-flex {
      display: flex !important;
  }

  .cart-box.bulk-box .cart-img {
      display: inline-block;
      float: left;
      width: 33%;
  }

  .mobile-hide {
      display: none;
  }

  .cart-box.bulk-box .cart-txtbar {
      width: 63%;
      display: inline-block;
  }

  .cart-bulk-actions.bulk-learner-list {
      width: 100%;
  }

  .cart-box.billing-box .cart-bulk-text span {
      display: none;
  }

  .cart-box.billing-box a.bill-address_btn.apply-text span {
      display: block;
      font-weight: bold;
  }

  .cart-box.billing-box a.bill-address_btn.apply-text span.mobile-hide {
      display: none;
  }

  .cart-box.billing-box .d-flex {
      display: flex;
      flex-direction: row;
      justify-content: center !important;
  }

  .cart-box.billing-box .d-flex.learner_billing_detail {
      display: block !important;
  }

  .cart-box.billing-box .d-flex.learner_billing_detail a.bill-address_btn.apply-text {
      float: none;
      width: 100%;
      display: inline-block;
      font-weight: bold;
      padding-left: 28px;
      margin-top: 10px;
      color: rgba(43, 114, 253, 1);
  }

  .cart-box.billing-box p.address.apply-small-text {
      color: rgba(27, 28, 33, 0.6);
      opacity: 1;
      display: block;
      padding-left: 28px;
  }

  .cart-box.billing-box .cart-bulk-text b {
      font-weight: 500;
      color: #1B1C21;
      font-size: 15px;
  }

  .cart-box.billing-box .cart-bulk-text svg {
      fill: #000;
      opacity: 1;
      width: 14px;
      margin-right: 15px;
  }

  .cart-box.billing-box {
      min-height: unset;
      padding: 20px;
  }

  .cart-box.billing-box .d-flex.learner_billing_detail span.mobile-view {
      display: inline-block !important;
  }

  .cart-box .cart-bulk-text svg {
      top: -1px;
      fill: #2b72fd;
      width: 31px;
      position: relative;
  }

  section.cart-section .container .row.mobile-bulk-view {
      display: flex;
      flex-direction: column-reverse;
  }

  .add_address_form#bill_address .pps-details-sec {
      max-height: 600px;
      padding: 15px 25px 15px;
      overflow: auto;
  }

  .add_address_form#bill_address .pps-details-sec::-webkit-scrollbar {
      width: 10px;
  }

  .add_address_form#bill_address .pps-details-sec::-webkit-scrollbar-track {
      background: #f1f1f1;
  }

  .add_address_form#bill_address .pps-details-sec::-webkit-scrollbar-thumb {
      background: #c3c3c3;
      border: 1px solid #fff;
      border-radius: 7px;
  }

  .add_address_form#bill_address .btn.cart-btn button#pps_form_btn {
      margin: 0;
      width: 100%;
  }

  .mobile-view {
      display: block !important;
  }

  .add_address_form#details-pps .pps-no-member-sec {
      border-top: none;
      padding: 18px 5px 0 8px !important
  }

  span.info-checkbox {
      margin: 2px 0;
  }

  .cart-box.bulk-box.waiting-list-box {
      border: none;
  }

  .modal#learners-list .pps-details-sec {
      padding: 12px 14px;
  }

  .cart-box.bulk-box.waiting-list-box .cart-img {
      float: none;
      margin-bottom: 0;
  }

  .cart-box.bulk-box.waiting-list-box .cart-txtbar {
      float: right;
      width: 62%;
      margin-left: 0;
  }

  .cart-box.bulk-box .cart-text {
      width: 100%;
  }

  .modal.add_address_form.add_learner_form#details-pps .pps-details-sec {
      width: 90%;
      max-height: 570px;
  }

  .add_address_form#details-pps .btn.cart-btn a#pps_form_btn {
      margin-right: 22px;
  }

  .modal.add_address_form.add_learner_form#details-pps .pps-details-sec .bulk-cart-btn {
      width: 100%;
      background: #fff;
      padding: 15px 0;
      margin: 0;
  }

  .modal.add_address_form.add_learner_form#details-pps .pps-details-sec .bulk-cart-btn .btn.cart-btn a#pps_form_btn {
      width: 100%;
      text-align: center;
  }

  .cart-box.bulk-box .cart-text h5 {
      font-size: 16px;
      margin-top: 0;
      -webkit-line-clamp: 2;
      margin-bottom: 5px;
  }

  .cart_purchase_info {
      font-size: 14px;
  }

  .courselist-cp-txt {
      font-weight: 400;
      font-size: 11px;
  }

  .courselist-mp-txt {
      font-weight: 400;
      font-size: 11px;
  }

  .course-price-cp {
      font-size: 18px;
  }

  .course-price-mp {
      font-size: 18px;
  }

  .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .btn.done-btn.theme-blue-btn1 {
      float: none;
      width: 100%;
      margin-top: 92px;
  }

  .cart-box.bulk-box.waiting-list-box .cart-txtbar .cart-text {
      width: 80%;
  }

  span.learner-list-action span.edit-svg {
      width: 21px;
      height: 21px;
  }

  span.learner-list-action span.edit-svg svg {
      width: 8px;
      height: 8px;
      margin-top: 5px;
  }

  span.learner-list-action span.icon-trash-empty,
  span.learner-list-action i.icon.icon-trash-empty {
      width: 21px;
      height: 21px;
  }

  .cart-bulk-actions.bulk-learner-list .learner_lists span.name-letter {
      width: 21px;
      height: 21px;
      line-height: 24px;
      font-size: 10px;
  }

  span.learner-list-action i.icon.icon-trash-empty:before {
      font-size: 10px;
      line-height: 2.2;
  }

  .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-name {
      font-size: 11px;
      padding: 0 9px 0 5px;
  }

  .cart-bulk-actions.bulk-learner-list .learner_lists {
      padding: 8px;
  }

  .cart-section h3.bulk-header {
      margin-left: 0;
      font-size: 16px;
  }

  .cart-box.billing-box p.address.apply-small-text::before {
      content: none;
  }

  .cart-box.billing-box .learner_billing_detail .d-flex {
      display: block !important;
  }

  .cart-box.billing-box .learner_billing_detail .d-flex p.address {
      padding-left: 43px;
  }

  .cart-box.billing-box .learner_billing_detail .d-flex a.bill-address_btn.apply-text {
      float: none;
      width: 100%;
      padding-left: 43px;
      display: block;
      margin-top: 8px;
  }

  .cart-box.billing-box .learner_billing_detail .d-flex a.bill-address_btn.apply-text span.mobile-view {
      display: inline-block !important;
  }

  .add_address_form#bill_address .btn.cart-btn a#pps_form_btn {
      width: 100%;
      text-align: center;
      color: #1B1C21;
      font-size: 19px;
  }

  .cart-box.billing-box .learner_billing_detail .d-flex .cart-bulk-text svg {
      top: 5px;
  }

  .add_address_form#bill_address .bulk-cart-btn {
      margin: 0;
  }

  .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.mail-id {
      width: 30%;
  }

  .modal.add_address_form#learners-list .pps-details-sec {
      width: 90%;
      height: unset;
      min-height: unset;
      padding: 21px 23px 8px;
  }

  .modal.add_address_form#learners-list .pps-details-sec .cart-box.bulk-box.waiting-list-box {
      min-height: unset !important;
  }

  .cart-rght-box.checkout-bulk-box .order-details-btm {
      display: block;
      position: absolute;
      width: calc(100% - 36px);
      background: #fff;
      top: 14px;
      left: auto;
      right: auto;
  }

  .cart-rght-box.checkout-bulk-box .order-details-btm .d-flex.align-center.justify-content-between.mb-1.w-100 {
      margin-bottom: 0 !important;
  }

  .cart-rght-box.checkout-bulk-box {
      position: relative;
      padding-top: 96px;
  }

  .cart-rght-box.checkout-bulk-box .apply-coupon {
      display: none;
  }

  .cart-section h3.bulk-header span b {
      display: none;
  }

  section.cart-section .container .row.mobile-bulk-view .col-md-8 .d-flex.align-center.justify-content-between.w-100.mb-1.mt-25 {
      margin: 0 !important;
  }

  .add_address_form#details-pps .pps-no-member-sec:before {
      left: 3px;
      width: 100%;
  }

  .modal.add_address_form.add_learner_form#details-pps label.form-control-placeholder.date-label {
      top: -7px;
  }

  .cart-box.billing-box .cart-bulk-text {
      font-weight: 500;
      color: #1B1C21;
      font-size: 15px;
      align-items: center;
  }

  .add_address_form#details-pps .pps-no-member-sec .col-md-6 {
      padding: 0 15px !important;
  }

  .add_address_form#bill_address .pps-details-sec .col-md-6 {
      padding: 0 !important;
  }

  .add_address_form#bill_address .pps-details-sec .pps-form-header {
      padding: 0;
  }

  .add_address_form .form-group.country_type:after {
      top: 14px;
      right: 18px;
  }

  .bill-address-row {
      order: 1;
      background: #fff;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-img {
      margin-bottom: 0;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box {
      min-height: unset;
      margin-bottom: 20px;
      border-bottom: 1px solid #1b1c2140;
      padding-bottom: 24px;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec {
      padding: 0;
      border: none;
      box-shadow: none;
  }

  .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip-inner {
      max-width: 340px;
      width: max-content;
      text-align: justify;
      padding: 12px;
      position: relative;
      display: inline-block;
      white-space: unset;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
      display: flex;
      text-align: left;
      margin-top: 0;
      float: left;
      margin-left: 0;
      position: absolute;
      bottom: -4px;
      left: 138px;
      align-items: stretch;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
      font-size: 15px;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-txtbar {
      margin-left: 22px;
  }

  section.cart-section.business-enquiry {
      background: #fff;
  }

  .organisation-inner-block .organisation-enquiry-sec:before {
      content: "";
      width: calc(100% + 60px);
      position: absolute;
      height: 1px;
      background: #E5E5E5;
      top: -26px;
      left: -30px;
  }

  .organisation-inner-block .organisation-enquiry-sec .org-form-btn {
      position: relative;
      margin-top: 70px;
  }

  .organisation-inner-block .organisation-enquiry-sec .org-form-btn:after {
      content: "";
      width: calc(100% + 60px);
      position: absolute;
      height: 1px;
      background: #E5E5E5;
      top: -26px;
      left: -30px;
  }

  .organisation-inner-block .organisation-enquiry-sec {
      position: relative;
  }

  .modal.add_address_form#details-pps .pps-details-sec .bulk-cart-btn .btn.cart-btn button#pps_form_btn {
      width: 86%;
      display: block;
      margin: 0px auto;
  }

  .add_address_form#guest_learner_details .pps-details-sec {
      height: 380px;
      min-height: auto;
      max-height: 500px;
      top: 50% !important;
      transform: translateY(-50%);
  }

  .add_address_form#guest_learner_details .pps-details-sec .col-md-6 {
      padding: 0 !important;
  }

  .add_address_form#guest_learner_details .pps-details-sec .bulk-cart-btn {
      margin: 0;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .d-flex {
      position: relative;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price b {
      text-align: left;
      margin: 0 8px 0 0;
      position: relative;
      top: -1px;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
      text-align: left;
  }

  .cart-box.bulk-box .trash-text {
      margin: 13px 0 0;
  }

  .cart-box.bulk-box .cart-price {
      margin-top: 0;
      display: block;
      clear: none;
      text-align: right;
      position: relative;
      margin-left: 4%;
      width: 63%;
      float: left;
  }

  .cart-price .course-price-list {
      margin-top: 0;
  }

  .cart-box.bulk-box.waiting-list-box.enroll-box .cart-price {
      top: -15px;
  }

  .cart-box.bulk-box .cart-img {
      margin: 0;
  }

  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-6 {
      padding: 0 !important;
  }

  .add_address_form#details-pps .pps-no-member-sec .row {
      margin: 0;
  }

  .add_address_form#details-pps .pps-no-member-sec .row .col-md-12,
  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .col-md-12 {
      padding: 0 !important;
  }

  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.coupon-subtxt,
  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.info-checkbox,
  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .pps-no-member-sec span.cart-sub-text,
  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm .declaration-box {
      padding: 0 !important;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive a.btn {
      display: none;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box button.btn.checkout-btn.free_course_button_show {
      display: block !important;
      width: 100% !important;
      margin: 0;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
      display: none;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box {
      width: 100%;
      order: -1;
  }

  .head-gradient.header-theme-bg.header-theme-bg-new .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-course-price span {
      margin-bottom: 8px;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box .bundle_cart_btn {
      padding-bottom: 20px;
      border-bottom: 1px solid #e5e5e5;
      width: 100%;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
      display: block;
  }

  .modal.add_address_form#details-pps .pps-details-sec span.error-msg {
      margin-top: 5px;
      bottom: -17px;
      top: auto;
      font-size: 9px;
  }

  .modal.add_address_form#details-pps .pps-details-sec form#addLearnerForm {
      padding-top: 110px;
  }

  .modal#details-pps .pps-details-sec .bulk-cart-btn {
      padding: 15px 0;
  }

  .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.icon-trash-empty svg {
      top: -2px;
  }

  .modal#bulk_learner_enroll .pps-details-sec form {
      padding-top: 110px;
  }

  .cart-box.bulk-box.waiting-list-box.enroll-box .cart-price {
      float: none;
      position: static;
      text-align: left;
      width: 100%;
      display: block;
      margin: 0;
  }

  .cart-box.bulk-box.waiting-list-box.enroll-box .cart-text {
      margin: 0;
      width: 100%;
  }

  .cart-box.bulk-box.waiting-list-box.enroll-box .cart-txtbar {
      float: none;
      width: 72%;
      margin-left: 13px;
      display: block;
  }

  .cart-box.bulk-box.waiting-list-box.enroll-box .cart-bulk-actions.bulk-learner-list {
      margin-top: 0;
  }

  .cart-box.bulk-box.waiting-list-box.enroll-box .cart-bulk-actions.bulk-learner-list span.add-learner-box {
      margin-top: 8px;
  }

  .modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn {
      margin-left: 0;
      padding-bottom: 15px;
      left: 0;
  }

  .modal#bulk_learner_enroll .pps-details-sec form .bulk-cart-btn .btn.cart-btn {
      margin: 0px auto !important;
      width: 86% !important;
  }

  .modal#bulk_learner_enroll .pps-details-sec .col-md-6 {
      padding: 0 !important;
  }

  .modal#bulk_learner_enroll .pps-details-sec form .bulk-nopps-form .col-md-6,
  .modal#bulk_learner_enroll .pps-details-sec form .col-md-12.dev-pps-block {
      padding: 0 !important;
  }

  .cart-box.bulk-box .cart_purchase_info span {
      line-height: 15px;
      font-size: 11px;
  }

  .cart-box.bulk-box.waiting-list-box.enroll-box .d-flex.cart_purchase_info {
      display: block !important;
  }

  .modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block {
      padding: 0;
  }

  .cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.edit-svg svg {
      margin: 8px auto 0;
  }

  .add_address_form#bill_address .pps-details-sec .bulk-cart-btn {
      border: none;
  }

  #bill_address .form-group span.number {
      width: 72%;
  }

  #bill_address .form-group span.select-item {
      width: 25%;
      margin-right: 2%;
  }

  .add_address_form#bill_address .pps-details-sec p {
      padding: 0 !important;
  }
}

@media only screen and (max-width: 600px) {
  .modal.enquiry-forontend-form .course-wraper {
      width: 90%;
  }

  .cart-text h5 {
      font-size: 16px;
      line-height: 20px;
      margin-top: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
  }

  .cart-price b {
      display: block;
      text-align: center;
      color: #1B1C21;
      font-size: 16px;
  }

  .organisation-enquiry-sec .cart-price {
      font-size: 16px;
      display: block;
      align-items: center;
      width: auto;
      float: left;
      margin-left: 15px;
  }

  .modal.enquiry-forontend-form .course-wraper p {
      padding: 0 14px;
  }
}

@media only screen and (max-width: 460px) {
  .organisation-enquiry-sec {
      width: 100%;
      box-shadow: none;
      padding: 0 5px;
  }

  .organisation_enquiry_form {
      width: 100%;
      padding: 0;
  }

  .enguiry-proceed-btn {
      width: 130px;
      margin: 20px auto;
      margin-bottom: 25px;
  }

  .modal#course .course-wraper {
      width: 90%;
      margin: auto;
      padding: 30px;
  }

  .course-wraper h3 {
      font-size: 20px;
      margin-top: 20px !important;
      margin-bottom: 10px;
  }

  .cart-section .form-group.country-code #country {
      background-position: 95% 20px !important;
  }

  .cart-unavailable-inner {
      height: 350px;
  }

  section.cart-section.business-enquiry .cart-price b {
      margin-right: 0;
  }

  .organisation-enquiry-sec h3 {
      font-size: 18px;
  }

  .organisation-enquiry-sec .cart-img {
      width: 125px;
      display: inline-block;
  }

  .organisation-enquiry-sec .cart-text {
      margin-left: 0;
  }

  .organisation-enquiry-sec .sm-d-block {
      display: inline-block !important;
      width: 100%;
  }

  .organisation-enquiry-sec .cart-txtbar {
      display: inline-block;
      width: 60%;
      margin-left: 15px;
      float: left;
  }

  .organisation-enquiry-sec .cart-price {
      font-size: 16px;
      display: block;
      align-items: center;
      width: auto;
      float: left;
      margin-left: 15px;
  }

  .organisation-enquiry-sec .cart-text h5 {
      font-weight: 700;
      color: #1B1C21;
  }

  .cart-box.bulk-box.waiting-list-box.enroll-box .cart-price {
      top: -15px;
  }

  .cart-box.bulk-box .cart-price {
      float: left;
      width: 64%;
      margin-left: 37%;
  }

  .cart-price .course-price-list {
      margin-top: 0;
      width: fit-content;
      justify-content: space-between;
  }

  .add-leaner-details {
      display: flex;
  }

  .addlearner-info {
      display: block;
  }

  .addlearner-info .addleaner-edit-info {
      display: block !important;
  }
}


/* bulk enrollment css ends here */

@media only screen and (max-width: 350px) {
  .cart-unavailable-inner {
      height: 350px;
      overflow-y: auto;
      overflow-x: hidden;
  }
}


/* subscription starts */
@media(max-width:480px) {
  section.mycourse_container .all-challenges .tab-content1 .mysubscriptions#dashboard-my-courses .row.course-cards-row .ex-course-container.row.mysubscrs-row .col-md-3.col-sm-3.xs-replacer .course-block-1 .courser-bottom-half {
      height: 100% !important;
  }

  section.mycourse_container .all-challenges .tab-content1 .mysubscriptions#dashboard-my-courses .row.course-cards-row .ex-course-container.row.mysubscrs-row .col-md-3.col-sm-3.xs-replacer .course-block-1 .courser-bottom-half a {
      height: 100%;
  }

  .mysubscriptions#dashboard-my-courses .row.course-cards-row .subscribed-course-wrapper .ex-course-container.row.mysubscrs-row .col-md-3.col-sm-3.xs-replacer .course-block-1 .courser-bottom-half span.block-head {
      line-height: normal !important;
      font-size: 11px;
      margin-bottom: 3px;
  }

  section.mycourse_container .all-challenges .tab-content1 .mysubscriptions#dashboard-my-courses .row.course-cards-row .ex-course-container.row.mysubscrs-row .col-md-3.col-sm-3.xs-replacer .course-block-1 .courser-bottom-half .progress_main span.sr-only {
      font-size: 11px !important;
  }

  .subscribed-course-wrapper .mysubscrs-row .courser-bottom-half .progress_main {
      bottom: -3px;
      font-size: 10px;
  }
}

/* subscription ends */

/* -----------------enquiry start ------------------- */


/* course label css */

.pricing-preview-right .course-valdity-table .enroll-course-navigater .cart_course_btn {
  position: relative;
  padding-bottom: 22px;
}

.pricing-preview-right .course-valdity-table .enroll-course-navigater .cart_course_btn:after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: #e5e5e5;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 11px;
}

.pricing-preview-right .course-valdity-table .enroll-course-navigater .btn.apply-cart-btn {
  border-radius: 5px;
}


/* course label css end */


/* evenr label css */

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.btn.product_buy_button_display {
  margin-top: 11px;
  display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.btn.product_buy_button_display {
  display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.btn.buy_now_btn_event {
  margin-top: 11px;
  display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.btn.buy_now_btn_event {
  display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile p.reg-closed {
  width: 100% !important;
  text-align: center;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.btn {
  width: 100%;
  text-align: center;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.enquiry_button_display.enquiry_cart_btn {
  display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.enquiry_button_display.enquiry_cart_btn {
  display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile .title_bottom {
  max-height: 81px;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover .title_bottom {
  max-height: unset;
}

.event-tile.event-tile-disabled {
  opacity: 0.6 !important;
}

@media(max-width:767px) {

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.enquiry_button_display.enquiry_cart_btn,
  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.enquiry_button_display.enquiry_cart_btn {
      display: none;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view button.add-cart.enquiry_button_display.enquiry_cart_btn {
      display: block;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover .title_bottom {
      max-height: 82px;
      overflow: hidden;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile p.reg-closed {
      float: none !important;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view p.reg-closed {
      float: none !important;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.btn {
      float: none !important;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view .title_bottom {
      max-height: unset;
  }
}


/* ------------------- */

.organisation-enquiry-sec h3 {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.organisation-enquiry-sec .form-group {
  position: relative;
  margin-bottom: 25px;
}

.organisation-enquiry-sec h5 {
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

#orgForm {
  margin-top: 5px;
  display: inline-block;
  width: 100%;
}

.organisation-enquiry-sec .form-group.focused .form-control {
  padding-top: 15px;
  color: #1b1c21;
  font-weight: 500;
  font-size: 14px;
}

body .organisation-enquiry-sec .form-group textarea.form-control {
  height: 120px;
  resize: none;
  padding-top: 30px !important;
  font-weight: 600;
  color: #1B1C21;
}

.organisation-enquiry-sec .control-label {
  font-weight: 400;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transform: translate3d(0, 10px, 0) scale(1);
  transform-origin: left top;
  transition: 240ms;
  line-height: 25px;
  top: 0;
  font-size: 12px;
  color: #1b1c217d;
  padding-left: 15px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-group.focused .control-label {
  transform: scale(0.75);
  color: #1b1c2173;
  top: 3px;
  padding-left: 20px;
}

.organisation-enquiry-sec .error-msg {
  position: absolute;
  line-height: 21px;
  font-size: 10px;
  display: flex;
  align-items: center;
}

.organisation-enquiry-sec .form-control-placeholder {
  position: absolute;
  left: 0;
  top: 0;
  cursor: text;
  font-size: 75%;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: -0.5em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
}


/* .organisation-enquiry-sec .form-control:focus + .form-control-placeholder  {
font-size: 75%;
transform: translate3d(0, -20%, 0);
opacity: 1;
} */

.organisation-enquiry-sec label.error {
  line-height: 23px;
  font-size: 10px;
  display: flex;
  align-items: center;
  color: #dd3737;
  position: absolute;
  font-weight: 400;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
  display: block;
  text-align: right;
  margin-top: 0;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price b {
  text-align: right;
  margin-bottom: 3px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .form-down-arrow {
  height: inherit;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
  margin-left: 0;
  font-size: 16px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price b .rupee-icon {
  font-family: Roboto, sans-serif;
  font-size: 17px !important;
  font-weight: bold !important;
  color: #1b1c21;
  opacity: 1;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price .rupee-icon {
  font-family: Roboto, sans-serif;
  color: #000;
  opacity: .5;
}

@media(min-width:1072px) {
  .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top {
      left: 98% !important;
  }

  .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top .tooltip-arrow {
      left: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-img {
      margin-bottom: 0;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box {
      min-height: unset;
      margin-bottom: 20px;
      border-bottom: 1px solid #1b1c2140;
      padding-bottom: 24px;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec {
      padding: 0;
      border: none;
      box-shadow: none;
  }

  .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip-inner {
      max-width: 340px;
      width: max-content;
      text-align: justify;
      padding: 12px;
      position: relative;
      display: inline-block;
      white-space: unset;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
      display: flex;
      text-align: left;
      margin-top: 0;
      float: left;
      margin-left: 0;
      position: absolute;
      bottom: -4px;
      left: 138px;
      align-items: stretch;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
      font-size: 15px;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-txtbar {
      margin-left: 22px;
  }

  section.cart-section.business-enquiry {
      background: #fff;
  }

  .organisation-inner-block .organisation-enquiry-sec:before {
      content: "";
      width: calc(100% + 60px);
      position: absolute;
      height: 1px;
      background: #E5E5E5;
      top: -26px;
      left: -30px;
  }

  .organisation-inner-block .organisation-enquiry-sec .org-form-btn {
      position: relative;
      margin-top: 70px;
  }

  .organisation-inner-block .organisation-enquiry-sec .org-form-btn:after {
      content: "";
      width: calc(100% + 60px);
      position: absolute;
      height: 1px;
      background: #E5E5E5;
      top: -26px;
      left: -30px;
  }

  .organisation-inner-block .organisation-enquiry-sec {
      position: relative;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .d-flex {
      position: relative;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
      text-align: left;
  }

  section.cart-section.business-enquiry .cart-price b {
      margin-right: 0;
  }

  .organisation-enquiry-sec h3 {
      font-size: 18px;
  }

  .organisation-enquiry-sec .cart-img {
      width: 125px;
      display: inline-block;
  }

  .organisation-enquiry-sec .cart-text {
      margin-left: 0;
  }

  .organisation-enquiry-sec .sm-d-block {
      display: inline-block !important;
      width: 100%;
  }

  .organisation-enquiry-sec .cart-txtbar {
      display: inline-block;
      width: 60%;
      margin-left: 15px;
      float: left;
  }

  .organisation-enquiry-sec .cart-price {
      font-size: 16px;
      display: block;
      align-items: center;
      width: auto;
      float: left;
      margin-left: 15px;
  }

  .organisation-enquiry-sec .cart-text h5 {
      font-weight: 700;
      color: #1B1C21;
  }
}


/* event label css end */


/* bundle css */
.ex-course-container.bundle-courses-list .courser-bottom-half .star-ratings-sprite span.star-ratings-sprite-rating {
  background-position-y: -36px !important;
  height: 13px !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.enquiry_cart_btn {
  padding: 10px 27px !important;
  min-width: 176px;
  font-size: 15px !important;
  line-height: 1.6;
  border-radius: 4px;
  position: relative;
  top: 0;
  margin-left: 12px;
  height: 50px;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle_cart_btn {
  display: inline-block;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
  filter: unset !important;
  border-radius: 4px;
  display: inline-block !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.disabled-button {
  opacity: 0.6;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn.free_course_button_show {
  height: 50px;
  display: inline-block !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn {
  height: 50px;
  display: inline-block !important;
}

.bundle-course-price .mrp:after {
  top: 9px;
}

@media(max-width:768px) {
  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
      display: none !important;
  }
}

@media(max-width:767px) {
  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn {
      width: 100% !important;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive a.btn {
      display: none;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box button.btn.checkout-btn.free_course_button_show {
      display: block !important;
      width: 100% !important;
      margin: 0;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
      display: none;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box {
      width: 100%;
      order: -1;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box .bundle_cart_btn {
      padding-bottom: 20px;
      border-bottom: 1px solid #d6bfbf;
      width: 100%;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
      display: block !important;
  }
}


/* bundle css end */


/* -----------------enquiry start ------------------- */


/* course label css */

.pricing-preview-right .course-valdity-table .enroll-course-navigater .cart_course_btn {
  position: relative;
  padding-bottom: 22px;
}

.pricing-preview-right .course-valdity-table .enroll-course-navigater .cart_course_btn:after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: #e5e5e5;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 11px;
}

.pricing-preview-right .course-valdity-table .enroll-course-navigater .btn.apply-cart-btn {
  border-radius: 5px;
}


/* course label css end */


/* evenr label css */

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.btn.product_buy_button_display {
  margin-top: 11px;
  display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile .title_bottom button.add-cart.btn.theme-blue-btn2.enquiry_button_display {
  padding-top: 2px;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.btn.product_buy_button_display {
  display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.btn.buy_now_btn_event {
  margin-top: 11px;
  display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.btn.buy_now_btn_event {
  display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile p.reg-closed {
  width: 100% !important;
  text-align: center;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.btn {
  width: 100%;
  text-align: center;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.enquiry_button_display.enquiry_cart_btn {
  display: none;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.enquiry_button_display.enquiry_cart_btn {
  display: block;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile .title_bottom {
  max-height: 81px;
}

.ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover .title_bottom {
  max-height: unset;
}

@media(max-width:767px) {

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.add-cart.enquiry_button_display.enquiry_cart_btn,
  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover button.add-cart.enquiry_button_display.enquiry_cart_btn {
      display: none;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view button.add-cart.enquiry_button_display.enquiry_cart_btn {
      display: block;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile:hover .title_bottom {
      max-height: 82px;
      overflow: hidden;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile p.reg-closed {
      float: none !important;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view p.reg-closed {
      float: none !important;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile button.btn {
      float: none !important;
  }

  .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile.detail-view .title_bottom {
      max-height: unset;
  }
}


/* ------------------- */

.head-gradient.header-theme-bg.header-theme-bg-new .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-course-price {
  display: block;
  padding-top: 12px;
}

.organisation-inner-block {
  float: left;
  width: 100%;
  display: block;
}

.organisation-enquiry-sec h3 {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.organisation-enquiry-sec .form-group {
  position: relative;
  margin-bottom: 25px;
}

.organisation-enquiry-sec h5 {
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

#orgForm {
  margin-top: 5px;
  display: inline-block;
  width: 100%;
}

.organisation-enquiry-sec .form-group.focused .form-control {
  padding-top: 15px;
  color: #1b1c21;
  font-weight: 500;
  font-size: 14px;
}

body .organisation-enquiry-sec .form-group textarea.form-control {
  height: 120px;
  resize: none;
  padding-top: 30px !important;
  font-weight: 600;
  color: #1B1C21;
}

.organisation-enquiry-sec .control-label {
  font-weight: 400;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transform: translate3d(0, 10px, 0) scale(1);
  transform-origin: left top;
  transition: 240ms;
  line-height: 25px;
  top: 0;
  font-size: 12px;
  color: #1b1c217d;
  padding-left: 15px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-section .form-group.focused .control-label {
  transform: scale(0.75);
  color: #1b1c2173;
  top: 3px;
  padding-left: 20px;
}

.organisation-enquiry-sec .error-msg {
  position: absolute;
  line-height: 21px;
  font-size: 10px;
  display: flex;
  align-items: center;
}

.organisation-enquiry-sec .form-control-placeholder {
  position: absolute;
  left: 0;
  top: 0;
  cursor: text;
  font-size: 75%;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: -0.5em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
}


/* .organisation-enquiry-sec .form-control:focus + .form-control-placeholder  {
font-size: 75%;
transform: translate3d(0, -20%, 0);
opacity: 1;
} */

.organisation-enquiry-sec label.error {
  line-height: 23px;
  font-size: 10px;
  display: flex;
  align-items: center;
  color: #dd3737;
  position: absolute;
  font-weight: 400;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
  display: block;
  text-align: right;
  margin-top: 0;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .form-down-arrow {
  height: inherit;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
  margin-left: 0;
  font-size: 16px;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price b .rupee-icon {
  font-family: Roboto, sans-serif;
  font-size: 17px !important;
  font-weight: bold !important;
  color: #1b1c21;
  opacity: 1;
}

section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price .rupee-icon {
  font-family: Roboto, sans-serif;
  color: #000;
  opacity: .5;
}

@media(min-width:1072px) {
  .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top {
      left: 98% !important;
  }

  .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip.top .tooltip-arrow {
      left: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-img {
      margin-bottom: 0;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box {
      min-height: unset;
      margin-bottom: 20px;
      border-bottom: 1px solid #1b1c2140;
      padding-bottom: 24px;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec {
      padding: 0;
      border: none;
      box-shadow: none;
  }

  .organisation-inner-block .organisation-enquiry-sec .form-group .tooltip-inner {
      max-width: 340px;
      width: max-content;
      text-align: justify;
      padding: 12px;
      position: relative;
      display: inline-block;
      white-space: unset;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-price {
      display: flex;
      text-align: left;
      margin-top: 0;
      float: left;
      margin-left: 0;
      position: absolute;
      bottom: -4px;
      left: 138px;
      align-items: stretch;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
      font-size: 15px;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .cart-txtbar {
      margin-left: 22px;
  }

  section.cart-section.business-enquiry {
      background: #fff;
  }

  .organisation-inner-block .organisation-enquiry-sec:before {
      content: "";
      width: calc(100% + 60px);
      position: absolute;
      height: 1px;
      background: #E5E5E5;
      top: -26px;
      left: -30px;
  }

  .organisation-inner-block .organisation-enquiry-sec .org-form-btn {
      position: relative;
      margin-top: 70px;
  }

  .organisation-inner-block .organisation-enquiry-sec .org-form-btn:after {
      content: "";
      width: calc(100% + 60px);
      position: absolute;
      height: 1px;
      background: #E5E5E5;
      top: -26px;
      left: -30px;
  }

  .organisation-inner-block .organisation-enquiry-sec {
      position: relative;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-box .d-flex {
      position: relative;
  }

  section.cart-section.business-enquiry .organisation-inner-block .organisation-enquiry-sec .cart-price span {
      text-align: left;
  }

  section.cart-section.business-enquiry .cart-price b {
      margin-right: 0;
  }

  .organisation-enquiry-sec h3 {
      font-size: 18px;
  }

  .organisation-enquiry-sec .cart-img {
      width: 125px;
      display: inline-block;
  }

  .organisation-enquiry-sec .cart-text {
      margin-left: 0;
  }

  .organisation-enquiry-sec .sm-d-block {
      display: inline-block !important;
      width: 100%;
  }

  .organisation-enquiry-sec .cart-txtbar {
      display: inline-block;
      width: 60%;
      margin-left: 15px;
      float: left;
  }

  .organisation-enquiry-sec .cart-price {
      font-size: 16px;
      display: block;
      align-items: center;
      width: auto;
      float: left;
      margin-left: 15px;
  }

  .organisation-enquiry-sec .cart-text h5 {
      font-weight: 700;
      color: #1B1C21;
  }

  .addleaner-name {
      font-size: 16px;
      width: 185px;
      margin-bottom: 2px;
  }

  .addleaner-email {
      padding-left: 30px;
      font-size: 13px;
      width: 185px;
  }

  .addlearner-info .addleaner-edit-info {
      display: flex !important;
      margin-left: 20px;
      margin-top: 10px;
  }

  .addlearner-price-info {
      display: flex;
      align-items: center;
      flex-direction: column-reverse;
      justify-content: start;
  }

  .addleaner-price {
      margin-right: inherit;
      width: 100%;
      text-align: center;
      font-size: 18px;
  }

  .addleaner-cp {
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 5px;
  }
}


/* event label css end */


/* bundle css */

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.enquiry_cart_btn {
  padding: 10px 27px !important;
  min-width: 176px;
  font-size: 15px !important;
  line-height: 1.6;
  border-radius: 4px;
  position: relative;
  top: 0;
  margin-left: 12px;
  height: 47px;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle_cart_btn {
  display: inline-block;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
  filter: unset !important;
  border-radius: 4px;
  display: inline-block !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn.disabled-button {
  opacity: 0.6;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn.free_course_button_show {
  height: 50px;
  display: inline-block !important;
}

section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn {
  height: 50px;
  display: inline-block !important;
}

.bundle-course-price .mrp:after {
  top: 9px;
}

@media(max-width:768px) {
  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
      display: none !important;
  }
}

@media(max-width:767px) {
  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr button.btn.checkout-btn {
      width: 100% !important;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive a.btn {
      display: none;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box button.btn.checkout-btn.free_course_button_show {
      display: block !important;
      width: 100% !important;
      margin: 0;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .right-side-responsive {
      display: none;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box {
      width: 100%;
      order: -1;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .bundle-btn-box .bundle_cart_btn {
      padding-bottom: 20px;
      border-bottom: 1px solid #d6bfbf;
      width: 100%;
  }

  section .course-preview-pic.container .fundamentals-skill .fundamentals-altr .btn.apply-cart-btn {
      display: block !important;
  }

  .cart-block-innersec .cart-bulk-actions.bulk-learner-list {
      margin-left: 0;
      margin-top: 25px;
      display: inline-block;
      width: 100%;
  }

  .addleaner-edit {
      margin-right: 10px;
      margin-left: 10px;
  }

  .addleaner-edit svg {
      width: 12px;
  }

  .addleaner-delete svg {
      width: 12px;
  }
}

@media(max-width:400px) {
  .courselist-cp-txt {
      font-size: 10px;
  }

  .courselist-mp-txt {
      font-size: 10px;
  }

  .course-listing-wrapper .course-block-1 .course-top-half {
      width: 30%;
  }

  .course-listing-wrapper .course-block-1 .courser-bottom-half {
      width: 70%;
  }

  .course-price-list {
      width: 70%;
  }

  .course-listing-wrapper .mobileOpen .midTop {
      width: calc(70% - 25px);
  }

  .cart-box.bulk-box .bulk-learner-list .add-learner-box {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
  }
}



/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800); */
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);

/*!
* Bootstrap v3.3.5 (http://enfintechnilogies.com)
* Copyright 2011-2015 Enfin Technologies, Ind Pvt Ltd.
* Auther : Sajan Christudas
*/
.duration-enable .input-group {
  width: 200px;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.eot);
  src: url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),
      url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.woff2) format("woff2"),
      url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.woff) format("woff"),
      url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.ttf) format("truetype"),
      url(/assets/themes/ofabee/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}

/* Marathi font */
@font-face {
  font-family: "Shivaji";
  src: url(/assets/fonts/Shivaji.ttf);
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.datetimepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  visibility: visible;
  background-color: #fff;
}

.datetimepicker {
  padding: 10px !important;
}


.question-text {
  width: calc(100% - 300px);
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.email-tracker .rTable.content-nav-tbl .rTableRow.ques-pool-grid .rTableCell.pos-relative .pos-rel input.form-control#date-range {
  background: none !important;
  height: 34px;
  width: 251px;
}

.container-fluid.grade-report-filter.nav-content.nav-course-content.email-tracker .rTable.content-nav-tbl .rTableRow.ques-pool-grid .rTableCell .advanced-search .advanced-search-toggle input.srch_txt#user_keyword {
  background: unset;
  padding: 0 53px 0 20px !important;
  font-size: 13px;
}

.email-tracker .rTable.content-nav-tbl .rTableRow.ques-pool-grid .rTableCell a#basic-addon2 {
  position: absolute;
  padding: 0;
  top: 11px;
  left: auto !important;
  right: 25px !important;
  background: unset;
  font-size: 13px;
  margin-bottom: 0;
  color: #6d6d6d;
  bottom: 0;
  padding-bottom: 0;
}

.email-tracker .rTable.content-nav-tbl .rTableRow.ques-pool-grid .rTableCell .ssave-btn button.btn.theme-blue-btn1 {
  margin-right: 0;
  height: 34px;
  line-height: inherit;
  width: auto;
  min-width: 90px;
}





#addToCourse {
  background: #000000b5;
}

#addToCourse .custom-create-modal .modal-content {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

#addToCourse .admin-modal-header {
  margin-bottom: 15px;
}

#addToCourse .form-control {
  box-shadow: none;
  border: 1px solid #acacac;
  background-size: 11px !important;
  background-position: 97% center !important;
}

#addToCourse #saveAddtoCourse {
  background: #0d70e7;
  padding: 6px 10px !important;
  margin-right: 0;
}

#addToCourse .modal-content {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding: 30px 25px;
  padding-bottom: 35px;
}

.addcoursenote {
  font-size: 11px;
  font-weight: 300;
  color: #878787;
  margin-top: 10px;
}

#liverecording-lecture {
  background: #000000b5;
}

#liverecording-lecture .modal-dialog label {
  color: #000;
}

#liverecording-lecture .form-control {
  height: 35px;
  border: 1px solid #b7b7b7;
  box-shadow: none;
}

#liverecording-lecture .modal-dialog label {
  text-transform: initial;
  color: #555555;
  font-weight: 500;
}

#attached_file_name {
  color: #000;
  font-weight: 500;
}

#create_new_section {
  box-shadow: none;
}

#liverecording-lecture .add-selectn {
  background-size: 15px !important;
}

#liverecording-lecture .close {
  display: none;
}

#liverecording-lecture .btn {
  box-shadow: none;
}

#addToCourse .admin-modal-close {
  display: none;
}

#addToCourse .admin-modal-header {
  margin-bottom: 15px;
  font-weight: 600;
}

#rl_course_id::-webkit-scrollbar {
  width: 7px !important;
  border-radius: 7px;
}

#rl_course_id::-webkit-scrollbar-track {
  background: #cbcbcb5c !important;
}

#rl_course_id::-webkit-scrollbar-thumb {
  background: #CBCBCB !important;
  border-radius: 5px;
}

#rl_course_id::-webkit-scrollbar-thumb:hover {
  background: rgb(226, 226, 226) !important;
}

#liveClassViewRecordingLists .rs-row {
  grid-template-columns: 24% 25% 13% 38%;
}

#addsection_edit {
  color: #0e71eb;
  cursor: pointer;
}

#liverecording-lecture .form-controltextarea {
  height: 55px;
}

.attached-data {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  height: 20px;
}

.attached {
  float: left;
}

.attached-block {
  display: block;
}

#addToCourse .form-control:focus {
  background: transparent url("../images/icon-arrow-up.png") !important;
  background-repeat: no-repeat !important;
  background-position: 97% center !important;
  background-size: 11px !important;
}

#liverecording-lecture textarea.form-control {
  height: 55px;
}

#viewNewRegn .filter-section .queryForm .rightSide {
  min-width: 160px;
  width: 14%;
}

#viewNewRegn .filter-section .date-filter {
  display: flex;
  align-items: center;
  width: 30%;
  justify-content: center;
}

#viewNewRegn .filter-section .date-filter input.form-control#date-range {
  background: transparent url(../images/calendar.png) no-repeat 95% 49% !important;
  display: inline-block;
  padding: 8.5px 10px;
  font-size: 12px;
  width: 180px;
}

#viewNewRegn .filter-section .queryForm .midSide {
  width: 26%;
}

#viewNewRegn .filter-section .queryForm .leftSide {
  width: 25%;
}

#viewNewRegn .filter-section .date-filter label {
  padding-bottom: 0px;
  margin-right: 10px;
  margin-left: 10px;
  font-weight: 600;
}

#viewNewRegn .filter-section .queryForm .midSide .filter {
  width: 100%;
}

#viewNewRegn .filter-section .queryForm .midSide .filter .searchInput {
  width: 100%;
}

.admin-custom-modal .modal-header {
  background: transparent;
}

.admin-custom-modal .modal-header {
  background: transparent;
  padding: 15px 25px;
  padding-top: 0;
  padding-left: 25px;
  border: none;
}

.admin-custom-modal .modal-body {
  padding: 0 25px;
}

.admin-custom-modal .modal-content {
  padding: 35px 0;
  border-radius: 5px;
  background-color: #fff;
}

.admin-custom-modal .modal-header .modal-title {
  font-size: 16px;
  font-weight: bold;
  color: #45464f;
  text-transform: capitalize;
}

.admin-custom-modal .modal-dialog label {
  font-size: 14px;
  padding-bottom: 5px;
  color: #2E3E4E;
  font-weight: 500;
  padding-left: 0;
  margin-left: 0;
  display: block;
  margin-bottom: 2px;
}

.admin-custom-modal .modal-dialog label.error {
  font-weight: 400;
  margin-top: 5px;
  font-size: 13px;
  color: #f44336 !important;
}

.admin-custom-modal select {
  height: 40px !important;
  border: 1px solid #DBDBDB;
  box-shadow: none;
  background-size: 12px !important;
  font-size: 13px;
  color: #7E7E7E !important;
}

.admin-custom-modal select:focus {
  box-shadow: none !important;
}

.admin-custom-modal input.form-control {
  height: 40px !important;
  border: 1px solid #DBDBDB;
  box-shadow: none;
}

.admin-custom-modal .modal-dialog {
  top: calc(50% - 0px) !important;
  transform: translateY(-50%) !important;
  margin: 0 auto;
}

.admin-custom-modal .modal-dialog button.cancel-btn {
  color: #3E3E3E;
  font-weight: 500 !important;
}

.admin-custom-modal .modal-dialog button {
  font-size: 13px !important;
  padding: 6px 20px !important;
  min-width: 85px;
  margin-right: 0;
  font-weight: bold !important;
}

.admin-custom-modal .modal-dialog button:hover {
  color: #3E3E3E;
}

.admin-custom-modal.export-learner-modal .modal-header {
  background: #fff;
  padding-top: 0;
}

.admin-custom-modal.export-learner-modal .modal-header .modal-title {
  margin-bottom: 20px !important;
}

.admin-custom-modal.export-learner-modal .modal-footer {
  padding-bottom: 0;
}

.admin-custom-modal form {
  height: 100%;
}

.admin-custom-modal .modal-dialog {
  top: calc(50% - 0px) !important;
  transform: translateY(-50%) !important;
  margin: 0 auto;
  width: 415px;
}

.course-perform-table .grid-table-data {
  border-right: none !important;
  border-left: 0;
}

.admin-custom-modal#attendee_modal .modal-body {
  max-height: 70vh;
  margin-right: 15px;
}

.admin-custom-modal#attendee_modal .modal-dialog {
  width: 520px;
}

.admin-custom-modal.export-learner-modal .modal-dialog {
  width: 415px;
}

.admin-custom-modal.export-learner-modal .inside-box::-webkit-scrollbar {
  width: 8px !important;
  height: 8px;
}

.admin-custom-modal.export-learner-modal .inside-box::-webkit-scrollbar-track {
  background: #f8f9f9 !important;
}

.admin-custom-modal.export-learner-modal .inside-box::-webkit-scrollbar-thumb {
  background: #d2d2d2 !important;
}

.admin-custom-modal .modal-dialog .invite-course-list label {
  font-size: 13px;
}

.admin-custom-modal #access_startdate {
  display: flex;
}

.admin-custom-modal select#restriction_type {
  padding-right: 25px !important;
}

.admin-custom-modal .modal-footer {
  padding-bottom: 0;
}

.restriction-name {
  font-weight: 300;
  font-size: 12px;
  color: #7b7b7b;
}

.cert-wrapper label {
  color: #555555;
  font-weight: 300 !important;
}

.cert-wrapper label input {
  top: -3px !important;
}

#access_restriction .course-subcaption {
  color: #2E3E4E;
  font-weight: 500;
  font-size: 14px;
}

#certificates .course-perform-table-data label.checkbox {
  margin-right: 20px;
  font-weight: 300;
  font-size: 13px;
}

#certificates .course-perform-table-data .restriction-name {
  margin-bottom: 0;
}

#addToCourse {
  background: #000000b5;
}

#addToCourse .custom-create-modal .modal-content {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

#addToCourse .admin-modal-header {
  margin-bottom: 15px;
}

#addToCourse .form-control {
  box-shadow: none;
  border: 1px solid #acacac;
  background-size: 11px !important;
  background-position: 97% center !important;
}

#addToCourse #saveAddtoCourse {
  background: #0d70e7;
  padding: 6px 10px !important;
  margin-right: 0;
}

#addToCourse .modal-content {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding: 30px 25px;
  padding-bottom: 35px;
}

.addcoursenote {
  font-size: 11px;
  font-weight: 300;
  color: #878787;
  margin-top: 10px;
}

#liverecording-lecture {
  background: #000000b5;
}

#liverecording-lecture .modal-dialog label {
  color: #000;
}

#liverecording-lecture .form-control {
  height: 35px;
  border: 1px solid #b7b7b7;
  box-shadow: none;
}

#liverecording-lecture .modal-dialog label {
  text-transform: initial;
  color: #555555;
  font-weight: 500;
}

#attached_file_name {
  color: #000;
  font-weight: 500;
}

#create_new_section {
  box-shadow: none;
}

#liverecording-lecture .add-selectn {
  background-size: 15px !important;
}

#liverecording-lecture .close {
  display: none;
}

#liverecording-lecture .btn {
  box-shadow: none;
}

#addToCourse .admin-modal-close {
  display: none;
}

#addToCourse .admin-modal-header {
  margin-bottom: 15px;
  font-weight: 600;
}

#rl_course_id::-webkit-scrollbar {
  width: 7px !important;
  border-radius: 7px;
}

#rl_course_id::-webkit-scrollbar-track {
  background: #cbcbcb5c !important;
}

#rl_course_id::-webkit-scrollbar-thumb {
  background: #CBCBCB !important;
  border-radius: 5px;
}

#rl_course_id::-webkit-scrollbar-thumb:hover {
  background: rgb(226, 226, 226) !important;
}

#liveClassViewRecordingLists .rs-row {
  grid-template-columns: 24% 25% 13% 38%;
}

#addsection_edit {
  color: #0e71eb;
  cursor: pointer;
}

#liverecording-lecture .form-controltextarea {
  height: 55px;
}

.attached-data {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  height: 20px;
}

.attached {
  float: left;
}

.attached-block {
  display: block;
}

#addToCourse .form-control:focus {
  background: transparent url("../images/icon-arrow-up.png") !important;
  background-repeat: no-repeat !important;
  background-position: 97% center !important;
  background-size: 11px !important;
}

#liverecording-lecture textarea.form-control {
  height: 55px;
}

















.training-management-settings .settings-option-title {
  padding-left: 0;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings.training-management-settings .settings-container .settings-column.course-cont-wrap.image-uploader .form-group {
  padding-left: 0;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings.training-management-settings .settings-column {
  padding: 15px 20px;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings.training-management-settings .settings-container .settings-column.course-cont-wrap.image-uploader label.newsfeed-label {
  margin: 10px 0 0;
}

.waiting-list-fld {
  width: 90px;
  margin-right: 15px;
}

.training-management-settings .waiting-list-fld input {
  background: transparent !important;
  border-radius: 3px;
  height: 36px;
}

.light-grey-text {
  font-size: 13px;
  font-weight: 400;
  color: #8f939e;
}

.settings-top.content-wrap.create-group-wrap .custom-settings-left .table.course-cont::-webkit-scrollbar {
  width: 8px !important;
  border-radius: 10px;
}

.settings-top.content-wrap.create-group-wrap .custom-settings-left .table.course-cont::-webkit-scrollbar-track {
  background: #fafafa !important;
  border: 1px solid rgb(236, 233, 233);
}

.settings-top.content-wrap.create-group-wrap .custom-settings-left .table.course-cont::-webkit-scrollbar-thumb {
  background: #d1d3d9 !important;
  border-radius: 10px;
}

.settings-top.content-wrap.create-group-wrap .custom-settings-left .table.course-cont::-webkit-scrollbar-thumb:hover {
  background: rgb(226, 226, 226) !important;
}


/* credit note css */
.course-container>section.content-wrap {
  display: flex;
  flex-direction: column;
  top: 95px;
  position: relative;
  padding: 0px;
}

.credit_note {
  height: calc(100vh - 95px);
}

.credit-note-inner {
  /* height: 100%; */
}

.credit_note .credit-noteBody {
  display: flex;
  flex: 1;
  height: 100%;
}

.credit_note .credit-noteBody .credit-noteContCol {
  width: 43%;
  background: #fff;
  padding: 20px 30px 15px 20px;
}

.credit_note .credit-noteBody .credit-noteRightCol {
  width: 57%;
  background: #eaeaea;
  border-left: solid 1px #e9e9e9;
}

.credit_note input[type="radio"]:checked+label:before,
.credit_note input[type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 13px;
  height: 13px;
  border: 1px solid #C3C6CE;
  border-radius: 100%;
}

.credit_note input[type="radio"]:checked+label:after,
.credit_note input[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 13px;
  height: 13px;
  background: #fff;
  position: absolute;
  top: 3px;
  left: 0px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 4px solid #2D71FD;
}

.credit_note input[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.credit_note input[type="radio"]:checked,
.credit_note input[type="radio"]:not(:checked) {
  position: absolute !important;
  left: -9999px !important;
  top: 0 !important;
  margin: 0 !important;
}

.credit_note input[type="radio"]:checked+label,
.credit_note input[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 23px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  font-weight: 400;
  color: #1b1c21b5;
  font-size: 12.5px;
}

.credit-subhdrtxt {
  font-size: 13px;
  color: #45464f;
  font-weight: 400;
}

.credit-noteBody input {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 33px;
  padding: 0 10px;
}

.credit-noteBody input:focus {
  border-color: #66afe9;
  outline: 0;
  /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6); */
}

.credit-noteBody textarea:focus {
  border-color: #66afe9;
  outline: 0;
  /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
0 0 8px rgba(102, 175, 233, 0.6); */
}

.credit_note .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 13px;
  color: #fff;
  width: 100%;
  height: 33px;
}

.credit_note select {
  display: none;
}

.credit_note .custom-select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  color: #3c3c41;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  height: 33px;
  border-radius: 4px;
}

.credit_note .custom-select:after {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-color: #636363 transparent transparent transparent;
  position: absolute;
  top: 14px;
  right: 10px;
  transform: rotateZ(0deg);
  transition: all 0.5s;
  transform-origin: 50% 25%;
}

/*.custom-select:hover {
background-color: #b83729;
}
*/
.credit_note .custom-select:active,
.credit_note .custom-select.active {
  background-color: #fff;
  color: #3c3c41;
}

.credit_note .custom-select:active:after,
.credit_note .custom-select.active:after {
  transform: rotateZ(180deg);
  transition: all 0.5s;
  transform-origin: 50% 25%;
}

.credit_note .custom-select:focus {
  outline: 2px;
}

.credit_note .select-options {
  max-height: 200px;
  overflow-y: auto;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #e5e5e5;
  border-top: 0;
  background: #fff;
}

.credit_note .select-options li {
  color: #424242;
  margin: 0;
  padding: 10px 0;
  /* text-indent: 15px; */
  /* border-top: 1px solid #AED581; */
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  padding-left: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.credit_note .select-options li:hover {
  color: #424242;
  background: #fff;
}

.credit_note .select-options li[rel="hide"] {
  display: none;
}

.credit_note ::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  border-radius: 0 0 5px 0;
}

.credit_note ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #cacaca;
}

.credit_note textarea {
  border: 1px solid #e5e5e5;
  resize: none;
  width: 100%;
  border-radius: 4px;
  height: 85px;
  margin-top: 5px;
  padding: 10px;
}

.credit-noteRight-hdr {
  background: #fff;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
}

.credit_note .btn-primary {
  background: #0081ff;
  border: solid 1px #0081ff;
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
  font-size: 12px;
  text-transform: capitalize;
  display: inline-block;
  padding: 6px 25px;
  box-shadow: none;
}

.credit_note .btn-primary:hover {
  background: #0772de;
  color: #fff !important;
  border: solid 1px #0081ff;
}

.credit_note .btn-primary:focus {
  background: #0772de;
  color: #fff !important;
  border: none;
}

.credit_note .btn-primary:active {
  background: #0772de;
  color: #fff !important;
  border: none;
}

.credit-noteRight-inner {
  background: #fff;
  margin: 12px;
  padding-bottom: 35px;
}

.creditline-hdr {
  padding: 12px 20px;
}

.creditnote-orderdetails .thead-light {
  background: #eef2f2;
}

.creditnote-orderdetails .table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: none;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.creditnote-orderdetails .table>tbody>tr>td {
  vertical-align: baseline;
  padding: 15px 20px;
  border-top: none;
  padding-bottom: 0;
  border-right: 1px solid #f3f3f3;
  font-size: 13px;
}

.creditnote-orderdetails .table>tbody>tr>td b {
  color: #505050;
  font-size: 13px;
  font-weight: 400;
}

.creditnote-orderdetails .table>tbody>tr>td p {
  color: #858585;
  font-size: 11px;
  font-weight: 400;
}

.creditnote-orderdetails .table>tfoot>tr>td {
  vertical-align: bottom;
  border-bottom: none;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #f3f3f3;
  font-size: 13px;
}

.credit_note .total {
  display: flex;
  flex-direction: column;
  padding-top: 5px;
}

.credit_note .table-responsive {
  overflow-x: hidden;
  min-height: 0.01%;
}

.credit_note .total .totalRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 5px 78px 0px 0;
}

.invoicePage .invoice .paymentlog .paymentLogs .remarks {
  background: #fbfaf1;
  text-align: justify;
  border: 1px solid #e8e7e5;
}

.mb-17 {
  margin-bottom: 17px;
}

.credit_note .total .totalRow span {
  font-weight: 400;
  color: #353232;
  font-size: 13px;
}

.credit_note .total .totalRow strong {
  padding-left: 38px;
  display: block;
  font-weight: 500;
  font-size: 14px;
  width: 116px;
  text-align: left;
  color: #353232;
}

.credit_note tfoot {
  border-bottom: 1px solid #f3f3f3;
}

.credit_note .calendar-icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 10px;
  opacity: .3;
  transform: translateY(-50%);
  height: 14px;
  pointer-events: none;
}

.credit_note .calendar-icon svg {
  width: 13px;
  height: auto;
}

.credit_note .totalRow.remain-credit span {
  font-size: 14px;
}

.admin-footer-btns {
  padding: 10px 8px;
  border-top: 1px solid #bbbbbb;
}

.admin-footer-btns .btn {
  font-size: 13px !important;
  font-weight: 500;
}

.admin-footer-btns .cms-blue-btn {
  min-width: unset;
  padding: 7px 25px;
}

.admin-footer-btns .btn.cms-cancel-btn {
  color: #48494f;
}

.creditline-hdr h4 {
  color: #353232;
  font-size: 17px;
}

.blue_txt {
  color: #0081ff !important;
}

.creditnote-orderdetails .close-icon {
  position: relative;
  background: #bbbbbb;
  padding: 3px;
  border-radius: 50%;
}

.creditnote-orderdetails .close-icon svg {
  width: 7px;
  height: auto;
  fill: #fff;
}

.creditnote-orderdetails .close-icon::after {
  right: 0;
  background: #a6a6a6;
  font-size: 9px;
  border: 0;
  box-shadow: none;
  font-family: cursive;
  font-weight: bolder;
  padding: 0 4px;
  line-height: 15px;
  display: none;
}

.creditnote-orderdetails .table>tfoot>tr>td strong {
  font-weight: 500;
}




.cart-section .custom-select-menu .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 13px;
  color: #fff;
  width: 100%;
  height: 40px;
}

.cart-section .custom-select-menu select {
  display: none;
}

.cart-section .custom-select-men u .custom-select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  color: #3c3c41;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: 1px solid #e5e5e5;
  padding: 10px 10px;
  height: 40px;
  border-radius: 4px;
}

.cart-section .custom-select-menu .custom-select:after {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-color: #1a1a1a transparent transparent transparent;
  position: absolute;
  top: 17px;
  right: 10px;
  transform: rotateZ(0deg);
  transition: all 0.5s;
  transform-origin: 50% 25%;
}

/*.custom-select:hover {
background-color: #b83729;
}
*/
.cart-section .custom-select-menu .custom-select:active,
.custom-select-menu .custom-select.active {
  background-color: #fff;
  color: #3c3c41;
}

.cart-section .custom-select-menu .custom-select:active:after,
.custom-select-menu .custom-select.active:after {
  transform: rotateZ(180deg);
  transition: all 0.5s;
  transform-origin: 50% 25%;
}

.cart-section .custom-select-menu .custom-select:focus {
  outline: 2px;
}

.cart-section .custom-select-menu .select-options {
  max-height: 200px;
  overflow-y: auto;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #e5e5e5;
  border-top: 0;
  background: #fff;
}

.cart-section .custom-select-menu .select-options li {
  color: #424242;
  margin: 0;
  padding: 10px 0;
  /* text-indent: 15px; */
  /* border-top: 1px solid #AED581; */
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  padding-left: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.cart-section .custom-select-menu .select-options li:hover {
  color: #424242;
  background: #fff;
}

.cart-section .custom-select-menu .select-options li[rel="hide"] {
  display: none;
}

.cart-section .custom-select-menu ::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  border-radius: 0 0 5px 0;
}

.cart-section .custom-select-menu ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #cacaca;
}

.credit-note-details-info li {
  background: #f3faff;
  border: 1px dashed #d1d1d1;
  padding: 12px 15px;
  font-size: 13px;
  color: #383838;
  margin-bottom: 10px;
  border-radius: 5px;
}

.credit-note-details-info {
  display: block;
  margin: 0 30px;
  margin-top: 25px;
}

.credit-note-details-info span img {
  width: 18px;
}

.credit-note-details-info span {
  margin-right: 10px;
}

.paid-txt {
  margin-right: 7px;
}

.view-credit-txt {
  color: #0081ff;
  text-decoration: underline;
}


/* credit note css end here */

/* media libray css start here */


#medialibrary .drop-down {
  position: relative;
  margin-left: 30px;
}

#medialibrary .drop-down .selected a {
  background: #fff no-repeat scroll right center;
  display: block;
  padding-right: 20px;
  width: 180px;
  border-radius: 2px;
  text-decoration: none;
  color: #45464f;
}

#medialibrary .form-control:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#medialibrary .drop-down .selected a .sltd-txt {
  cursor: pointer;
  display: inline-block;
}

#medialibrary .drop-down .option {
  position: relative;
}

#medialibrary .drop-down .options ul {
  background: #fff none repeat scroll 0 0;
  display: none;
  list-style: none;
  padding: 0px 0px;
  position: absolute;
  left: 0px;
  top: 28px;
  width: auto;
  min-width: 160px;
  background: #fff;
  border-radius: 0px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-top: -2px;
  box-shadow: 0 2px 5px 0px #00000047;
  padding: 0px;
  margin: 0px;
}

#medialibrary .drop-down .selected span.value,
#medialibrary .drop-down .options span.value {
  display: none;
}

#medialibrary .drop-down .options ul li {
  padding: 5px;
  display: block;
  text-decoration: none;
  color: #2e3e4e;
  white-space: nowrap !important;
  padding: 10px 10px;
  text-transform: capitalize;
}

#medialibrary .drop-down .options ul li a:hover {
  background-color: #f3f3f3;
  color: #444;
  transition: 0.2s ease;
}

#medialibrary .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px dashed;
  border-top: 4px solid \9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  float: right;
  margin-top: 5px;
}

.medialibrary-innersec ul {
  padding: 0;
  margin: 0;
  display: flex !important;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-left: 4px;
  padding-top: 5px;
}

.medialibrary-innersec li {
  list-style-type: none;
  width: 145.7px;
  height: 150px;
  margin: 10px 11.5px;
  position: relative;
}

#medialibrary .medialibrary-innersec li label {
  color: #ececec;
  align-items: flex-start;
  font-size: 11px;
}

.medialibrary-innersec li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#medialibrary {
  width: 100%;
  display: inline-block;
  background: #f9f9f9;
  height: 100%;
}

.trim-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 300px;
}

#medialibrary .medialibrary-hdr {
  background: #fff;
  padding: 15px 15px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 0px 5px 1px #0000000a;
}

#medialibrary .form-group {
  display: block;
  margin-bottom: 0;
}

.mediahdr-lft-bar {
  display: flex;
  align-items: center;
}

#medialibrary .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

#medialibrary .form-group label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}

#medialibrary .form-group label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #dbdbdb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6.5px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 4px;
}

#medialibrary .form-group input:checked+label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 6px;
  width: 6px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#medialibrary .form-group input:checked+label:before {
  border: 2px solid #76b4ef;
  background: #0081ff;
}

#medialibrary .advanced-search-toggle {
  width: 340px;
  height: 35px;
  background: #eff3f6;
  border-radius: 4px;
  margin-left: 5px;
}

.medialibrary-hdr .srch_txt {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding-left: 15px;
}

.medialibrary-hdr .adv-search-input {
  padding: 0;
  margin-right: 10px;
}

.medialibrary-hdr .adv-search-input .icon-search {
  font-size: 13px;
  margin-bottom: 0;
  color: #6d6d6d;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}

.medialibrary-hdr .btn {
  color: white;
  padding: 6px 25px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
}

.medialibrary-hdr .upload-btn-wrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  right: 0;
  height: 100%;
  cursor: pointer;
}

#medialibrary .form-group .drop-down .options label::before {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

#medialibrary .form-group .drop-down .options input:checked+label:after {
  right: 0;
  left: inherit;
  margin-right: 16px;
}

.medialibrary-slt-box {
  color: #ececec;
  font-size: 11px;
  margin-bottom: 8px;
  padding: 10px;
  padding-bottom: 0;
  position: absolute;
  bottom: 0;
}

.view-icons {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 116px;
  margin-top: 35px;
  display: none;
}

#medialibrary .medialibrary-innersec .form-group label:before {
  border: 2px solid #c1c1c19e;
  border-radius: 4px;
}

.media-box-sltd {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.media-box-sltd:hover {
  background-color: #00000059;
}

.media-box-sltd:hover .view-icons {
  display: block;
}

.medialibrary-innersec .view-icons img {
  width: auto;
}

#medialibrary .medialibrary-innersec .form-group input:checked+label:after {
  border-color: #ffffff;
}

#medialibrary .medialibrary-innersec .form-group input:checked+label:before {
  border: 2px solid #76b4ef;
  border-radius: 3px;
  background: #0081ff;
}

.view-icons span {
  margin: 0 2px;
}

.media-upload-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;
}

.media-box-sltd:hover .media-upload-txt {
  -webkit-line-clamp: 3;
}

#media-library-message {
  position: fixed;
  left: 0;
  right: 0;
  width: 400px;
  z-index: 9999;
  margin: 0 auto;
}

.no-media-files {
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  font-size: 16px;
}

#searchclear {
  z-index: 999;
  bottom: 0;
  height: auto;
  margin: auto;
  font-size: 26px;
  cursor: pointer;
  color: silver;
  margin-right: 10px;
}

/* media library css end here */



#newReg .dataTables_scrollBody tr td span a {
  padding: 0 !important;
  line-height: inherit;
  display: inherit;
  margin: 0px;
}






@media (min-width: 768px) {
  .container {
      width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
      width: 970px;
  }

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
      float: left;
  }
}

@media (min-width: 1200px) {
  .container {
      width: 1170px;
  }
}

@media (max-width: 1023px) {

  /* body {
 min-width: 1024px;
} */
  .course-cont-wrap .course-cont .rTableRow .wrap-mail a {
      font-size: 13px;
      width: 210px;
      display: inline-block;
      overflow-x: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      background: #4444;
  }
}









/*alert modal settings  */

.message-body {
  text-align: center;
  padding: 30px 0px;
  margin: 0px;
}

.warning-alert .message-body {
  color: #50505d;
  font-weight: 500;
}

.danger-alert .message-body {
  color: #50505d;
  font-weight: 500;
}

.success-alert .message-body,
.primary-alert .message-body {
  color: #50505d;
  font-weight: 500;
}

#confirm_box_content_1 {
  font-size: 16px;
  text-align: center;
}

.alert-modal-new {
  z-index: 99999 !important;
}

.alert-modal-new .modal-dialog {
  width: 500px !important;
  margin: 0 auto;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.alert-modal-new .modal-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.33);
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.alert-modal-new .modal-header {
  border-bottom: 0;
  float: right;
  width: 0px;
  height: 0px;
  padding: 0px;
  background: none;
  padding: 0px;
}

.alert-modal-new .modal-header .close {
  color: #737373;
  right: 20px;
  top: 20px;
  font-size: 26px;
  font-weight: 400;
  opacity: 1;
}

.alert-modal-new #advanced_confirm_box_cancel {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #717171 !important;
  text-transform: uppercase;
  background: unset !important;
  box-shadow: unset;
}

.alert-modal-new #advanced_confirm_box_ok {
  border-radius: 4px;
  font-size: 13px !important;
  text-transform: capitalize;
  line-height: 14px;
  height: 35px;
  box-shadow: none;
  padding: 7px 17px;
}

.alert-modal-new .close:hover {
  color: #555555;
}

.alert-modal-new .modal-body {
  padding: 0px;
  text-align: center;
}

.alert-modal-new .modal-footer {
  min-height: 40px;
  border-top: 0px;
  padding: 0px;
  text-align: center;
}

.alert-danger .alert_close_icon {
  font-size: 24px;
  float: right;
  cursor: pointer;
}

.alert-danger {
  position: relative;
}

.success-alert .modal-footer {
  text-align: center;
}

.warning-alert .btn-green {
  color: #ffffff !important;
  background-color: #0882fd !important;
  border-radius: 18px;
  font-size: 13px !important;
  text-transform: uppercase;
  line-height: 14px;
  height: 35px;
}

.success-alert .btn-green {
  display: none;
}

/* .danger-alert .btn-green {
color: #ffffff !important;
background-color: #878787 !important;
border-radius: 18px;
font-size: 12px !important;
text-transform: uppercase;
line-height: 14px;
height: 28px; 
}
*/
/* .warning-alert .btn-red {
color: #ffffff !important;
background-color: #f78700 !important;
border-radius: 18px;
font-size: 12px !important;
text-transform: uppercase;
line-height: 14px;
height: 28px;
} */
.warning-alert .btn-red {
  color: #ffffff !important;
  background-color: #0882fd !important;
  border-radius: 18px;
  font-size: 13px !important;
  text-transform: uppercase;
  line-height: 14px;
  height: 35px;
}

.primary-alert .btn-red {
  color: #ffffff !important;
  background-color: #0882fd !important;
  border-radius: 18px;
  font-size: 13px !important;
  text-transform: uppercase;
  line-height: 14px;
  height: 35px;
}

.danger-alert .btn-green {
  color: #ffffff !important;
  background-color: #0882fd !important;
  border-radius: 18px;
  font-size: 13px !important;
  text-transform: uppercase;
  line-height: 14px;
  height: 35px;
}

.warning-alert .btn-red:hover {
  background-color: #0772de !important;
}

.success-alert .btn-red {
  color: #ffffff !important;
  background-color: #0882fd !important;
  border-radius: 18px;
  font-size: 13px !important;
  text-transform: uppercase;
  line-height: 14px;
  height: 35px;
}

.success-alert .btn-red:hover {
  background-color: #0772de !important;
}

.danger-alert .btn-red {
  color: #ffffff !important;
  background-color: #0882fd !important;
  border-radius: 18px;
  font-size: 13px !important;
  text-transform: uppercase;
  line-height: 14px;
  height: 35px;
}

.danger-alert .btn-red:hover {
  background-color: #0772de !important;
}

.success-alert .alert-icon {
  background-image: url('../images/success-icon.svg');
  height: 70px;
  width: 70px;
  display: inline-block;
  background-repeat: no-repeat;
}

.warning-alert .alert-icon {
  background-image: url('../images/warning-icon.svg');
  height: 70px;
  width: 70px;
  display: inline-block;
  background-repeat: no-repeat;
}

.warning-alert .alert-icon svg {
  height: auto;
  width: 100%;
}

.primary-alert .alert-icon {
  background-image: url('../images/info.svg');
  height: 70px;
  width: 70px;
  display: inline-block;
  background-repeat: no-repeat;
}

.danger-alert .alert-icon {
  background-image: url('../images/failure-icon.svg');
  height: 70px;
  width: 70px;
  display: inline-block;
  background-repeat: no-repeat;
}

.popup-note {
  font-size: 13px;
  color: #6b6b6b;
}

/*alert modal settings ends  */

/*override modal*/
.overrided-info p {
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px;
  color: #444;
}

/*override modal ends*/

/*test report card*/
.question-master-select {
  display: inline-block;
  width: 150px;
}

/*test report card ends*/




.course-setting-col .copybtn {
  border: none;
}

.course-setting-col .settings-sub-content {
  font-size: 13px;
  font-weight: 400;
  margin: 5px 0px;
  color: #8b8b8b;
  width: 300px;
  display: block;
  clear: both;
}

#b2b_selling .control-label {
  text-align: left;
  margin-bottom: 0;
  padding-top: 7px;
}

#b2b_selling .settings-sub-content {
  padding-left: 23px;
}

















@-webkit-keyframes progress-bar-stripes {
  from {
      background-position: 40px 0;
  }

  to {
      background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
      background-position: 40px 0;
  }

  to {
      background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #371744;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: -o-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #09bf63;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: -o-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: -o-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: -o-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
}

.progress-bar-danger {
  background-color: #f44336;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: -o-linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
  background-image: linear-gradient(45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.15) 75%,
          transparent 75%,
          transparent);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media>.pull-right {
  padding-left: 10px;
}

.media-left,
.media>.pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
  text-transform: capitalize;
  font-weight: 500;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.list-group-item:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

a.list-group-item,
button.list-group-item {
  color: #555555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #371744;
  border-color: #371744;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #aa5ec9;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
  margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group+.panel-footer {
  border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
  margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
  border-top-left-radius: 2px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
  border-top-right-radius: 2px;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 2px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 2px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
  border-top: 1px solid #dddddd;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
  border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
  border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
  border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom: 0;
}

.panel>.table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 3px;
}

.panel-group .panel+.panel {
  margin-top: 0px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
  border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}

.panel-default {
  border-color: #dddddd;
}

.panel-default>.panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #dddddd;
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #dddddd;
}

.panel-primary {
  border-color: #371744;
}

.panel-primary>.panel-heading {
  color: #ffffff;
  background-color: #371744;
  border-color: #371744;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #371744;
}

.panel-primary>.panel-heading .badge {
  color: #371744;
  background-color: #ffffff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #371744;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/*profile overview added on 18-08-2018*/
.modal-head-space,
.myprofile-cards-wraper {
  margin-bottom: 30px;
}

.name-holder-input {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 18px;
  position: absolute;
  background: rgba(255, 255, 255, 0);
  border: none;
  padding: 5px 10px;
}

.my-profile-btn {
  width: 100%;
  height: 100%;
  margin-top: 30px;
  padding: 15px 12px;
  font-size: 16px;
}

.second-item-holder {
  display: none;
}

.myprofile-card-head {
  background: #64277d;
  border: 1px solid #d4d4d4;
  padding: 25px 15px;
  position: relative;
  border-radius: 6px 6px 0 0;
}

.myprofile-card-body {
  padding: 25px;
  background: #fff;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 2px solid #c1c0c0;
  word-break: break-all;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
}

.my-profile-about {
  color: #fff;
  font-size: 17px;
}

.table-wrap {
  display: block;
  padding: 10px 0;
}

.table-cell-e-address,
.table-cell-mail {
  display: table-cell;
  color: #4d4d4d;
  font-size: 13px;
}

.table-cell-mail {
  padding-right: 15px;
  min-width: 170px;
  font-weight: 500;
}

.table-cell-e-address {
  font-weight: lighter;
  width: 100%;
}

.social-link {
  color: #0071bc;
  font-weight: lighter;
  max-width: 200px;
  display: inline-block;
}

.pensil-wrap {
  background: #e5e5e5;
  border-radius: 100%;
  display: inline-block;
  height: 35px;
  padding: 6px 10px;
  position: absolute;
  right: 15px;
  top: 20px;
  width: 35px;
  cursor: pointer;
}

.pensil-wrap .edit-svg {
  width: 15px;
}

.save-close-wrap {
  position: absolute;
  right: 14px;
  top: 20px;
  display: none;
}

.edit-close,
.save-head {
  display: inline-block;
  cursor: pointer;
}

.edit-close {
  width: 35px;
}

.save-head {
  margin-right: 10px;
  font-weight: 500;
  color: #e6e6e6;
}

.text-area-changer {
  width: 100%;
  height: 100%;
  resize: none;
  border: 1px solid #d4d4d4;
  padding: 5px 10px;
  display: none;
}

.text-area-changer:focus {
  border: 1px solid #b9b2b2;
}

.change-password-fields,
.replace-text {
  border: 1px solid #dedede;
  padding: 10px;
  background: #fff;
  width: 100%;
  outline: 0;
}

.change-password-fields {
  font-weight: 400;
}

.change-date {
  color: inherit;
  font-weight: lighter;
}

.replace-text {
  display: none;
  font-weight: 400;
}

.field_values_list {
  position: absolute;
  background: #fbfbfb;
  margin-top: -1px;
  padding: 0;
  cursor: pointer;
  border: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
  border-bottom: 1px solid #bfbfbf;
}

.field_values_list li {
  padding: 10px;
  min-width: 200px;
}

.field_values_list li:hover {
  background: #64277d;
  color: #fff;
}

.pad-11 {
  padding: 11px;
}

/*profile overview ends*/

/*Error entry preview - starts*/
.inst-preview-table input[type="text"] {
  color: #656565;
  border: none;
  padding: 5px 10px;
  width: 100%;
  height: 30px;
}

.table-title {
  /* font-family: 'Roboto', sans-serif; */
  font-family: "Roboto", sans-serif;
  text-align: center;
  background: #f1f1f1;
  padding: 6px 0 6px 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid #ccc;
}

.table-title span {
  vertical-align: sub;
  display: inline-block;
  padding-top: 6px;
  font-size: 18px;
  font-weight: 400;
}

.import-option-btn {
  display: inline;
  float: right;
  padding-right: 15px;
}

.inst-upload-preview {
  background: #f7f7f7;
}

.inst-preview-table th {
  padding: 5px 0;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #dcdcdc !important;
  border-right: 0 !important;
  text-align: center;
}

.inst-preview-table {
  /* font-family: 'Roboto', sans-serif; */
  font-family: "Roboto", sans-serif;
  top: 47px;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.sl-no {
  padding: 0 25px;
  text-align: center;
  font-size: 12px;
}

.import-btn {
  background: #00a049;
  border: none;
  color: #fff;
  padding: 8px 15px;
  border-radius: 4px;
}

.back-btn {
  background: #ff3333;
  border: none;
  color: #fff;
  padding: 8px 15px;
  border-radius: 4px;
}

.import-btn {
  text-align: center;
}

.inst-preview-table td {
  border: 1px solid #dcdcdc !important;
  outline: none !important;
  border-right: 0 !important;
  border-top: 0 !important;
  text-align: center;
}

.duplicate_data_row input {
  background: #e4f9ff;
}

.duplicate_data_row select {
  background: #e4f9ff;
}

.duplicate_data input[type="text"] {
  border: 1px solid red;
  font-weight: 500;
}

.invalid_data_row input {
  background: #fdf2f2;
}

.invalid_data_row select {
  background: #fdf2f2;
}

.invalid_data input[type="text"] {
  font-weight: 500;
}

.invalid_data input[type="text"] {
  border: 1px solid red;
}

.inst-preview-table select {
  width: 100%;
  padding: 4px 10px;
  border: none;
  height: 30px;
}

.duplicate_data select {
  font-weight: 500;
  border: 1px solid red;
}

.invalid_data select {
  font-weight: 500;
  border: 1px solid #ff594d;
}

/*Error entry preview - Ends*/

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 4px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.well-new {
  border-radius: 3px;
  padding: 9px;
  border: none;
  background: #000;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  padding-right: 0 !important;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal:not(.bulk_enroll_modal) {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.7);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.7);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background: rgba(255, 255, 255, 0.6);
}

.modal-backdrop.fade:not(.show) {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header:not(.except-modal-header) {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 56.7px;
  background: #7f8284;
  color: #fff;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
  text-transform: uppercase;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
      width: 600px;
      margin: 30px auto;
  }

  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
      width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
      width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  /* font-family: 'Roboto', sans-serif; */
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: 0px;
  padding: 5px 0;
}

.content-wrap .tooltip.top {
  margin-top: 0px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 10px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 3px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  /* font-family: 'Roboto', sans-serif; */
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 3px 3px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover>.arrow,
.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover>.arrow {
  border-width: 11px;
}

.popover>.arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top>.arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top>.arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}

.popover.right>.arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right>.arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}

.popover.bottom>.arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom>.arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.popover.left>.arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left>.arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}


.role-name .icon-down-open {
  font-size: 16px;
  vertical-align: 0;
  margin-right: 4px;
  color: #707070;
  cursor: pointer;
}

.role-name .icon-up-open {
  font-size: 16px;
  vertical-align: 0;
  margin-right: 4px;
  color: #707070;
  cursor: pointer;
}

.icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-warning:before {
  content: "\e800";
}

.icon-clipboard:before {
  content: "\e801";
}

.icon-clipboard-1:before {
  content: "\e802";
}

.icon-export:before {
  content: "\e803";
}

.icon-import:before {
  content: "\e804";
}

.icon-mail-alt:before {
  content: "\e805";
}

.icon-facebook:before {
  content: "\e806";
}

.icon-right-open-big:before {
  content: "\e807";
}

.icon-cancel-1:before {
  content: "\e808";
}

.icon-arrow-combo:before {
  content: "\e809";
}

.icon-picture:before {
  content: "\e80a";
}

.icon-lifebuoy:before {
  content: "\e80b";
}

.icon-search:before {
  content: "\e80c";
}

.icon-chart-bar:before {
  content: "\e80d";
}

.icon-chart-pie:before {
  content: "\e80e";
}

.icon-trash-empty:before {
  content: "\e80f";
}

.icon-gauge:before {
  content: "\e810";
}

.icon-link:before {
  content: "\e811";
}

.icon-beaker:before {
  content: "\e812";
}

.icon-folder-close:before {
  content: "\e813";
}

.icon-youtube-play:before {
  content: "\e814";
}

.icon-award:before {
  content: "\e815";
}

.icon-code:before {
  content: "\e816";
}

.icon-users:before {
  content: "\e817";
}

.icon-left:before {
  content: "\e818";
}

.icon-ok:before {
  content: "\e819";
}

.icon-ok-circled:before {
  content: "\e81a";
}

.icon-left-open-big:before {
  content: "\e81b";
}

.icon-star-empty-1:before {
  content: "\e81c";
}

.icon-star-1:before {
  content: "\e81d";
}

.icon-heart-1:before {
  content: "\e81e";
}

.icon-desktop:before {
  content: "\e81f";
}

.icon-dropbox:before {
  content: "\e820";
}

.icon-doc-text:before {
  content: "\e821";
}

.icon-folder:before {
  content: "\e822";
}

.icon-cog-alt:before {
  content: "\e823";
}

.icon-attach-1:before {
  content: "\e824";
}

.icon-graduation-cap:before {
  content: "\e825";
}

.icon-down-arrow:before {
  content: "\e826";
}

.icon-down-open:before {
  content: "\e827";
}

.icon-up-open:before {
  content: "\e828";
}

.icon-left-open:before {
  content: "\e829";
}

.icon-lock:before {
  content: "\e82a";
}

.icon-cog:before {
  content: "\e82b";
}

.icon-bell:before {
  content: "\e82c";
}

.icon-up-circled:before {
  content: "\e82d";
}

.icon-home:before {
  content: "\e82e";
}

.icon-upload:before {
  content: "\e82f";
}

.icon-user:before {
  content: "\e830";
}

.icon-attention-alt:before {
  content: "\e831";
}

.icon-plus:before {
  content: "\e832";
}

.icon-download:before {
  content: "\e833";
}

.icon-cart1:before {
  content: "\e834";
}

.icon-board1:before {
  content: "\e835";
}

.icon-livelectre1:before {
  content: "\e836";
}

.icon-spin2:before {
  content: "\e837";
}

.icon-heart:before {
  content: "\e838";
}

.icon-heart-empty:before {
  content: "\e839";
}

.icon-star:before {
  content: "\e83a";
}

.icon-star-empty:before {
  content: "\e83b";
}

.icon-user-1:before {
  content: "\e83c";
}

.icon-down-circled:before {
  content: "\e83d";
}

.icon-pencil:before {
  content: "\e83e";
}

.icon-upload-cloud-1:before {
  content: "\e83f";
}

.icon-download-1:before {
  content: "\e840";
}

.icon-upload-1:before {
  content: "\e841";
}

.icon-videocam:before {
  content: "\e842";
}

.icon-box:before {
  content: "\e843";
}

.icon-calendar-1:before {
  content: "\e845";
}

.icon-doc-text-1:before {
  content: "\f0f6";
}

.icon-calendar-empty:before {
  content: "\f133";
}

.icon-bank:before {
  content: "\f19c";
}

.icon-chevron-down:before {
  content: "\f078";
}

header {
  height: 50px;
  width: 100%;
  position: fixed;
  background: #371744;
  z-index: 1030;
  top: 0;
  left: 0;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style-type: none;
}

.upload {
  opacity: 0;
  position: absolute !important;
  top: 0;
  margin: 0;
  font-size: 20px;
  z-index: 1;
}

.custom-upload {
  width: 125px !important;
  position: absolute;
  left: 76% !important;
  cursor: pointer;
}

.fle-upload .upload {
  width: 125px !important;
  right: 0% !important;
  cursor: pointer;
}

.fle-upload {
  position: relative;
  float: left;
  cursor: pointer;
  border: none;
  width: 100%;
  border-radius: 3px;
  background: #fff;
}

.info {
  float: left;
  padding: 8px 5px;
  color: #999;
  line-height: 32px;
  font-weight: 200;
  overflow: hidden;
}

label.fle-lbl {
  background: #096cbf !important;
  color: #fff;
  font-size: 13px;
  line-height: 37px;
  position: relative;
  text-transform: uppercase;
  width: auto;
  float: right;
  text-align: center;
  padding: 0px 36px;
  border-radius: 0 3px 3px 0;
}

.sidebar-menu {
  list-style: none;
  padding: 0px;
  color: #fff;
}

.sidebar-menu a i:before {
  visibility: hidden;
}

.sidebar-menu a .icon {
  width: 35px;
  background: url(../images/left_icon_bar.png) no-repeat;
  background-position-x: -6px;
}

.sidebar-menu a .icon.icon-gauge {
  background-position-y: 0px;
}

.sidebar-menu a .icon.icon-graduation-cap {
  background-position-y: -240px;
}

.sidebar-menu a .icon.icon-user {
  background-position-y: -91px;
}

.sidebar-menu a .icon.icon-bank {
  background-position-y: -32px;
}

.sidebar-menu a .icon.icon-users {
  background-position-y: -63px;
}

.sidebar-menu a .icon.icon-calendar-1 {
  background-position-y: -302px;
}

.sidebar-menu a .icon.icon-chart-bar {
  background-position-y: -180px;
}

.sidebar-menu a .icon.icon-cog-alt {
  background-position-y: -212px;
}

.sidebar-menu a:hover .icon {
  background-position-x: -46px;
}

/*side menu update ends*/

/*updated 21-08-2018*/
.dropdown-filter {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  white-space: nowrap;
  display: inline-block;
}

/*ends*/

.sidebar-menu li .icon {
  vertical-align: top;
}

.sidebar-menu a {
  padding: 20px 15px;
  display: block;
  color: #fff;
  font-size: 26px;
  text-decoration: none;
  max-height: 67px;
}

.main-content {
  padding: 0px 350px 0 70px;
  position: relative;
  z-index: 1;
}

.bulder-content {
  padding: 20px 370px 20px 20px;
  position: relative;
  z-index: 1;
}

.bulder-content-inner {
  padding: 0px 0px 0px 0px;
  position: relative;
  height: calc(100% - 1px);
}

.builder-inner-from {
  position: relative;
  padding: 25px;
  overflow-y: auto;
}

.builder-inner-from .form-group {
  margin-bottom: 16px;
}

.builder-left-inner {
  height: 100%;
  padding: 0px 36px;
  background-position: 213px center;
}

/*Course Builder settings starts here - updated on 31-08-2018*/

.course-bulder-content-inner {
  padding: 0px 0px 0px 0px;
  background: #f6f8fa;
  position: relative;
  height: calc(100% - 49px);
}

.course-bulder-content-inner .builder-right-inner {
  min-height: auto !important;
  border-right: 1px solid #b4b5b9;
  width: 60%;
  padding: 20px 20px 0px 20px;
  position: fixed;
  left: 0px;
  top: 49px;
  overflow-y: auto;
  height: calc(100% - 49px);
}

.course-bulder-content-inner .builder-left-inner {
  top: 49px;
  min-height: auto !important;
}

.course-bulder-content-inner .inner-buldr-header {
  border-bottom: 1px solid #b4b5b9;
  margin: 0 !important;
  padding: 5px 10px 3px 10px !important;
  position: fixed;
  top: 0;
  z-index: 200;
  box-sizing: border-box;
  width: 100%;
  background: #f9f9f9;
}

.custom-coursebuilder-header {
  margin: 0 !important;
  padding: 5px 10px 3px 10px !important;
  position: fixed;
  top: 0;
  z-index: 200;
  box-sizing: border-box;
  width: 100%;
  background: #f9f9f9;
}

.course-bulder-content-inner .panel-heading {
  padding: 0px;
}

.course-bulder-content-inner .panel-body {
  background: #eaeaea;
  padding: 0px;
}

.course-bulder-content-inner .panel-group {
  margin-bottom: 0px !important;
}

.course-bulder-content-inner .panel {
  border: none;
}

.course-bulder-content-inner .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #dddddd;
  border: none;
}

.course-bulder-content-inner .panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  content: "";
  width: 10px;
  height: 10px;
  float: right;
  margin-right: 15px;
  margin-top: -27px;
  transform: rotate(45deg);
  border: 1px solid #ffffff00;
  background: #ffffff00;
  border-color: #444 #ffffff00 #ffffff00 #444;
}

.course-bulder-content-inner .panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "";
  width: 10px;
  height: 10px;
  float: right;
  margin-top: -32px;
  margin-right: 15px;
  transform: rotate(45deg);
  border: 1px solid #ffffff00;
  background: #ffffff00;
  border-color: #ffffff00 #444 #444 #ffffff00;
}

.course-bulder-content-inner .flowplayer .fp-player {
  border-left: none !important;
}

.course-bulder-content-inner .flowplayer.is-error {
  border: none !important;
}

/*coursebuilder options starts*/

.coursebuilder-options-holder {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 999;
}

.coursebuilder-options-holder .download-txt {
  float: left;
  padding: 6px;
}

.course-bulder-content-inner .buldr-header .lecture-icon-big {
  display: inline-flex;
  align-items: center;
}

/*coursebuilder options ends*/

/*Course Builder settings ends*/

@media (max-width: 1150px) {
  .builder-left-inner {
      padding: 0px 15px;
  }
}

.builder-right-inner {
  height: auto;
  padding: 0px 36px;
  border-left: 1px solid #b4b5b9;
}

@media (max-width: 1150px) {
  .builder-right-inner {
      padding: 0px 15px;
  }
}

.builder-right-inner .right-file-name {
  font-style: italic;
  color: #888;
}

.builder-right-inner .preivew-area {
  position: relative;
  padding: 20px;
}

.builder-right-inner .preivew-area .default {
  max-width: 100%;
  width: 100%;
}

.builder-right-inner .preivew-area .default-view-txt {
  color: #2e3e4e;
  margin: 8em 0px;
}

.builder-right-inner .preivew-area .default-view-txt h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 18px;
}

.builder-right-inner .preivew-area .default-view-txt p {
  font-size: 16px;
}

.default-view-txt .tooltip {
  margin-top: 0px !important;
}

.builder-right-inner .overflw-Y-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.builder-right-inner .test-content {
  postion: relative;
}

.builder-right-inner .test-content .view-reprt {
  display: block;
  margin-bottom: 14px;
  color: #257dc6;
}

.builder-right-inner .test-content .test-folder {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 14px;
}

.builder-right-inner .test-content .test-folder .test-folder-row {
  color: #2e3e4e;
  font-size: 16px;
}

.builder-right-inner .test-content .test-folder .test-folder-row i {
  font-size: 18px;
  margin-right: 14px;
}

.builder-right-inner .test-content .test-folder .test-folder-delte {
  color: #2e3e4e;
  float: right;
  margin-left: 12px;
}

.builder-right-inner .test-content .test-folder .test-folder-delte i {
  font-size: 20px;
}

.buldr-header.inner-buldr-header {
  border-bottom: 1px solid #b4b5b9;
  margin: 10px 0px 20px 0px;
  padding-bottom: 0px;
}

.buldr-header.inner-buldr-header .section-control {
  float: none;
}

.audioplayer-holder {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  transform: translateY(-50%);
  margin: 0 auto;
}

.dashbrd-container {
  top: 60px;
  width: 100%;
  padding-right: 0px;
}

.progress {
  border: 1px solid #ccc;
  box-shadow: 0px 0px 0px;
}

.progress-custom {
  margin: 16px 0px;
}

.progress-custom .progress {
  margin-bottom: 6px;
  background: #fff;
}

section.model-check {
  position: relative;
  float: left;
}

/*updates on 29-08-2018*/

.buldr-header .course-builder-header {
  padding-bottom: 20px;
}

.course-builder-header .course-builder-title {
  line-height: 41px;
  margin: 0px;
  text-transform: capitalize;
  padding: 10px 0;
  font-size: 26px;
}

.course-section-info {
  font-size: 17px;
  font-weight: 500;
  height: 46px;
}

.coursebuilder-settingstab-title {
  background: #fff;
  color: #0f4ba6;
  margin: 0px;
  line-height: 47px;
  padding: 0px 25px;
  font-size: 18px;
  border-bottom: 1px solid #c9cad1;
}

/*ends*/

/*=========    Custom check box styles     ============*/

.cust-checkbox {
  position: relative;
  display: inline-block;
}

.cust-checkbox:after,
.cust-checkbox:before {
  font-family: FontAwesome;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-language-override: normal;
  font-language-override: normal;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
}

.cust-checkbox label {
  width: 90px;
  height: 42px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.cust-checkbox label:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  left: -9;
  top: -5px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.cust-checkbox input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.cust-checkbox input:hover+label:after {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}

.cust-checkbox input:checked+label:after {
  left: 40px;
}

.model-check .cust-checkbox {
  width: 70px;
  height: 30px;
  border: 1px solid #09bf63;
  background: #09bf63;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 3px 3px #0000000f;
}

.model-check .cust-checkbox:after,
.model-check .cust-checkbox label:before {
  content: "ON";
  position: absolute;
  left: 10px;
  top: 7px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
}

.model-check .cust-checkbox label:before {
  content: "OFF";
  left: auto;
  top: 7px;
  right: 7px;
  z-index: 1;
}

.model-check .cust-checkbox label {
  background: #ff4848;
  width: 92px;
  height: 30px;
  border-radius: 4px;
}

.model-check .cust-checkbox label:after {
  border-radius: 0px;
  box-shadow: none !important;
  top: 0;
  width: 40px;
  height: 32px;
}

.model-check .cust-checkbox input:checked+label {
  transform: translateX(45px);
}

.model-check .cust-checkbox input:checked+label:after {
  left: -9px;
}

.nav-bg-hover:focus {
  background: #401b50 !important;
}

.nav-bg-hover:active {
  background: #401b50 !important;
}

.nav-bg-hover:hover {
  background: #401b50 !important;
}

.headr-menu-rite li .dropdown-menu li a:hover {
  color: #444 !important;
  background: #f5f5f5 !important;
}

.headr-menu-rite li .notify-icoset:hover {
  background: none !important;
}

.headr-menu-rite li a {
  color: #fff;
  height: 100%;
  display: block;
  line-height: 3em;
  font-size: 16px;
  padding: 0px 20px;
}

.headr-menu-rite li a:hover,
.headr-menu-rite li a:focus {
  text-decoration: none;
}

.headr-menu-rite li i {
  line-height: 5rem;
}

.headr-menu-rite li .buble-not {
  background: #ff3f3f;
  color: #fff;
  font-size: 10px;
  position: absolute;
  display: block;
  top: 7px;
  right: 9px;
  line-height: normal;
  padding: 2px 3px;
  border-radius: 3px;
}

#sortable {
  list-style-type: none;
  padding: 0px;
}

#sortable ul {
  list-style-type: none;
}

.lecture-wrapper {
  counter-reset: subsection;
  min-height: 40px;
}

.section-counter::before {
  counter-increment: sections;
  content: "Section : " counter(sections) " ";
}

#sortable li .lecture-counter::before {
  counter-increment: subsection;
  content: "Lecture : " counter(sections) ". " counter(subsection) " ";
}

#sortable>ul,
#sortable>li>ul {
  padding: 0px;
  display: block;
  box-sizing: border-box;
}

#sortable>li {
  margin-bottom: 15px;
  border: 1px solid rgba(167, 170, 174, 0.65);
  box-shadow: 0px 0px 20px #ccc;
}

#sortable>li>ul>li {
  min-height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding: 0px;
  display: block;
  background: rgba(255, 255, 255, 0.5);
}

#sortable>li>ul>li:last-child .lecture-hold {
  border-bottom: none;
}

.section-title-holder {
  color: #2e3e6f;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 50px;
  border-bottom: 1px solid rgba(167, 170, 174, 0.65);
  cursor: pointer;
  position: relative;
}

.curriculum .section-title-holder .section-title {
  white-space: nowrap;
  max-width: calc(100% - 200px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-title-holder .drager {
  position: absolute;
  left: 0px;
  width: 40px;
  box-sizing: border-box;
  height: 40px;
  margin: 5px 0px;
  cursor: move;
}

.section-title-holder .drager img {
  vertical-align: inherit;
}

.lecture-innerclick {
  color: #2e587b;
  display: flex;
  align-items: center;
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
}

.lecture-hold {
  color: #2e3e6f;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  position: relative;
  line-height: 40px;
  border-bottom: 1px solid rgba(167, 170, 174, 0.65);
  cursor: pointer;
  display: flex;
}

.lecture-hold .drager {
  position: absolute;
  left: 0px;
  width: 40px;
  box-sizing: border-box;
  height: 40px;
  cursor: move;
}

.droptrue {
  padding: 0px;
}

.lecture-wrapper li .lecture-counter {
  float: left;
  padding: 0px 17px 0px 40px;
  border-right: 1px solid rgba(167, 170, 174, 0.65);
  background: rgba(232, 232, 232, 0.28);
  min-width: 220px;
}

.lecture-counter svg {
  width: 10px;
  float: right;
  margin-top: 15px;
  margin-right: 15px;
}

.section-counter {
  float: left;
  padding: 0px 17px 0px 40px;
  margin-right: 14px;
}

.section-name {}

.lecture-highlight {
  border: 1px dashed #096cbf !important;
  background: #fff !important;
  height: 40px;
  margin: 3px;
}

.section-highlight {
  border: 1px dashed #096cbf !important;
  background: #fff !important;
  height: 50px;
}

.section-control,
.lecture-control {
  float: right;
  margin: 13px 10px 0px 0px;
  line-height: 20px;
}

.lecture-icon {
  width: 40px;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  float: left;
}

.lecture-icon-big {
  width: 40px;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}

.lecture-icon-align {
  padding-top: 7px;
}

.course {
  width: calc(100% - 66px);
  position: fixed;
  background: #e8e8e8;
  z-index: 2;
  top: 50;
  right: 0;
}

@media (max-width: 1100px) {
  course {
      width: calc(100% - 66px);
  }

  .pn-grid .multiline-search-container {
      width: 420px !important;
  }

  .pn-grid .multiline-search-container .multiline-search-title:before {
      content: "";
      position: absolute;
      left: 35px;
      top: 0px;
      width: 100%;
      height: 60px;
      background: #fff;
      z-index: -9;
  }

  .pn-grid {
      grid-template-columns: 120px 130px auto auto !important;
  }

  .pn-grid .multiline-search-title span {
      display: block;
  }
}

.box-switch {
  float: right;
  margin-right: 10px;
  padding: 3px 7px;
  border-radius: 0px 0px 3px 3px;
  border: 0px;
}

#course_details {
  height: 100px !important;
}

.collapsing {
  -webkit-transition: none;
  transition: none;
}

.offa-tab {
  width: 100%;
  bottom: 0px;
  text-transform: uppercase;
  font-weight: 500;
}

.custom-sidemenu li:hover {
  background-color: #fff;
}

.custom-sidemenu li.active {
  background-color: #fff;
}

.squre-thumb {
  width: 85px;
  height: 85px;
  border: 5px solid #fff;
  float: left;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.29);
}

.squre-thumb-sm {
  width: 35px;
  height: 35px;
  border: 2px solid #fff;
  float: left;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.29);
  vertical-align: middle;
  margin-left: 5px;
}

.course-handled {
  line-height: 35px;
  margin-top: 6px;
}

.squre-thumb img,
.squre-thumb-sm img {
  width: 100%;
  vertical-align: top;
}

.inner-container {
  padding: 0 350px 0 76px;
  position: relative;
  top: 220px;
  background: #fff;
  z-index: 1;
}

@media (max-width: 1100px) {
  .inner-container {
      padding: 0 350px 0 50px;
  }
}

.right_block {
  width: 350px;
  position: fixed;
  right: 0;
  top: 0px;
  height: 100%;
  z-index: 100;
  background: #f2f2f2;
  border-left: 1px solid #a7aaae;
}

.input-group-btn .btn {
  box-shadow: none;
}

.dropdown-tigger {
  padding: 7px 0px;
  border-radius: 3px 3px 0px 0px;
  font-size: 15px;
  border: 1px solid transparent;
  text-transform: capitalize;
  font-weight: 500;
  color: #2e3e4e;
  cursor: pointer;
  display: inline-block;
}

.dropdown-tigger>.label-text {
  padding: 7px 10px;
  position: relative;
}

.open .dropdown-tigger {
  background: #f4f4f4;
  border: 1px solid #a7aaae;
  border-bottom: 0px;
}

.open .tilder {
  background: #f4f4f4;
}

.open .dropdown-tigger .icon {
  color: #f44336;
}

.dropdown-menu.pull-left {
  border-top-left-radius: 0px;
}

.dropdown-menu.pull-right {
  border-top-right-radius: 0px;
}

.box {
  padding: 15px;
  box-sizing: border-box;
}

.training-content-type-holder {
  background: url("../images/material-bk.jpg") !important;
}

.buldr-header {
  padding: 5px 15px 15px 15px;
}

.buldr-header h3 {
  margin: 0px;
  font-size: 16px;
  font-weight: 500;
  color: #292929;
  display: inline-block;
  vertical-align: middle;
}

.buldr-header .active {
  background: #00a65a;
  color: #ffffff;
  margin-left: 12px;
  padding: 2px 14px;
  border-radius: 20px;
}

.buldr-header .inactive {
  background: #ffa800;
  color: #ffffff;
  margin-left: 12px;
  padding: 2px 14px;
  border-radius: 20px;
}

.buldr-header .section-control {
  margin: 2px 0px 0px 9px;
}

.buldr-header .btn {
  font-size: 14px;
}

.rite-side {
  position: relative;
}

.rite-side i.header-notification {
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
}

.rite-side .download-txt {
  float: left;
  margin-right: 26px;
  font-weight: 500;
  font-style: italic;
  line-height: 2.5em;
  font-size: 13px;
}

.btn-black {
  color: #ffffff;
  background-color: #373737;
  border-color: #ffffff;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 8px;
  border: 0px;
  height: auto;
  text-transform: initial;
  box-shadow: 0px 0px 0px;
  position: relative;
}

.btn-black:focus,
.btn-black.focus {
  color: #ffffff;
  background-color: #1e1e1e;
  border-color: #bfbfbf;
}

.btn-black:hover {
  color: #ffffff;
  background-color: #1e1e1e;
  border-color: #e0e0e0;
}

.btn-black:active,
.btn-black.active,
.open>.dropdown-toggle.btn-black {
  color: #ffffff;
  background-color: #1e1e1e;
  border-color: #e0e0e0;
}

.btn-black:active:hover,
.btn-black.active:hover,
.open>.dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open>.dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open>.dropdown-toggle.btn-black.focus {
  color: #ffffff;
  background-color: #0c0c0c;
  border-color: #bfbfbf;
}

.btn-black:active,
.btn-black.active,
.open>.dropdown-toggle.btn-black {
  background-image: none;
}

.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
  background-color: #373737;
  border-color: #ffffff;
}

.btn-black .badge {
  color: #373737;
  background-color: #ffffff;
}

.drop-area-section {
  text-align: center;
  color: #fff;
  padding: 13px 25px;
}

.drop-area-section .icon-upload-cloud-1 {
  font-size: 70px;
  color: rgba(255, 255, 255, 0.3);
  margin-top: 0px;
  transition: all cubic-bezier(0.01, 0.95, 0.49, 1.51) 0.2s;
  -webkit-transition: all cubic-bezier(0.01, 0.95, 0.49, 1.51) 0.2s;
}

.drop-area-section h3 {
  margin: 3px;
}

.drop-area-section .btn-black {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  display: block;
  text-align: left;
  padding-left: 45px;
}

.drop-area-section .btn-black i {
  font-size: 20px;
  margin-right: 16px;
}

.btn-black h3 {
  margin-top: 10px;
  margin-bottom: 13px;
}

.border-bottom-white {
  border-bottom: 1px solid rgba(43, 40, 40, 0.32);
}

/*hiding ckeditor resizer*/
/* cke resize was hidden and needed to show - client requirement */
/* .cke_bottom {
display: none !important;
}
#cke_1_bottom {
display: none !important;
} */

/* ######################  Modal custom design - changes can be done here   ###################### */

.modal-content {
  background: #e8e8e8;
  border: none;
  border-radius: 0px;
}

.modal-content .checkbox input[type="checkbox"] {
  top: 0px;
}

.modal-header .close {
  color: #fff;
  opacity: 1;
  font-weight: 100;
  text-shadow: 0px 0px 0px;
}

/* ##################   Activate section modal design   ###################### */

#deleteSection span,
#publish-course span {
  text-align: center;
  display: block;
}

#deleteSection span .icon-attention-circled,
#publish-course span .icon-attention-circled {
  font-size: 50px;
  color: #efa824;
}

#activate .modal-body b,
#deleteSection .modal-body b,
#Deactivate .modal-body b,
#publish-course .modal-body b {
  font-weight: 500;
  margin-bottom: 16px;
  margin-top: 6px;
  display: inline-block;
}

#activate .modal-body b,
#deleteSection .modal-body b,
#Deactivate .modal-body b,
#publish-course .modal-body b,
#activate .modal-body p,
#deleteSection .modal-body p,
#Deactivate .modal-body p,
#publish-course .modal-body p {
  font-size: 20px;
}

#activate .close,
#deleteSection .close,
#Deactivate .close,
#publish-course .close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}

.ui-state-highlight,
.ui-state-active {
  background: rgba(255, 255, 255, 0.2);
}

.ui-state-active .icon-upload-cloud-1 {
  transform: scale(1.3);
  transition: all cubic-bezier(0.01, 0.95, 0.49, 1.51) 0.2s;
  -webkit-transition: all cubic-bezier(0.01, 0.95, 0.49, 1.51) 0.2s;
}

/*
 ################        Add category styles - (click to appear the textbox and add button )        #####################
*/

.add-category {
  vertical-align: middle;
}

.add-category .alignment-order {
  display: table-cell;
  vertical-align: middle;
}

.add-category .add-selectn {
  width: 62%;
  float: left;
}

.add-category .add-btn {
  margin-top: 22px;
  float: right;
}

.add-category .add-btn label {
  margin-right: 12px;
}

/* login input styles are differ from other input styles */

a,
button {
  outline: none !important;
}

.width100 {
  width: 100%;
}

.white {
  color: #fff;
}

.m0 {
  margin: 0px !important;
}

.mb-05 {
  margin-bottom: 5px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.p0 {
  padding: 0px !important;
}

.h235 {
  height: 235px !important;
}

.login-padding {
  padding: 20px;
  position: relative;
}

/* Dashboard styles starts here */

.dash-expry {
  text-align: center;
  display: block;
  padding: 8px 15px;
  background: #ff4747;
  color: #fff;
  font-size: 18px;
}

.dash-expry a {
  color: #fff;
  text-decoration: underline;
}

.dashbrd-container .dash-wecl-ttle {
  text-align: center;
  font-size: 24px;
  color: #2e3e4e;
  line-height: 32px;
  padding: 20px;
  display: block;
  padding-top: 20px;
  text-transform: capitalize;
}

.dashbrd-container .dash-wecl-ttle span {
  color: #09d5ca;
}

.dash-chart-wrap {
  width: 100%;
  display: inline-block;
  background: #e8e8e8;
}

.dash-chart-wrap p {
  font-size: 16px;
  font-weight: 500;
  color: #2e3e4e;
}

.dash-ico-items {
  position: relative;
  padding: 20px 0px;
  margin: 0px;
  text-align: center;
}

.dash-ico-items li {
  display: inline-block;
  margin: 0px 20px;
  width: 90px;
  height: 150px;
  vertical-align: top;
}

.dash-ico-items li a {
  text-decoration: none;
  display: block;
  transition: all cubic-bezier(0, 0.88, 0.25, 1) 0.5s;
  -webkit-transition: all cubic-bezier(0, 0.88, 0.25, 1) 0.5s;
}

.welcome-msg {
  text-align: center;
  font-size: 18px;
  color: #828282;
}

.welcome-msg a {
  color: #e5473e;
  text-decoration: none;
}

.upgrade-link-dashboard {
  text-align: center;
  font-size: 15px;
  color: #6b6b6b;
}

.upgrade-link-dashboard a {
  color: #e5473e;
  text-decoration: none;
}

.upgrade-link-dashboard a:hover,
.upgrade-link-dashboard a:focus {
  color: #d82b21;
}

.bw-note {
  color: #666;
  font-size: 12px;
  padding-top: 15px;
}

/*dash icons updated on 22-08-2018*/

.dash-ico-items li a i {
  width: 89px;
  height: 100px;
  display: block;
  margin: 0px auto;
  background: url(../images/sprite-dash_icon.png) no-repeat;
  background-size: cover;
}

.dash-ico-items li a.dash-mc i {
  background-position-x: -91px !important;
}

.dash-ico-items li a.dash-mu i {
  background-position-x: -184px !important;
}

.dash-ico-items li a.dash-ins i {
  background-position-x: 0px !important;
}

.dash-ico-items li a.dash-mf i {
  background-position-x: -369px;
}

.dash-ico-items li a.dash-grp i {
  background-position-x: -276px;
}

.dash-ico-items li a.dash-question-bank i {
  background-position-x: -557px;
}

.dash-ico-items li a.dash-r i {
  background-position-x: -743px;
}

.dash-ico-items li a.dash-s i {
  background-position-x: -649px;
}

.dash-ico-items li a.dash-cms i {
  background-position-x: -928px;
}

/*dash icon ends*/

.dash-ico-items li a:hover {
  transform: scale(1.05);
  color: #5fd9ce;
}

.dash-ico-items li a:hover span {
  color: #5fd9ce;
}

.dash-ico-items li a.dash-mc i {
  background-position: 0px 0px;
}

.dash-ico-items li a.dash-mu i {
  background-position: -90px 0px;
}

.dash-ico-items li a.dash-forum i {
  background-position: -760px 0px;
}

.dash-ico-items li a.dash-answer-writing-facility i {
  background-position: -850px 0px;
}

.dash-ico-items li a.dash-challenge-zone i {
  background-position: -940px 0px;
}

.dash-ico-items li a.dash-terms-of-the-day i {
  background-position: -1030px 0px;
}

.dash-ico-items li a span {
  font-size: 15px;
  color: #2e3e4e;
  font-weight: 500;
  display: block;
}

.dashboard-bg {
  background: #f3f4f8;
  min-height: calc(100vh - 60px);
  box-sizing: border-box;
  position: relative;
  /* overflow: auto; */
}

.bw-refresh {
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-left: 11px;
  vertical-align: bottom;
  cursor: pointer;
}

.bw-graph-holder {
  display: table;
  overflow: hidden;
  width: 100%;
}

.bw-refresh:hover svg {
  fill: #0bb8a9 !important;
}

.bw-refresh:hover path {
  stroke: #0bb8a9 !important;
}

@-webkit-keyframes refreshing {
  from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

.bw-refresh.refreshing {
  display: inline-block;
  -webkit-animation: refreshing 2s linear infinite;
  -moz-animation: refreshing 2s linear infinite;
  -ms-animation: refreshing 2s linear infinite;
  -o-animation: refreshing 2s linear infinite;
  animation: refreshing 2s linear infinite;
}

.bw-refresh.refreshing svg {
  fill: #0bb8a9 !important;
}

.bw-refresh.refreshing path {
  stroke: #0bb8a9 !important;
}

/* Dashboard styles ends here */

.Login-fullwdth {
  width: 100%;
  height: 100%;
  position: relative;
  background: #339966;
  display: table;
}

.Login-fullwdth a:hover {
  text-decoration: none;
}

.Login-fullwdth .talbe-cell {
  display: table-cell;
  vertical-align: middle;
}

.Login-fullwdth .login-wrap {
  width: 372px;
  margin: 0px auto;
  background: url("../images/login_bg.jpg") top center no-repeat #eaedf2;
  position: relative;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.Login-fullwdth .login-wrap .btn-login {
  padding: 0px 40px;
  font-size: 15px;
  float: left;
  height: 40px;
  font-weight: 300;
}

.Login-fullwdth .login-wrap .login-typography h3,
.Login-fullwdth .login-wrap .login-typography p {
  text-align: center;
}

.Login-fullwdth .login-wrap .login-typography h3 {
  margin-top: 10px;
}

.Login-fullwdth .login-wrap .login-typography p {
  font-size: 13px;
}

.Login-fullwdth .login-wrap .terms-policy {
  font-size: 10px !important;
  margin: 8px 0px;
  display: inline-block;
  text-align: center;
}

.Login-fullwdth .login-wrap .terms-policy a {
  text-decoration: underline;
  font-style: italic;
}

.Login-fullwdth .login-wrap .form-group {
  position: relative;
}

.Login-fullwdth .login-wrap .form-group:after {
  position: absolute;
  font-family: "fontello";
  top: 10px;
  left: 14px;
  font-size: 14px;
  content: "";
}

.Login-fullwdth .login-wrap .form-group.email:after {
  content: "\e803";
}

.Login-fullwdth .login-wrap .form-group.password:after {
  content: "\e828";
  font-size: 18px;
}

.Login-fullwdth .login-wrap .form-group.user:after {
  content: "\e82e";
}

.Login-fullwdth .login-wrap .form-group .login-input {
  height: 42px;
  padding: 10px 10px 10px 40px;
  font-size: 15px;
  line-height: 30px;
  border-radius: 3px;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
  background: #ffffff;
  color: #2e3e4e;
  border: 1px solid #eaedf2;
  width: 100%;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.Login-fullwdth .login-wrap .form-group .login-input:focus {
  border: 1px solid;
}

.Login-fullwdth .login-wrap .form-group .login-input:focus {
  border-color: #1bd277;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 8px rgba(27, 210, 119, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 8px rgba(27, 210, 119, 0.6);
}

.check-box {
  font-size: 14px;
  color: #666;
  display: block;
  margin: 13px 0px;
}

.check-box input[type="checkbox"] {
  vertical-align: -2px;
}

.login-padding {
  padding: 20px;
  position: relative;
}

.login-box-bottom {
  background: #ffffff;
  padding: 20px;
  border-top: 2px dotted #bbb;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  text-align: center;
  position: relative;
}

.login-box-bottom .facebook {
  background: #3b5999;
  color: #fff;
  display: block;
  padding: 12px 0px;
  margin: 10px 0px;
  border-radius: 3px;
  text-transform: uppercase;
}

.login-box-bottom a {
  color: #464749;
}

.login-box-bottom .login-round-or {
  position: absolute;
  padding: 6px;
  border-radius: 50%;
  background: #fff;
  font-size: 13px;
  box-shadow: inset 1px 1px 0px #aaa;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

/*  ---------- Custom input file type Design -----------  */
.fileContainer {
  overflow: hidden;
  position: relative;
}

.fileContainer [type="file"] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

/*  ---------- Active & Inactive label styles -----------  */
.active-section,
.Inactive-section {
  color: #00cc66;
  font-size: 14px;
  font-style: italic;
  float: right;
  margin-right: 12px;
}

.active-section i,
.Inactive-section i {
  font-size: 18px;
}

.Inactive-section {
  color: #ffa800;
  font-size: 14px;
  font-style: italic;
}

/*  ---------- intro help styles including video styles -----------  */

.help-intro {
  bottom: 24px;
  color: #fff;
  font-size: 16px;
  left: 132px;
  position: absolute;
}

.help-intro i {
  font-size: 22px;
}

#nav-icon1 {
  width: 40px;
  height: 30px;
  position: fixed;
  right: 36px;
  top: 14px;
  z-index: 100;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: none;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 11px;
}

#nav-icon1 span:nth-child(3) {
  top: 22px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@media (min-width: 768px) and (max-width: 992px) {
  .right_block {
      right: -350px;
  }

  .bulder-content {
      padding: 50px 20px 20px;
  }

  #nav-icon1 {
      display: block;
  }

  .nav-content .rTable .input-group-addon {
      font-size: 15px;
  }
}

/* ***************    Media query course     ****************** */

@media (min-width: 768px) and (max-width: 1080px) {
  .cours-fix input[type="checkbox"] {
      float: left;
      height: 40px;
  }

  .cours-fix .icon-wrap-round {
      float: left;
  }

  .cours-fix a {
      color: #000;
      text-decoration: none;
      white-space: nowrap;
      line-height: 2.8em;
  }
}

@media screen and (max-width: 980px) {

  .spn-active,
  .spn-inactive,
  .spn-delete {}

  .cours-fix .col-sm-12.pos-inhrt {
      position: inherit;
  }
}

.User_backgrd {
  height: 150px;
  position: absolute;
  top: 35px;
  width: calc(100% - 70px);
  background: linear-gradient(45deg, #850533, #a8194a);
}

.User_backgrd span {
  color: #000;
  position: absolute;
  top: 12px;
  right: 60px;
  font-size: 18px;
  font-weight: 500;
}

.profile-wrap {
  background: #f6f8fa;
}

.profile-wrap .profile-container {
  position: relative;
  padding: 0px 62px;
  top: 73px;
}

.profile-wrap .profile-container .profile-box-layouts {
  background: #ffffff;
  box-shadow: 0px 1px 4px #cccccc;
  padding: 15px;
  min-height: 180px;
  border-radius: 3px;
  margin-bottom: 30px;
}

.profile-wrap .profile-container .profile-box-layouts h4 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #2e3e4e;
  margin: 0px 0px 10px 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.profile-wrap .profile-container .profile-box-layouts h4 span {
  color: #0072ff;
  float: right;
  font-style: italic;
  font-size: 14px;
}

.profile-wrap .profile-container .profile-box-layouts p {
  margin: 0px 0px 5px;
  padding-left: 16px;
}

.profile-wrap .profile-container .profile-box-layouts .badges {
  border-radius: 5px;
  background: #eee;
  display: inline-block;
  min-height: 100px;
  min-width: 80px;
  padding: 2px;
  text-align: center;
  margin: 0px 10px;
}

.profile-wrap .profile-container .profile-box-layouts .badges i {
  text-align: center;
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  color: #777;
  padding: 6px 0px;
  display: block;
}

.profile-wrap .profile-container .profile-box-layouts .badges img {
  display: block;
  margin: 0px auto;
}

.prfle-tble {
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}

.prfle-tble .lecture-control {
  margin: 13px 0px 0 10px;
}

.prfle-tble .wrap-mail a {
  color: #000;
}

.prfle-tble:last-child {
  margin-bottom: 0px;
}

.prfle-expire,
.prfle-expireRed {
  float: right;
  font-size: 14px;
  line-height: 2.9em;
}

.prfle-suspend,
.prfle-delte {
  font-size: 14px;
  line-height: 2.9em;
  color: #ff0000;
}

.prfle-suspend {
  color: #ff6000;
}

.prfle-expire {
  color: #09bf63;
}

.prfle-expireRed {
  color: #ff0000;
}

.icon-wrap-round.purple {
  background: #b909bf;
}

.wrap-title {
  color: #09bf63;
  margin-bottom: 4px;
  display: block;
}

.green-status {
  color: #299f00;
}

.red-status {
  color: #ff0000;
}

.grey-status {
  color: #878788;
}

.profile-header {
  position: relative;
  margin-bottom: 25px;
}

.profile-header .profle-img-container {
  width: 155px;
  height: 155px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #fff;
  box-shadow: 0px -1px 10px #545454;
  -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  border-radius: 50%;
}

.profile-header .profle-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
}

.profile-header .profle-img-container button.pos-abs {
  left: calc(50% - 65px);
  top: calc(50% - 18px);
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
}

.profile-header .profle-img-container:hover {
  cursor: pointer;
}

.profile-header .profle-img-container:hover button.pos-abs {
  z-index: 100;
  opacity: 1;
  filter: alpha(opacity=100);
  filter: alpha(opacity=1);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
}

.profile-header .profle-img-container:hover img {
  opacity: 0.6;
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
}

.profile-header .hdr-rite-calc {
  width: calc(100% - 155px);
}

.profile-header .prfle-heder-rite {
  margin-top: 38px;
}

.profile-header .prfle-heder-rite .pfle-title-drp {
  display: block;
}

.profile-header .prfle-heder-rite .pfle-title-drp>h3 {
  font-size: 24px;
  color: white;
  text-shadow: 0px 0px 6px #2e3e4e;
  font-weight: 700;
  float: left;
  margin: 8px 12px 0px 0px;
  text-transform: capitalize;
}

.profile-header .prfle-heder-rite .pfle-title-drp>.lecture-control {
  float: left;
}

.profile-header .prfle-heder-rite .pfle-title-drp .headr-top-menu {
  margin-top: 6px;
}

.profile-header .prfle-heder-rite .pfle-title-drp .headr-top-menu li {
  display: inline-block;
}

.profile-header .prfle-heder-rite .pfle-title-drp .headr-top-menu li a {
  color: #2e3e4e;
  font-size: 14px;
  font-weight: 500;
  margin-right: 32px;
}

.profile-header .prfle-heder-rite .pfle-title-drp .permssn-note {
  color: #0072ff;
  font-size: 12;
  margin: 7px 8px 0px 0px;
  display: inline-block;
}

.inside-box {
  background: #fff;
  padding: 14px 22px;
  border-radius: 3px;
  border: 1px solid #c7c9ca;
  min-height: 300px;
  max-height: 300px;
  overflow-y: auto;
}

.inside-box .checkbox-wrap {
  padding: 6px 0px;
}

.inside-box-scroll {
  overflow-y: scroll;
  height: 257px;
}

.active-list-padding {
  padding-bottom: 7px;
}

.delte {
  font-size: 24px;
  color: #ff0000;
}

.addlectre {
  position: relative;
}

.addlectre .lectr-deep-innr {
  padding-left: 50px;
}

.addlectre .lectr-deep-innr label {}

.mar-ver0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.pad-right20 {
  padding-right: 20px;
}

.btn {
  margin-right: 5px;
}

.modal-backdrop.in {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* All alignment for checkbox */
input[type="checkbox"] {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.font18 {
  font-size: 18px !important;
}

.font16 {
  font-size: 16px;
}

.font15 {
  font-size: 15px;
}

.font14 {
  font-size: 14px;
}

.font13 {
  font-size: 13px;
}

.modal {
  z-index: 2024;
}

.small-font {
  font-size: 12px !important;
}

.pad-top30 {
  padding-top: 30px;
}

.pad-top15 {
  padding-top: 15px;
}

.pad-top10 {
  padding-top: 10px;
}

.pad-top5 {
  padding-top: 5px;
}

.pad-vert5 {
  padding-top: 5px;
}

.pad-top18 {
  padding-top: 18px;
}

.dsp-inline {
  display: inline-block;
}

.text-alignR {
  text-align: left;
}

.text-alignR p {
  text-align: right;
}

.txt-underline {
  text-decoration: underline;
}

.width-100p {
  width: 100%;
}

.pad-top10 {
  padding-top: 10px;
}

.pad-top25 {
  padding-top: 25px;
}

.pad-top50 {
  padding-top: 50px !important;
}

.pad-top12 {
  padding-top: 12px !important;
}

.marg-top10 {
  margin-top: 10px;
}

.marg-bot10 {
  margin-bottom: 10px;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

i.star-active {
  color: #d94d38;
}

.min-width115 {
  min-width: 115px;
}

.width-350 {
  width: 350px !important;
}

.bg-white {
  background: #fff;
}

/* Common classes for */

/*======================*/

/*START*/
.icon-wrap-round {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  height: 40px;
  width: 40px;
  min-width: 40px;
  display: inline-block;
  padding: 5px;
  background: #e5473e;
}

.icon-wrap-round.sm-img {
  height: 35px;
  width: 35px;
}

.icon-wrap-round.blue {
  background: #00aeef;
}

.icon-wrap-round i.icon {
  line-height: 31px;
  font-size: 19px;
}

a {
  color: #2e3e4e;
}

/*======================*/

/*END*/

/* Common classes for */

/* Font Colors */
.font-red {
  color: #ff3333;
}

.font-green {
  color: #00cc66;
}

.font-blue {
  color: #0072ff;
}

.font-lgt-grey {
  color: #a8a7a7;
}

/* Bold Font Sizes */

/*START*/

/*==============*/

.font-bold600 {
  font-weight: 500;
}

.bold-heading {
  font-size: 15px;
  font-weight: 500;
  padding-left: 5px;
  padding-right: 5px;
}

.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal;
}

/* CHANGING ICON STYLE FROM FOLLOWING FILE TITLE */
.icon-wrap-round .icon.icon-graduation-cap {
  margin-left: 0px;
}

.green-font {
  color: #33b565;
}

/*####################*/

a .link-style {
  color: #096cbf !important;
}

a.link-style:hover {
  color: #096cbf;
  text-decoration: underline;
}

a.link-style.u-line {
  text-decoration: underline;
}

body.body100H {
  height: 100%;
}

body.body100H .main-content {
  height: 100%;
}

.label {
  padding: 0.4em 1.2em 0.5em;
}

/* italic class */

.my-italic {
  font-style: italic;
}

/* big-icon */

.icon-center {
  font-size: 25px;
  margin-right: 15px;
  vertical-align: -5px;
}

/* common tab color */

.nav-tabs>li.active>.active-arrow {
  background: #f6f8fa;
}

.pos-rel {
  position: relative;
}

.btn {
  min-width: 100px;
}

.pad-top15 {
  padding-top: 15px;
}

.pad-top12 {
  padding-top: 12px;
}

.course-container {
  top: 0;
  width: 100%;
  padding-right: 0;
  /* Discussion all from right wrap used here */
  /*START*/
  /*END*/
  /* New style only for discussion container */
  /*START*/
  /*END*/
}

.course-container.pos-top50 {
  top: 50px;
}

.course-container .discussion-container {
  margin-top: 20px;
  border-radius: 2px;
  background: #f6f8fa;
}

.course-container .discussion-container span {
  display: inline-block;
}

.course-container .discussion-container .dropdown span {
  display: inline;
}

.course-container .discussion-container .box-style {
  width: 35px;
  height: 35px;
  border: 2px solid #3b4a59;
  background: #e8e8e8;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.course-container .discussion-container .user-date {
  vertical-align: top;
  padding-left: 15px;
  text-align: justify;
}

.course-container .discussion-container .user-date a {
  padding-bottom: 2px;
  display: inline-block;
  width: 100%;
}

.course-container .discussion-container .user-date>span {
  margin-right: 15px;
}

.course-container .discussion-container .user-date.width100 {
  width: calc(100% - 45px);
}

.course-container .discussion-container .user-date .user {
  font-weight: 500;
}

.course-container .discussion-container .user-date .date {
  font-size: 12px;
  font-style: italic;
  color: #949494;
}

.course-container .discussion-container>div {
  padding-top: 15px;
}

.course-container .discussion-container .right-group-wrap {
  border-bottom: 1px solid #a7aaae;
  padding-bottom: 15px;
  padding-top: 15px;
}

.course-container .discussion-container .content-text {
  color: #656565;
  font-size: 13px;
}

.course-container .discussion-container a.link-style {
  color: #0354b9;
  font-weight: 500;
  font-style: italic;
}

.course-container .discussion-container.listing-discuss {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
}

.course-container .discussion-container.listing-discuss .right-group-wrap {
  border-bottom: 0px;
}

.course-container .discussion-container.listing-discuss a.link-style {
  color: #2e3e4e !important;
  font-style: normal;
}

.course-container .discussion-container.listing-discuss .old-chat .user-date {
  display: inline-block;
  width: calc(100% - 45px);
}

.course-container .discussion-container.listing-discuss .sml-font {
  font-size: 14px;
}

.course-container .discussion-container.listing-discuss div[class*="col-sm-12"] {
  border-bottom: 1px solid #e1e1e1;
}

.course-container .discussion-container.listing-discuss div[class*="col-sm-12"]:last-child {
  border: 0px;
}

.course-container .discussion-container.listing-discuss div[class*="col-sm-12"].bg-white {
  background: #fff;
}

.course-container .discussion-container.listing-discuss .num-of-total {
  font-size: 13px;
}

.course-container.full-width {
  width: 100%;
}

.course-container.full-width .content-wrap {
  padding-right: 0px;
}

.course-container.full-width .content-wrap .left-wrap.container {
  max-width: 645px;
}

.label-active {
  background: #00a65a;
  color: #ffffff;
  margin-left: 12px;
  padding: 2px 14px;
  border-radius: 20px;
  display: inline-block;
  vertical-align: bottom;
}

.group-total-holder {
  padding: 9px 0px;
}

.label-active.group-total {
  vertical-align: initial;
  margin-right: 5px;
  padding: 1px 8px;
  font-size: 12px;
  text-align: center;
}

.label-inactive {
  background: #ffa800;
  color: #ffffff;
  margin-left: 12px;
  padding: 2px 14px;
  border-radius: 20px;
  display: inline-block;
  vertical-align: bottom;
}

.nav-tabs.offa-tab>li>a button.btn {
  margin-left: 25px;
  font-size: 12px;
}

.report-wrap.profile-wrap {
  top: 20px;
}

.report-wrap.profile-wrap .rTableCell:last-child {
  border-left: 0px !important;
}

/* Fixed element' s fixed sizes */

header {
  height: 50px;
  top: 0px;
}

/*--------(-1)--------*/

/* zero-level-top tab without heading */

/*START*/

.minus-level-top.content-wrap {
  top: 80px;
}

.minus-level-top .nav-content {
  height: 45px;
  top: 80px;
}

/*--------(-1)--------*/

/* zero-level-top tab without heading */

/*START*/

/*--------(0)--------*/

/* zero-level-top tab without heading */

/*START*/

.zero-level-top.content-wrap {
  top: 132px;
}

.zero-level-top.right-wrap {
  top: 80px;
  height: calc(100% - 80px);
}

.zero-level-top .nav-content {
  height: 45px;
  top: 80px;
}

/* .base-cont-top tab without heading */
section.base-cont-top.courses-tab {
  height: 52px;
}

.base-cont-top.content-wrap {
  padding-top: 95px;
}

.base-cont-top .course-content-wrap {
  top: 80px;
}

.base-cont-top.right-wrap {}

.base-cont-top .nav-content {
  height: 45px;
  top: 132px;
}

.base-cont-top .nav-course-content {
  height: 45px;
  width: 100%;
  top: 95px !important;
}

.coursestab-top-update {
  top: 49px !important;
}

.breadcrump-top-update {
  top: 0 !important;
}

.content-top-update {
  top: 130px !important;
}

.rightwrap-top-update {
  top: 130px !important;
  height: 100% !important;
}

.role-title {
  padding: 11px 32px;
  font-size: 16px;
  font-weight: 500;
}

.parent-module td {
  border-top: 1px solid #ececec !important;
  padding-top: 14px;
  background: #ffffff;
  color: #444;
}

.parent-module .checkbox {
  position: relative;
  top: 8px;
}

.parent-module .role-name {
  position: relative;
  top: 0px;
  font-weight: 500;
  padding: 15px 15px;
  color: #444;
}

.sub-module td {
  background: #f3f3f3;
  padding-top: 14px;
  border-top: none !important;
}

.sub-module .checkbox {
  position: relative;
  top: 8px;
}

.sub-module td:nth-child(1) {
  padding: 18px 45px !important;
}

.role-table tr td {
  line-height: normal !important;
  border-top-color: #ececec !important;
}

.role-table .t-header .role-head {
  text-align: center;
  width: 345px;
}

/* .base-cont-top-nosidebar tab without heading */
section.base-cont-top-nosidebar.courses-tab {
  height: 51px;
}

.base-cont-top-nosidebar.content-wrap {
  top: 177px;
}

.base-cont-top-nosidebar .nav-content {
  height: 45px;
  top: 132px;
}

.base-cont-top-nosidebar .rTableCell.dropdown a.dropdown-toggle {
  padding-bottom: 12px !important;
}

.base-cont-top-nosidebar .rTableCell:last-child {
  border-left: 1px solid #a7aaae !important;
}

/* .base-cont-top tab with heading */

section.base-cont-top-heading.courses-tab {
  height: 81px;
}

.base-cont-top-heading.content-wrap {
  top: 161px;
}

.base-cont-top-heading.right-wrap {
  top: 161px;
  height: calc(100% - 161px);
}

section.cont-course-big.courses-tab {
  height: calc(100% - 80px);
}

section.cont-course-big.courses-tab h4.margin-sm {
  padding-left: 0px;
}

.cont-course-big.content-wrap {
  top: 95px;
  padding-right: 0;
}

.content-wrap.top-spacing {
  top: 95px !important;
}

.cont-course-big.right-wrap {
  top: 232px;
  height: calc(100% - 232px);
}

.content-wrap-align {
  width: calc(100% - 250px) !important;
  left: 250px;
}

.content-wrap.content-wrap-top {
  top: 95px !important;
}

.content-wrap .content-filter-top {
  top: 95px !important;
}

.content-wrap .content-filter-fullwidth {
  width: 100%;
}

.forum-wrap {
  top: 80px;
  position: relative;
}

/* .cont-course-big tab with heading and with another content-nav-tbl also */

/*START*/
section.cont-course-big.nav-included.courses-tab {
  height: 152px;
}

.cont-course-big.nav-included .right-bottom-fixed {
  position: absolute;
  bottom: 20px;
  left: 0px;
}

.cont-course-big.nav-included .right-bottom-fixed label {
  font-size: 13px;
}

.cont-course-big.nav-included.content-wrap {
  top: 95px;
}

.cont-course-big.nav-included.right-wrap {
  top: 232px;
  height: calc(100% - 232px);
  padding-top: 45px;
  padding-bottom: 106px;
}

.cont-course-big.nav-included.content-wrap .nav-content {
  height: 45px;
  top: 232px;
}

.cont-course-big .left-wrap {
  display: block !important;
  padding: 0px 15px !important;
  min-height: calc(100vh - 140px);
}

/*--------(4)--------*/
/*END*/

/* Content Wrap All */

.content-wrap {
  position: relative;
}

.content-wrap.small-width {
  padding-right: 320px;
}

/* Content Wrap All */

/* Overwrite Old Layout Styles */
.dropdown-tigger {
  /* Top Bar Drop Down button made here */
  font-size: 14px;
  padding: 7px 1px;
}

.dropdown-tigger.top-bar-btn {
  font-size: 15px;
  padding: 6px 3px;
}

.dropdown-tigger .label-text {
  padding: 7px 2px;
}

.headr-menu-rite {
  list-style: none;
}

.btn.marg10 {
  margin-right: 10px;
  margin-left: 10px;
}

.dropdown a.dropdown-toggle {
  display: block;
  text-decoration: none;
}

.course-create-wrap {
  padding-top: 13px;
  font-weight: 500;
}

.course-create-wrap label {
  font-size: 14px;
}

.course-create-wrap .form-group {
  padding-top: 15px;
}

.course-create-wrap .form-group label {
  padding-right: 10px;
}

.course-create-wrap .course-settings-title {
  padding-bottom: 15px;
}

.course-settings-title .multiselect-container {
  width: 100% !important;
}

.course-settings-title .multiselect {
  box-shadow: none !important;
  text-transform: capitalize !important;
  font-weight: 400 !important;
}

.course-settings-title .multiselect label {
  font-weight: 400 !important;
}

.course-settings-title .multiselect .caret {
  float: right;
  margin-top: 10px;
}

.course-settings-title .multiselect-container label {
  font-weight: 400 !important;
}

.course-settings .redactor-in {
  min-height: 320px !important;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #2e3e4e;
  cursor: pointer;
}

.custom-date-picker {
  height: initial !important;
  border: 1px solid #c7c9ca !important;
  border-radius: 3px !important;
  padding: 8px 12px !important;
  background: #ffffff !important;
}

.theme-settings-label {
  font-size: 13px;
  font-weight: 400;
  color: #696969;
}

/* General All */

.multiselect.btn-default:focus {
  background-color: #fff;
}

.multiselect.btn-default:acive {
  background-color: #fff;
}

.marginT0 {
  margin-top: 0;
}

.pad0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.pad-vert0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* BASIC PAGE HEADER */
.courses-tab {
  position: fixed;
  z-index: 99;
  top: 95px;
  width: 100%;
  background: #e8e8e8;
}

.courses-tab.custom-sidenav {
  width: 250px;
}

.custom-sidemenu li {
  width: 100%;
  padding-left: 30px;
  font-size: 13px !important;
}

.courses-tab ol.nav li {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
  border-bottom: 1px solid #e4e4e4;
}

.courses-tab ol.nav li a {
  padding: 9px 15px 10px;
}

.courses-tab a {
  color: #2e3e4e;
}

.courses-tab h4 {
  padding-left: 10px;
  font-weight: 500;
  margin-bottom: 0px;
}

h4.courses-tab.margin-sm {
  padding-left: 0px;
}

/* Common style for the DROPDOWN */

/*==============================*/

.dropdown-menu {
  font-size: 14px;
}

.dropdown-menu li>a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.dropdown-menu li>a:hover {
  color: #444 !important;
}

/*==============================*/
/* Common style for the DROPDOWN */

/* RIGHT DROP DOWN */
/*=================*/
.lecture-control.btn-right-align .dropdown-menu {
  left: auto;
  top: 100%;
}

/* Page content Section */
.course-cont-wrap {
  padding-left: 15px;
}

.course-cont-wrap.catalog-table .rTableRow .rTableCell {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.course-cont-wrap.catalog-table .rTableRow .rTableCell:last-child {
  width: 40px;
}

.course-cont-wrap .course-cont .rTableRow {}

.course-cont-wrap .course-cont .rTableRow:first-child .rTableCell {
  border-top: 0px;
}

.course-cont-wrap .course-cont .rTableRow:last-child .rTableCell {
  border-bottom: 1px solid #e1e1e1;
}

.course-cont-wrap .course-cont .rTableRow .wrap-mail {
  display: inline-block;
  vertical-align: middle;
  color: #2e3e4e;
  font-size: 12px;
}

.course-cont-wrap .course-cont .rTableRow .wrap-mail a {
  font-size: 14px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell {
  padding-left: 15px;
  vertical-align: middle;
  font-size: 14px;
  border-top: 1px solid #e1e1e1;
  padding-top: 10px;
  padding-bottom: 10px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell:last-child {
  padding-left: 0px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell span i.icon {
  font-size: 16px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell span.icon-wrap-round i.icon {
  font-size: 19px;
}

.course-cont-wrap .course-cont .rTableRow .rTableCell.td-dropdown {
  width: 53px;
}

/* .course-cont-wrap .course-cont .rTableRow .rTableCell a {
 color: #2e3e4e;
 text-decoration: none;
} */

/* .course-cont-wrap .course-cont .rTableRow .rTableCell a.normal-base-color {color: #2e3e4e;} */
.right-wrap {
  position: fixed;
  width: 360px;
  right: 0px;
  top: 140px;
  bottom: 0px;
  background: #f2f2f2;
}

.right-wrap.small-width {
  width: 320px;
}

.right-wrap.new-height104 {
  top: 184px;
}

.right-wrap.pos-relative {
  position: relative !important;
  height: 100%;
  z-index: 10;
}

.right-wrap label,
.right-wrap h5,
.right-wrap h4,
.right-wrap span {
  font-weight: 500;
}

.right-wrap .light-grey {
  color: #666666;
  font-weight: 500;
}

.left-wrap {
  background: #fff;
  display: grid;
  grid-template-columns: auto 360px;
  padding: 0px;
}

/* Small button mixin */

.bdr-rad0 {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-green-bvl {
  color: #ffffff;
  background-color: #33b565;
  border-color: #ffffff;
  -webkit-box-shadow: inset 0px -3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px -3px rgba(0, 0, 0, 0.2);
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 500;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0px;
  text-transform: initial;
}

.btn-green-bvl:focus,
.btn-green-bvl.focus {
  color: #ffffff;
  background-color: #288d4f;
  border-color: #bfbfbf;
}

.btn-green-bvl:hover {
  color: #ffffff;
  background-color: #288d4f;
  border-color: #e0e0e0;
}

.btn-green-bvl:active,
.btn-green-bvl.active,
.open>.dropdown-toggle.btn-green-bvl {
  color: #ffffff;
  background-color: #288d4f;
  border-color: #e0e0e0;
}

.btn-green-bvl:active:hover,
.btn-green-bvl.active:hover,
.open>.dropdown-toggle.btn-green-bvl:hover,
.btn-green-bvl:active:focus,
.btn-green-bvl.active:focus,
.open>.dropdown-toggle.btn-green-bvl:focus,
.btn-green-bvl:active.focus,
.btn-green-bvl.active.focus,
.open>.dropdown-toggle.btn-green-bvl.focus {
  color: #ffffff;
  background-color: #20713f;
  border-color: #bfbfbf;
}

.btn-green-bvl:active,
.btn-green-bvl.active,
.open>.dropdown-toggle.btn-green-bvl {
  background-image: none;
}

.btn-green-bvl.disabled,
.btn-green-bvl[disabled],
fieldset[disabled] .btn-green-bvl,
.btn-green-bvl.disabled:hover,
.btn-green-bvl[disabled]:hover,
fieldset[disabled] .btn-green-bvl:hover,
.btn-green-bvl.disabled:focus,
.btn-green-bvl[disabled]:focus,
fieldset[disabled] .btn-green-bvl:focus,
.btn-green-bvl.disabled.focus,
.btn-green-bvl[disabled].focus,
fieldset[disabled] .btn-green-bvl.focus,
.btn-green-bvl.disabled:active,
.btn-green-bvl[disabled]:active,
fieldset[disabled] .btn-green-bvl:active,
.btn-green-bvl.disabled.active,
.btn-green-bvl[disabled].active,
fieldset[disabled] .btn-green-bvl.active {
  background-color: #33b565;
  border-color: #ffffff;
}

.btn-green-bvl .badge {
  color: #33b565;
  background-color: #ffffff;
}

/* Class For Full Width */

.full-width-btn {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

.btn-big {
  height: 45px !important;
  line-height: 45px !important;
}


.institution-select .srch_txt {
  padding-right: 30px;
}

span.institution-code {
  cursor: text;
  color: #33b565;
  font-size: 14px;
  user-select: none;
  text-transform: uppercase;
}

.inst-name {
  font-weight: 500;
  text-transform: capitalize;
}

.event-listing-row a {
  text-transform: capitalize;
}

/*search clear*/

.srch_txt,
.close-icon {
  position: relative;
  padding: 10px;
}

.close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
}

.close-icon:after {
  content: "X";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: #fa9595;
  z-index: 1;
  right: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 2px;
  border-radius: 50%;
  text-align: center;
  color: white;
  font-weight: normal;
  font-size: 12px;
  box-shadow: 0 0 2px #e50f0f;
  cursor: pointer;
}

.srch_txt:not(:valid)~.close-icon {
  display: none;
}

/*ends*/



.bg-grey {
  background: #656565;
  padding: 10px 15px;
  margin-bottom: 10px;
  color: #fff;
}

.bg-grey label {
  color: #fff;
}

/* Table style creation */
.table-implement {
  display: table;
}

.table-implement>div {
  display: table-cell;
}

.table-row {
  display: table-row;
}

/* Content tab or nav Set here */

.rTable.content-nav-tbl {
  table-layout: auto;
  border-collapse: collapse;
  text-align: center;
  margin-bottom: 0px;
  border-top-width: 0px;
  font-weight: 400;
  border-right: 0px;
  width: 100%;
}

@media (max-width: 1100px) {
  .rTable.content-nav-tbl .rTableRow>.rTableCell {
      min-width: 90px !important;
  }

  .rTable.content-nav-tbl .rTableRow>.rTableCell:last-child {
      width: 103px;
  }
}

.rTable.content-nav-tbl .lecture-control .tilder {
  bottom: 4px;
}

.rTable.content-nav-tbl .select-all-style label {
  color: #096cbf;
  font-size: 13px !important;
}

.rTable.content-nav-tbl .select-all-style:hover label {
  color: #096cbf;
  text-decoration: underline;
}

.rTableCell.selectall-width {
  min-width: 70px !important;
  width: 140px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell {
  min-height: 45px;
  vertical-align: middle;
  padding: 0px 0px;
  font-size: 13px;
  border-top-width: 0px;
  height: 0px;
  position: relative;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell:after {
  content: "";
  position: absolute;
  width: 1px;
  background: #ececec;
  top: 7px;
  height: 30px;
  right: 0px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell:last-of-type:after {
  content: unset;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell:last-child {
  border-left: 0px;
  width: 130px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell label {
  font-size: 14px;
  cursor: pointer;
  padding: 14px 0 13px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell input.form-control {
  padding: 11px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown {
  height: 100%;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown a {
  color: #2e3e4e;
  white-space: nowrap !important;
  padding: 10px 15px;
  text-transform: capitalize;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown a.dropdown-toggle {
  padding-bottom: 9px;
  padding-top: 11px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul {
  background: #fff;
  border-radius: 0px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-top: -2px;
  box-shadow: 0 2px 2px 0px #00000047;
  padding: 0px;
  margin: 0px;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul li {
  position: relative;
}

.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul li:after {
  content: "";
  height: 1px;
  width: 90%;
  position: absolute;
  background: #f5f5f5;
  right: 0px;
  left: 0px;
  margin: 0 auto;
}

.borderleft-none {
  border-left: none !important;
}

.no-nav-style .rTable.content-nav-tbl {
  border: 0px;
}

.no-nav-style .rTable.content-nav-tbl .input-group-addon {
  border-left: 0px;
}

.no-nav-style .rTable.content-nav-tbl .rTableRow>.rTableCell {
  border-left: 0px;
}

.table-view {
  display: table;
}

.table-view .table-cell {
  display: table-cell;
  vertical-align: middle;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background: #9e9e9e;
  border: 0px solid #fff;
}

/* a all hover color */

/*start*/
.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul>li>a:hover,
.rTable.content-nav-tbl .rTableRow>.rTableCell.dropdown ul>li>a:active {
  color: #fff;
}

/* end */

.cert_sett {
  font-style: italic;
  margin-left: 15px;
}

/* TABLE LIKE STYLE FOR DIV LIKE ELEMENT */
.rTable {
  display: table;
}

.rTable .rTableRow {
  display: table-row;
}

.rTable .rTableRow .rTableCell {
  display: table-cell;
}

/*=======================================*/

/* TABLE LIKE STYLE FOR DIV LIKE ELEMENT */
/* .card-prieview WRAP*/
.card-prieview {
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

.card-prieview .heart-icon {
  position: absolute;
  color: #3c5a77;
  top: 15px;
  right: 15px;
  text-shadow: -2px 0 rgba(255, 255, 255, 0.4), 0 2px rgba(255, 255, 255, 0.4),
      2px 0px rgba(255, 255, 255, 0.4), 0 -2px rgba(255, 255, 255, 0.4);
}

.card-prieview .img-chng {
  background: #2f97e6;
  padding: 15px;
  position: relative;
}

.card-prieview .img-chng:hover {
  cursor: pointer;
}

.card-prieview .img-chng:hover .pos-abs {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.card-prieview .img-chng .img-icon-holder {
  margin: auto;
  height: 125px;
  width: 125px;
  background: #0970bf;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
}

.card-prieview .img-chng .img-icon-holder i {
  line-height: 125px;
  font-size: 85px;
}

.card-prieview .img-chng button.pos-abs {
  position: absolute;
  left: calc(50% - 65px);
  top: calc(50% - 18px);
  margin: 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
}

.card-prieview .img-content {
  background: #fff;
  padding: 20px;
  color: #353535;
}

.card-prieview .img-content h4 {
  font-weight: 500;
  font-size: 16px;
}

.card-prieview .img-content a.link-style {
  text-decoration: underline;
}

.card-prieview .img-content .add-teach {
  font-style: italic;
}

.card-prieview .img-content i.icon {
  margin: 0px;
}

.card-prieview .img-content i.star-active {
  color: #d94d38;
}

.card-prieview .img-content span[class*="price"] {
  font-size: 14px;
}

.card-prieview .img-content .price {
  font-weight: 500;
  color: #52a74e;
}

.card-prieview .img-content .price-bold {
  padding-right: 6px;
  color: #92a1a2;
  position: relative;
}

.card-prieview .img-content .price-bold.strike-txt:after {
  content: " ";
  width: 86%;
  position: absolute;
  left: 0;
  border-top: 1px solid #92a1a2;
  top: 50%;
}

.note {
  margin-top: 15px;
}

.note p {
  margin-bottom: 5px;
}

/* Video player button */

.video-player {
  height: 265px;
  max-width: 389px;
  text-align: center;
  background: #232323;
  cursor: pointer;
}

.video-player i.icon {
  font-size: 45px;
  color: #d94d38;
  line-height: 265px;
}

/* Box Display */

.dsp-box {
  display: block;
  height: 80px;
  width: 80px;
  border: 4px solid #fff;
  background: #e8e8e8;
  text-align: center;
  color: #959595;
  font-size: 40px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  margin-top: 10px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

.dsp-box.blue-box {
  height: 65px;
  width: 65px;
  border: 2px solid #3b4a59;
}

.dsp-box span {
  display: inline-block;
  line-height: 60px;
  text-align: center;
  font-variant: normal;
}

/* Course content status */

h4.course-head {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #a7aaae;
  padding: 10px 0 5px;
}

.course-status-cont {
  width: 100%;
  text-align: center;
  padding-left: 10px;
  font-weight: 500;
  /* Media query below min width */
}

.course-status-cont .rTableCell {
  min-width: 100px;
}

.course-status-cont .big-head {
  font-size: 30px;
  color: #04985b;
}

.course-status-cont p {
  font-size: 14px;
  color: #a2a2a2;
}

@media (max-width: 999px) {
  .course-status-cont .big-head {
      font-size: 28px;
  }

  .course-status-cont .rTableCell {
      min-width: 88px;
  }
}

/* div-list-style */

/*course training*/

.list-style-wrap {
  padding-left: 10px;
  padding-right: 15px;
  width: 100%;
}

.list-style-wrap.no-border .list-style-div {
  border-bottom: 0px;
}

.list-style-div {
  width: 100%;
  padding: 10px 0px;
  border-bottom: 1px solid #e1e1e1;
}

.list-style-div>.btn {
  top: -5px;
}

.list-style-div>span {
  font-style: italic;
  font-size: 15px;
}

.list-style-div .col-sm-8 {
  padding-top: 8px;
}

.list-style-div .date-wdth-fxd {
  min-width: 100px;
  display: inline-block;
}

/* Right style for training style */

.right-wrap.white-bg {
  background: #fafafa;
}

.right-wrap .heading-right {
  border-bottom: 1px solid #a7aaae;
}

.right-wrap .heading-right h4 {
  font-size: 16px;
  font-weight: 500;
}

.right-wrap .right-cont-style span {
  display: inline-block;
}

.right-wrap .right-cont-style .box-style {
  width: 40px;
  height: 40px;
  border: 2px solid #3b4a59;
  background: #e8e8e8;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.right-wrap .right-cont-style .user-date {
  vertical-align: top;
  padding-left: 15px;
}

.right-wrap .right-cont-style .user-date .user {
  font-weight: 500;
}

.right-wrap .right-cont-style .user-date .date {
  font-size: 13px;
  font-style: italic;
  color: #949494;
}

.right-wrap .right-cont-style>div {
  padding-top: 15px;
}

.right-wrap .right-cont-style .right-group-wrap {
  border-bottom: 1px solid #a7aaae;
  padding-bottom: 15px;
  padding-top: 15px;
}

.right-wrap .right-cont-style .content-text {
  color: #656565;
  font-size: 13px;
}

.right-wrap .right-cont-style a.link-style {
  color: #0354b9;
  font-weight: 500;
  font-style: italic;
}

.right-wrap>.nav-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.right-wrap>.nav-content .content-nav-tbl {
  border-left: 0px;
}

.right-wrap>.nav-content .rTableRow>.rTableCell:first-child {
  border-left: 0px;
}

.right-wrap>.nav-content .rTableRow>.rTableCell:last-child {
  width: initial !important;
  border-left: 1px solid #bcbcbc;
}

.right-wrap>.nav-content .rTableRow>.rTableCell.width-init {
  width: initial !important;
}

/* Filter Align Settings */

.custom-bulk-ui {
  height: 45px;
}

.custom-bulk-ui .dropdown-tigger {
  display: flex;
  align-items: center;
  margin-top: 5px;
  padding: 0px 7px;
}

.custom-bulk-ui.open .dropdown-tigger {
  border: 1px solid #dadada;
}

.custom-bulk-ui .dropdown-menu {
  margin: -5px 0px 0px 0px !important;
  padding: 0px;
  border: 1px solid #dadada;
}

.custom-bulk-ui .dropdown-menu>ul li {
  padding: 8px 10px;
}

/* Droodown customization*/
.rTableRow .td-dropdown .dropdown-menu {
  margin: 0px !important;
  padding: 0px;
  overflow: hidden;
}

.rTableRow .td-dropdown .dropdown-menu li>a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.rTableRow .td-dropdown .tilder {
  display: none !important;
}

/* Filter Align Settings ends */

/* Button box switch */

/*=====================*/

.padding-right55 {
  padding-right: 55px;
}

.btn.box-switch {
  border-radius: 0px !important;
  position: relative;
  padding-left: 12px;
  padding-right: 10px;
}

/* Progress Bar Settings */

/*+======================*/

.cent-algn-txt {
  text-align: center;
  padding: 5px 0px;
}

.progress {
  margin-bottom: 0px;
}

.progress.sml-progress {
  border: 0px;
  height: 6px;
  box-shadow: none;
  background-color: #e8e8e8;
  text-align: center;
}

.progress.sml-progress .progress-bar {
  background-color: #00cc3f;
}

.button-padR .btn {
  margin-right: 5px;
}

.font-20 {
  font-size: 20px !important;
}

/* Star rating pyramid style */

.star-pyramid {
  width: 200px;
}

.star-pyramid p {
  margin-bottom: 0px;
}

/*enroll modal*/
.filter-content-align {
  padding-top: 40px;
}

#enroll-student {
  top: 70px;
}

#enroll-student .modal-body {
  padding: 0px;
}

.enroll-filter-wrap {
  min-height: 380px;
  width: 100%;
}

#enroll-student .align-bottom {
  position: fixed;
  bottom: 10px;
  width: 400px;
}

#enroll-student .align-filter-col {
  display: inline-table;
  width: 400px;
}

#enroll-student .custom-width {
  width: 400px;
}

#enroll-student .rTableCell.searchbar-width {
  width: 270px;
  border-left: #bcbcbc 1px solid;
}

#enroll-student .filter-maxheight {
  max-height: 320px;
  overflow-y: scroll;
}

#enroll-student .modal-content .close {
  top: 7px;
}

.no-batch-alert {
  position: fixed;
  left: 95px;
  text-align: center;
  top: 245px;
  width: calc(100% - 120px);
}

/*enrol modal ends*/

/*enroll batch modal*/
#enroll-batch {
  top: 70px;
}

#enroll-batch .modal-body {
  padding: 0px;
}

.batch-user {
  font-size: 16px;
  color: #9c9c9c;
  text-align: center;
  font-style: italic;
  padding-top: 80px;
}

.enroll-filter-wrap {
  min-height: 380px;
  width: 100%;
}

#enroll-batch .align-bottom {
  position: fixed;
  bottom: 10px;
  width: 400px;
}

#enroll-batch .align-filter-col {
  display: inline-table;
  width: 400px;
}

#enroll-batch .custom-width {
  width: 400px;
}

#enroll-batch .rTableCell.searchbar-width {
  width: 270px;
  border-left: #bcbcbc 1px solid;
}

#enroll-batch .filter-maxheight {
  max-height: 310px;
  overflow-y: scroll;
}

#enroll-batch .modal-content .close {
  top: 7px;
}

/*enrol batch modal ends*/

/* POPUP MODAL INSIDE BOX */
.inside-box {
  padding: 15px;
  background: #fff;
  border: 1px solid #a7aaae;
  border-radius: 3px;
  overflow-y: auto;
  max-height: 350px;
}

.inside-box .checkbox-wrap {
  padding: 5px 31px;
}

.right-listings .wrap-listing {
  border-bottom: 1px solid #a7aaae;
  padding: 10px 0px;
}

.right-listings .wrap-listing a {
  color: #2e3e4e;
}

/* Dark Green Color here */

/*=====================*/
.text-green.drk-colr {
  color: #258544 !important;
}

/*=====================*/

/* Dark Green Color here */

/* Course Details also added */
#course_details h4 {
  font-size: 20px;
  text-overflow: ellipsis;
  max-width: calc(100% - 103px);
  overflow: hidden;
  white-space: nowrap;
}

#course_details .badge {
  margin-top: 10px;
  margin-left: 10px;
}

#course_details .dropdown-tigger.top-bar-btn {
  font-size: 15px;
}

/* Styling Tilder for Crunch */
.tilder {
  width: calc(100% - 2px);
  left: 1px;
}

/* Ellipsis Style added here */

.ellipsis-hidden .ellipsis-style {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-style: italic;
  font-weight: 500;
}

.ellipsis-hidden.wrap-mail {
  max-width: calc (100% - 110px);
}

.ellipsis-hidden.wrap-mail .ellipsis-style {
  font-style: normal;
  font-weight: normal;
}

label.manage-stud-list {
  display: unset !important;
}

.manage-stud-list .list-user-name {
  width: 69%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 18px;
  vertical-align: text-bottom;
  cursor: pointer;
  text-transform: capitalize;
}

.list-institute-code,
.list-register-number {
  width: 20%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
}

.manage-stud-listwrapper {
  width: 95%;
}

/* RIBBON STYLE ADDED */

/*##################*/

.ribbon-dark-green {
  background-image: -webkit-linear-gradient(left, #055935 0%, #3e8063 100%);
  background-image: -o-linear-gradient(left, #055935 0%, #3e8063 100%);
  background-image: linear-gradient(to right, #055935 0%, #3e8063 100%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff055935', endColorstr='#ff3e8063', GradientType=1);
  padding: 0px 10px;
  display: inline-block;
  position: absolute;
  color: #fff;
  bottom: 0px;
  left: 0px;
  height: 20px;
  /* After element added automaticaly */
}

.ribbon-dark-green:after {
  content: "";
  left: 100%;
  top: 0px;
  border: 10px solid #3e8063;
  border-right-color: transparent;
  border-left-width: 5px;
  position: absolute;
}

.img-content {
  position: relative;
}

.img-content .ribbon-light-green {
  background-image: -webkit-linear-gradient(left, #03a65c 0%, #44bd86 100%);
  background-image: -o-linear-gradient(left, #03a65c 0%, #44bd86 100%);
  background-image: linear-gradient(to right, #03a65c 0%, #44bd86 100%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff03a65c', endColorstr='#ff44bd86', GradientType=1);
  padding: 2px 15px 0px 10px;
  display: inline-block;
  position: absolute;
  color: #fff;
  top: 0px;
  left: 0px;
  height: 24px;
  /* After element added automaticaly */
}

.img-content .ribbon-light-green:after {
  content: "";
  left: 100%;
  top: 0px;
  border: 12px solid #44bd86;
  border-right-color: transparent;
  border-left-width: 6px;
  position: absolute;
}

/* Modal Full Screen */

/*START*/
.modal-full.modal {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.modal-full.modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
}

.modal-full.modal .modal-dialog .modal-content {
  height: 100%;
  overflow-y: auto;
}

/*END*/

.form-control.tokenize-sample {
  padding: 0;
  box-shadow: none;
  border: 0px;
}

.form-control.tokenize-sample .TokensContainer {
  min-height: 500px;
}

.form-control.min-430 {
  min-height: 430px;
}

.inviteuser-minheight {
  min-height: 150px !important;
}

/* modal box send message */

/* Online Test Pages START*/
.option-wrap>div[class*="col-sm-"] {
  padding-bottom: 10px;
}

.option-wrap .option-element .remove-cross {
  position: absolute;
  height: 100%;
  width: 38px;
  right: 0px;
  top: 0px;
  z-index: 100;
  font-size: 22px;
  font-weight: bold;
  color: #f00;
  line-height: 38px;
  border-left: 1px solid #bcbcbc;
  padding-left: 4px;
  visibility: hidden;
  cursor: pointer;
}

.option-wrap .option-element:hover .remove-cross {
  visibility: visible;
}

/* ACCORDIAN */

.test-accord .panel-heading {
  border: 0px;
  background-color: initial;
  padding-right: 0;
  padding-left: 0;
}

.test-accord .panel {
  border: 0px;
  background: initial;
  box-shadow: none;
}

.test-accord .panel-body {
  border-top: 0px !important;
  padding-right: 0;
  padding-left: 0;
}

/* Online Test Pages END*/

/* NEXT and PREVIOUS BUTTON --- START */
.nxt {
  padding-left: 10px;
}

.prev {
  padding-right: 10px;
}

.table-data-bdr {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.table-data-bdr .rTableCell {
  vertical-align: middle;
}

.table-data-bdr.dark {
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}

.table-data-bdr .pad-vert {
  padding-top: 5px;
  padding-bottom: 5px;
}

.user-slide h2 {
  margin-top: 16px;
}

.user-slide a {
  color: #2e3e4e;
}

.img.icon-wrap-round {
  padding: 0;
}

.img.icon-wrap-round img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
}

.line-h36 {
  line-height: 36px;
}

.question-cont {
  padding-left: 30px;
}

.question-cont .single-pad-left {
  padding-left: 10px;
}

.question-cont .quest-descr {
  padding-top: 20px;
  padding-left: 40px;
}

.question-cont .choice-question {
  padding-top: 10px;
}

.question-cont .choice-question .rTableCell {
  padding: 10px;
}

.question-cont .choice-question textarea.form-control {
  height: 85px;
}

.result-sec {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.result-sec select.dsp-inline {
  width: 60px;
}

.result-sec.explan-qst {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* MODAL BOX */
#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
  z-index: 9999 !important;
}

/*DROPDOWN MENU*/
.redactor-air,
.redactor-dropdown {
  z-index: 999999 !important;
}

.redactor-modal-box {
  z-index: 99999 !important;
}

/* Table border bottom */
.table-with-border .rTableRow .rTableCell {
  border-bottom: 1px solid #e1e1e1;
  padding: 3px 0px;
}

.view-report-tbl .rTableCell:first-child {
  width: 210px;
}

.view-report-tbl .rTableCell:nth-of-type(2) {
  width: 150px;
}

/*##############################*/

.pos-abslt {
  position: absolute;
  top: 0px !important;
}

.pos-unset {
  position: unset !important;
}

.width-100p {
  width: 100%;
}

.wrap-left-grp {
  height: 100%;
  border-right: 1px solid #a7aaae;
}

.wrap-left-grp.open-grp {
  width: 100%;
}

.create-group-wrap {
  position: relative;
}

.create-group-wrap .group-content {
  top: 45px;
  height: 100%;
}

.create-group-wrap .group-content .active-table .active-arrow {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  position: absolute;
  background: #fff;
  width: 20px;
  height: 20px;
  border: 1px solid #a7aaae;
  top: 27px;
  left: 100%;
}

.create-group-wrap .cr-group-rt {
  background: #fff;
  height: 100%;
}

.create-group-wrap {
  position: fixed;
  width: calc(100% - 66px);
}

/* Making the create group fixed */
.course-container {
  height: 100%;
}

.course-container>section.content-wrap {
  display: flex;
  flex-direction: column;
}

.cr-group-rt .lecture-control {
  margin-top: 8px !important;
}

.grp-click-fn {
  cursor: pointer;
}

/*CREATE GROUP*/
.only-course .rTableRow .rTableCell:first-child {
  max-width: 350px;
}

.only-course .rTableRow .rTableCell:first-child.ellipsis-hidden .ellipsis-style {
  font-style: normal;
  font-weight: normal;
}

#deleteSection .icon-attention-alt {
  font-size: 50px;
  padding: 0px 0px 15px;
  color: #ff6c00;
}

.overflow100-wrap {
  height: 100%;
  position: relative;
}

.overflow100-wrap .overflow100 {
  height: 100%;
  overflow-y: auto;
  position: relative;
}

.rel-top50 {
  position: relative;
  top: 50px;
}

.custom-center-update {
  top: 80px !important;
  left: 250px !important;
  padding: 0px !important;
  width: calc(100% - 500px);
  margin: 0px !important;
}

.custom-left-update {
  top: 80px !important;
  width: 250px !important;
  height: 100% !important;
  background: #e8e8e8;
  border: none;
}

@media (max-width: 1024px) {
  .custom-left-update {
      display: none;
  }

  .custom-center-update {
      top: 80px !important;
      left: 250px !important;
      padding: 0px !important;
      width: calc(100% - 250px);
      margin: 0px !important;
  }

  .srch-filter-wrapper {
      position: absolute;
      top: 44px;
      left: 0;
  }

  .selected_user_count {
      display: none;
  }

  .rTableCell.selectall-width {
      min-width: 70px !important;
      width: 70px;
  }

  .slct-all-text {
      display: none;
  }

  .rTable.selectall-width {
      min-width: 60px !important;
  }

  a.select-all-style {
      padding-left: 25px;
  }

  .rTableCell.srch-filter-wrapper {
      border-left: none !important;
  }

  .batch-name-ellipsis {
      width: 180px !important;
  }
}

@media (min-width: 1024px) {
  .course-filter {
      padding: 0px;
      background: #fff;
      text-align: center;
      border: 1px solid #bdbdbd;
      margin: 5px;
      width: auto;
  }
}

.inside-box .container-fluid.nav-content {
  left: -1px;
  box-shadow: none;
  border: 0px;
}

.pointer {
  cursor: pointer;
}

.normal-tbl .rTableRow .rTableCell:last-child {
  width: initial !important;
  border-left: 1px solid #a7aaae !important;
}

.section-control,
.lecture-control {
  margin: 10px 8px 0px 0px;
}

.sectiontitle-dropalign {
  margin: 15px 8px 0px 0px;
}

.dash-progrs-wrap {
  padding: 20px;
}

.dash-progrs-wrap .diagram {
  margin: auto;
  font-weight: 500;
}

.dash-progrs-wrap .diagram span:first-child {
  line-height: 140px !important;
}

.dash-progrs-wrap .pad20 {
  padding-bottom: 20px;
}

.dash-progrs-wrap .text-wrap-center {
  text-align: center;
  color: #989999;
  font-weight: 500;
  padding: 10px;
}

select {
  background: transparent url("../images/icon-arrow-down.png") !important;
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: 98% 50% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  cursor: pointer;
  padding-right: 35px;
}

label {
  text-transform: initial;
}

.active-section,
.Inactive-section {
  font-weight: 500;
}

.active-section {
  position: relative;
}

.active-section .ap_cont {
  position: relative;
  top: -2px;
  font-size: 13px;
}

.active-section .ap_cont.font-normal {
  font-weight: 500;
}

.ellipsis-style.no-style {
  font-weight: normal;
  font-style: normal;
}

.prfle-tble {
  padding-bottom: 10px;
}

.table {
  margin-bottom: 10px;
}

.prfle-suspend,
.prfle-delte {
  line-height: 1.9em;
}

.profile-wrap .profile-container .profile-box-layouts p {
  padding-top: 7px;
}

.btn.bck-btn {
  min-width: 80px;
  padding-right: 14px;
}

.mrgin-rightM30 {
  margin-right: -30px;
}

.font15 .icon-cancel-1 {
  font-size: 22px;
}

.font-normal {
  font-style: normal;
}

label {
  font-size: 14px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .modal-dialog.modal-small {
      width: 565px;
      top: 70px;
  }
}

.ap_cont.chk-box {
  position: relative;
  top: -3px;
}

.mar-top20 {
  margin-top: 20px;
}

.form-group .checkbox {
  margin-top: 18px;
}

#activate .modal-body p,
#deleteSection .modal-body p,
#Deactivate .modal-body p,
#publish-course .modal-body p {
  font-size: 18px;
}

#activate .modal-body b,
#deleteSection .modal-body b,
#Deactivate .modal-body b,
#publish-course .modal-body b {
  font-weight: bold;
  margin-bottom: 16px;
  margin-top: 6px;
  display: inline-block;
}

/* Activate Section Modal Box */
.active-popup .form-group {
  padding-top: 20px;
}

.right_block {
  transition: right cubic-bezier(0.13, 0.75, 0.41, 0.92) 0.4s;
}

.form-error ul li {
  display: none;
}

.form-error ul li:first-child {
  display: block;
}

.form-error {
  text-align: center;
}

.builder-right-inner .right-top-header {
  line-height: 1.7em;
}

.form-group .input-group-addon {
  font-weight: 500;
}

.modal-dialog input.form-control,
.modal-dialog select.form-control,
.modal-dialog textarea.form-control {
  font-weight: normal;
}

.modal-dialog label {
  text-transform: initial;
}

.right.chrds-email .rTableRow .rTableCell {
  padding: 15px 0px;
}

.inside-box {
  font-weight: normal;
}

.inside-box label {
  cursor: pointer;
  font-weight: normal;
  text-transform: capitalize;
}

.builder-left-inner {
  height: 100%;
  width: 40%;
  padding: 0px;
  float: right;
  background: #eaeaea;
  box-sizing: border-box;
  min-height: 682px;
}

.cr-grp-btn .btn {
  margin-right: 0px;
}

.new-style.dsp-box.blue-box {
  height: 56px;
  width: 56px;
  vertical-align: middle;
  position: relative;
}

.new-style.dsp-box.blue-box span {
  line-height: 0px;
  font-weight: normal;
  vertical-align: initial;
  position: relative;
  top: -4px;
}

@media (max-width: 1169px) {
  .buldr-header .rite-side .btn {
      font-size: 11px;
      margin-right: 0px;
      height: 30px;
      line-height: 30px;
      min-width: auto;
      margin: 3px;
  }
}

.right-top-header {
  color: #425263 !important;
  padding: 10px 15px 0px 15px;
}

.header-notification {
  letter-spacing: -1px;
  color: #425263 !important;
}

.datepickers-container {
  z-index: 2025;
}

.correct-lbl .mb10 {
  white-space: nowrap;
}

.wrap-fix-course .pos-inhrt {
  position: inherit;
}

.wrap-fix-course .pos-inhrt span[class*="spn-"] {
  position: absolute;
  right: 68px;
}

.wrap-fix-course .width70 {
  width: 70px;
}

.prfle-tble p[class*="prfle-"] {
  text-align: center;
}

.discussion-container.listing-discuss .col-sm-12 {
  padding-top: 5px;
}

.discussion-container.listing-discuss .col-sm-12:last-child .right-group-wrap:last-child {
  padding-top: 20px;
}

.discussion-container.listing-discuss .right-group-wrap {
  padding-top: 10px;
}

@media (max-width: 1120px) {
  .buldr-header {
      padding-bottom: 25px;
  }
}

/*=========================*/

.plus-ico {
  height: 22px;
  width: 22px;
  font-size: 25px;
  display: inline-block;
  padding: 3px;
  font-weight: bold;
  line-height: 13px;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  background: #fefefe;
  color: #3b4a59;
  vertical-align: middle;
  text-align: center;
}

.ico-line {
  display: inline-block;
  position: relative;
  top: 2px;
}

.pointer-cursor {
  cursor: pointer;
}

.pointer-cursor.div-style {
  display: inline-block;
  width: 100%;
}

.pointer-cursor span small {
  font-size: 13px;
}

.pointer-cursor span.sm-txt {
  font-size: 13px;
}

/*=========================*/
/* Plus icon special place */

/*USER PROFILE PAGE */

/*==================*/

.profile-box-layouts span[class*="col-xs-"] {
  text-align: center;
}

.profile-box-layouts span[class*="col-xs-"] .wrap-text {
  max-width: 65px;
  margin: auto;
  padding-bottom: 10px;
  background: #f5f5f5;
}

.profile-box-layouts span[class*="col-xs-"] i {
  margin-top: 5px;
  display: inline-block;
}

.profile-box-layouts span[class*="col-xs-"] img {
  margin: auto;
  margin-top: 10px;
}

.profile-wrap .profile-container .profile-box-layouts {
  min-height: 228px;
}

@media (max-width: 1100px) {
  .modal-dialog .rTable.content-nav-tbl .rTableRow>.rTableCell:last-child {
      width: initial !important;
  }
}

/*USER PROFILE PAGE */

/* THIS IS FOR MODAL SECTION */
/* You can wrap this with another class if popup breaks */
.padd-r20 .modal-body {
  padding: 15px 20px;
}

.padd-r20 .modal-footer {
  padding: 15px 20px;
}

.padd-r20 .modal-header {
  padding: 15px 20px;
}

/*=====================*/
/* THIS IS FOR MODAL SECTION */

/* Aliging BACK AND CANCEL BUTTON AS PER REFERENCE IMAGE*/
.buldr-header {
  padding-left: 0px;
  padding-right: 0px;
}

/*=============*/

/*END*/

/*COURSECONTENT-BUILDER.HTML*/

/*=======================*/
.training-content-type-holder {
  overflow: auto;
}

.help-intro {
  position: relative;
  bottom: 0px;
}

/*==============*/

/* Button adjustment for EVALUATE OPTION BUTTON */

/*=======================*/

/*START*/
.ev-btn-adjustment div[class*="col-sm-11"] {
  padding-top: 5px;
}

.ev-btn-adjustment div[class*="col-sm-11"] div:last-child {
  margin-top: -5px;
}

.profile-wrap .profile-container .profile-box-layouts h4,
.right-wrap .heading-right h4,
h4.course-head,
.right-wrap h4.pad-top18 {
  font-size: 15px;
}

.question-cont div:first-child {
  padding-left: 0px;
}

/*=======================*/
/*END*/

.bottom-line {
  padding-bottom: 5px;
  border-bottom: 1px solid #d4d4d4;
}

.padder {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
}

.active-section {
  height: 40px;
}

.Inactive-section {
  height: 40px;
}

.dashboard-liveclass {
  overflow: hidden;
  height: 285px;
}

.question-type {
  color: #9e9e9e;
  font-style: italic;
  font-size: 12px;
}

/* css for discussions section in dashboard starts here */
.dashboard-discussions {
  overflow: hidden;
  height: 285px;
}

.dashboard-discussions h4 {
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #a7aaae;
  padding: 10px 0 5px;
}

.dashboard-discussions .user {
  font-weight: 500;
}

.dashboard-discussions .content-text {
  color: #656565;
  font-size: 13px;
}

.dashboard-discussions .right-group-wrap {
  border-bottom: 1px solid #a7aaae;
  padding-bottom: 15px;
  padding-top: 15px;
}

.dashboard-discussions a.link-style {
  color: #0354b9 !important;
  font-weight: 500;
  font-style: italic;
}

/* css for discussions section in dashboard ends here */

/* css for faculty starts here */
.faculty-link {
  text-transform: capitalize;
}

.teacher-bg {
  background: #fdfdfd;
}

.teacher-bg .delte {
  font-size: 24px !important;
}

.teacher-bg .tableRow .no-border {
  border-top: 0px !important;
}

.faculty .slimScrollDiv {
  width: 100% !important;
  float: left !important;
  height: calc(100% - 420px) !important;
}

.faculty .pattern-bg {
  background: transparent url("../images/pattern.jpg");
  background-repeat: repeat;
}

.faculty .small-head {
  font-weight: 500;
  padding-top: 20px;
  font-size: 15px;
}

.faculty .custom-head {
  font-weight: 500;
  font-size: 15px;
}

.faculty .content-text {
  color: #656565;
  font-size: 15px;
  padding-top: 10px;
}

.faculty .icon-wrap-round {
  height: 80px;
  width: 80px;
  margin: 20px auto;
  display: block;
}

.faculty h1 {
  color: #434343;
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
}

.faculty .faculty-img {
  width: 150px;
}

.faculty .upload-prieview .teacher-pic {
  width: 150px !important;
}

.faculty .teacher-wrap img {
  margin-top: 0px !important;
}

.faculty .faculty-info {
  width: calc(100% - 210px);
  padding-bottom: 15px;
}

.faculty .faculty-qualification {
  color: #434343;
  font-size: 15px;
  padding-bottom: 10px;
}

.faculty .line {
  border-bottom: 1px solid #bdbfc2;
  height: 1px;
  margin-bottom: 10px;
}

.faculty .icon-rounder {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  height: 40px;
  width: 40px;
  display: inline-block;
  padding: 5px;
  background: #33b565;
}

.faculty .no-border {
  border: none !important;
}

.faculty .icon-graduation-cap {
  font-size: 21px !important;
  position: relative;
  left: -2px;
  top: 6px;
}

.faculty .cours-fix {
  padding-bottom: 6px !important;
  padding-top: 6px !important;
}

.faculty ul.faculty-specs li {
  padding: 6px 0px;
}

.faculty ul.teacher-specs {
  padding-left: 5px;
  padding-bottom: 10px;
}

.faculty ul.teacher-specs li {
  padding: 6px 0px;
}

.custom-faculty-profile {
  position: relative;
}

.custom-faculty-profile-btn {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  margin: 0 auto;
  font-size: 12px !important;
  display: none !important;
}

.custom-faculty-profile:hover .custom-faculty-profile-btn {
  display: block !important;
}

/*updated on 09-08-2018*/

.addcourse-table {
  width: 100%;
  position: relative;
  z-index: 99;
  top: 32px;
  background: #fff;
}

.addcourse-table tr td {
  text-align: center;
  border-left: 1px solid #a7aaae;
  border-bottom: 1px solid #a7aaae;
  padding: 11px 0 0 0;
}

.addcourse-table .course-name {
  width: 70%;
}

/*ends*/
.role-edit-btn {
  margin: 5px 10px;
  float: right;
}

.role-table-align {
  position: relative;
  top: 135px;
}

.sub-module-row .role-name {
  padding: 18px 20px 0 0px;
  text-align: right;
  color: #0059b2;
  border-top-color: #ececec;
}

.sub-module-row .align-check .checkbox {
  position: relative;
  top: 8px;
}

.align-check {
  border-bottom: 1px solid #ececec;
}

.custom-field {
  width: 57% !important;
}

.addbtn {
  position: relative;
  top: -2px;
}

.faculty-left-wrap {
  height: 100%;
  padding: 20px 15px;
}

/* css for faculty ends here */

/* css for strength report starts here */
.progress-box {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  align-items: center;
}

.progress-box .progress-left {
  width: 50px;
  text-align: center;
}

.progress-box .progress-right {
  width: 50px;
  text-align: center;
}

.progress-box .progress.strength-progress {
  width: calc(100% - 100px);
  border-radius: 10px;
  height: 12px;
  background-color: #ff6000;
}

.progress-box .progress.strength-progress .progress-bar {
  background-color: #09bf63;
}

/* css for strength report ends here */

.table.course-cont.list-cont {
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table.course-cont.list-cont .list-row {
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  padding: 8px 10px 2px 15px;
}

.table.course-cont.list-cont .list-row.active {
  background: #fff;
}

.table.course-cont.list-cont .list-row .list-col {
  width: 100%;
  display: inline-block;
}

.table.course-cont.list-cont .list-row .list-col .icon {
  font-size: 17px;
}

.table.course-cont.list-cont .list-row .list-arrow {
  right: 0px;
  display: inline-block;
}

.table.course-cont.list-cont .list-row .list-arrow .active-arrow {
  right: -5px !important;
}

.table.course-cont.list-cont .rTableRow {
  display: block;
}

.table.course-cont.list-cont .rTableRow .rTableCell {
  display: block;
}

.table.course-cont.list-cont .rTableRow .rTableCell .wrap-mail {
  display: block;
}

/* css for course review starts  here */

.discussion-container.course-cont-wrap .content-text {
  padding-top: 0px !important;
}

.discussion-container.course-cont-wrap .lecture-control {
  margin-top: 0px !important;
}

.user-act-wrap {
  width: 130px;
  padding-top: 0px;
}

.btn-trans {
  min-width: 50px !important;
  background: transparent !important;
  border: 0px !important;
  outline-offset: 0px !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  position: absolute !important;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  font-size: 22px !important;
}

.thumb-btn {
  cursor: pointer;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute !important;
  top: 0px !important;
  width: 100%;
  z-index: 2;
  overflow: hidden;
}

.img-chng {
  overflow: hidden !important;
}

.upload-box .btn-trans {
  display: none;
}

.upload-box:hover .btn-trans {
  display: block;
}

.upload-box img {
  width: 52px;
  height: 52px;
  position: absolute;
  top: 0px;
  object-fit: cover;
  left: 0px;
}

.upload-box .upload-preview,
.upload-box .img-chng {
  height: 52px;
}

.pr20 {
  padding-right: 20px;
}

/* css for course review ends  here */
.max-modal {
  max-width: 1000px;
  margin: 0px auto;
}

.max-modal .modal-footer {
  padding-bottom: 0px;
}

.right-content {
  overflow: hidden;
  float: right;
  background: #fff;
  width: calc(50% - 33px);
  height: calc(100% - 95px);
  position: fixed;
  right: 0px;
  top: 95px;
  border-left: solid 1px #a7aaae;
}

.right-content .width-130p {
  top: 130px;
  padding-left: 0px;
}

.right-content .width-130p .select-all-style {
  padding-left: 15px;
}

.right-content.faculty-right-content {
  height: calc(100% - 135px);
  top: 135px;
}

.right-content .right-box {
  height: 100%;
  position: relative;
}

.right-content .right-box .rel-top80 {
  top: 80px;
}

.right-content .right-box.list-bx {
  background: #f6f8fa;
}

.right-content .right-box.list-bx .assignment-image {
  height: 150px;
}

.right-content .right-box.list-bx .assignment-image .assignment-img.icon-wrap-round {
  height: 90px;
  width: 90px;
  display: block;
  margin: 20px auto 5px auto;
}

.right-content .right-box.list-bx .assignment-image h3 {
  font-size: 16px;
  text-align: center;
  margin-top: 0px;
  font-weight: 500;
}

.right-content .right-box.list-bx .topic-name {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 2px;
}

.right-content.list-right {
  width: calc(75% - 50px);
}

.right-content.discussion-right {
  top: 275px !important;
  height: calc(100% - 275px) !important;
}

.custom-admin-right-wrap {
  background: #f2f2f2;
}

.left-warp-minheight {
  min-height: calc(100vh - 140px);
}

ul.top-rite-materals {
  width: 100%;
}

ul.top-rite-materals li {
  float: left;
}

.settings-left-wrap {
  height: 100%;
}

.settings-left-wrap .width-130p.nav-content {
  top: 130px;
}

.settings-left-wrap .course-cont-wrap {
  top: 0px;
  padding-top: 5px;
}

.settings-left-wrap .course-cont-wrap.no-overflow {
  overflow-x: hidden;
}

.settings-left-wrap .active-arrow {
  right: -25px !important;
  border: none !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 17px solid transparent !important;
  border-bottom: 17px solid transparent !important;
  border-right: 17px solid #a7aaae !important;
  -webkit-transform: none !important;
  transform: none !important;
  -moz-transform: none !important;
  display: block !important;
  background: transparent !important;
  top: 10px !important;
}

.settings-left-wrap .active-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #fff;
  position: absolute;
  top: -16px;
  left: 1px;
  -webkit-transform: none !important;
  transform: none !important;
  -moz-transform: none !important;
  z-index: 10 !important;
}

.settings-left-wrap .nav-content {
  width: calc(50% - 33px);
  position: fixed;
  top: 95px;
}

.settings-left-wrap .nav-content.faculty-nav-content {
  width: calc(100% - 186px);
}

.settings-left-wrap .nav-content.faculty-nav-content .width-130p {
  top: 130px;
}

.settings-left-wrap .list-faculty-wrap {
  top: 40px;
  height: calc(100% - 40px);
  border-right: none;
}

.active-faculty-custom span.active-arrow {
  display: none !important;
}

.active-faculty-custom.active-table span.active-arrow {
  display: block !important;
  left: 100% !important;
}

.rTableCell span.active-arrow {
  display: none !important;
}

.rTableCell.active-table span.active-arrow {
  display: block !important;
}

.list-faculty-wrap .course-cont .rTableRow .rTableCell {
  padding-left: 14px;
}

.bigicon {
  font-size: 21px;
  position: relative;
  top: 1px;
}

.big-area {
  min-height: 115px;
}

.botpad {
  padding-bottom: 125px;
}

.smallbotpad {
  padding-bottom: 15px;
  float: left;
  width: 100%;
}

.smalltoppad {
  padding-top: 15px;
}

.smallpad {
  padding-bottom: 15px;
}

.question-archives .active-arrow {
  right: -23px !important;
}

.innercontent h3 {
  font-size: 16px;
  margin-top: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}

.innercontent span.testimonial-thumb {
  background: #e8e8e8;
  height: 64px;
  width: 64px;
  border: solid 3px #2e3e4e;
  float: left;
  margin: 0px 10px;
}

.innercontent img.testimonial-thumb {
  background: #e8e8e8;
  height: 64px;
  width: 64px;
  border: solid 3px #2e3e4e;
  float: left;
  margin: 0px 10px;
}

.innercontent .testimonial-list ul {
  list-style: none;
  padding-left: 0px;
}

.innercontent .testimonial-list ul li {
  float: left;
}

.innercontent .testimonials-single {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.innercontent .testimonials-single .closebtn {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  color: #bdbdbd;
  font-size: 16px;
  width: 24px;
  height: 24px;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
}

.innercontent .testimonials-single:hover .closebtn {
  display: block !important;
}

.innercontent .testimonial-content .testimonial-author {
  color: #2e3e4e;
  font-weight: 500;
}

.innercontent .testimonial-content .testimonial-text {
  color: #2e3e4e;
  font-size: 12px;
}

.innercontent .banner-setting {
  padding-top: 20px !important;
}

.innercontent .banner-upload {
  padding-bottom: 10px !important;
}

.innercontent ul.banner-list {
  padding-left: 0px;
  list-style: none;
  margin: 0 auto;
}

.innercontent ul.banner-list li {
  float: left;
  padding: 10px;
  width: 150px;
  height: 90px;
  min-height: 90px;
  max-height: 90px;
  margin-bottom: 20px;
}

.innercontent ul.banner-list li a.banner-thumb {
  display: block;
  background: #e8e8e8;
  border: solid 5px #fff;
  border-radius: 5px;
  position: relative;
  height: inherit;
  max-height: inherit;
  min-height: inherit;
  box-shadow: 0px 0px 4px 2px #00000024;
  overflow: hidden;
}

.innercontent ul.banner-list li a.banner-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.innercontent ul.banner-list li a.banner-thumb:hover {
  box-shadow: 0px 0px 4px 2px #d2d2d2;
}

.innercontent span.triangle {
  display: none;
}

.innercontent .active-banner {
  border: solid 5px #0bb8a9 !important;
}

.innercontent .active-banner span.triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 40px solid #0bb8a9;
  border-left: 50px solid transparent;
  right: 0px;
  top: 0px;
  display: block !important;
}

.innercontent .active-banner span.triangle i {
  position: absolute;
  left: -24px;
  top: -37px;
  color: #ffffff;
  font-size: 20px;
}

.innercontent a.social-links {
  color: #0029db;
  font-size: 12px;
  text-decoration: underline;
  font-weight: 500;
}

.innercontent .model-check {
  padding-bottom: 20px;
}

.innercontent .social-heading {
  padding-bottom: 15px;
}

.innercontent .form-group {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.innercontent .form-group textarea {
  resize: none;
}

.innercontent .form-group .bigtextarea {
  height: 100px;
}

.innercontent .save-btn {
  padding-top: 20px;
}

.settings-top.content-wrap.create-group-wrap {
  top: 95px;
  position: relative;
  padding-right: 50%;
  width: 100%;
}

.settings-top.content-wrap.create-group-wrap.reports-left {
  padding-right: 75%;
}

.settings-top.content-wrap.create-group-wrap.discussions-top {
  top: 275px !important;
}

.cdn-head {
  float: left;
  width: 100%;
  padding-top: 10px;
}

.setting-content {
  overflow-y: scroll;
}

.leftbox {
  padding-left: 50%;
}

.form-group .checkbox {
  margin-top: 18px;
}

.form-group .info-text {
  padding-right: 15px;
  padding-top: 10px;
  float: right;
  padding-bottom: 5px;
  font-size: 12px;
}

.settings-text {
  font-size: 12px;
  font-weight: 500;
}

.info-text {
  font-size: 12px;
  color: #989898;
  font-weight: normal;
}

.modal-content .close {
  position: absolute;
  right: 10px;
  top: 15px;
  z-index: 10;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

/* css for discussions section starts here */

.question-content {
  background: #ffffff;
  padding: 10px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.full-questions {
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}

.question-archives {
  float: left;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.question-archives ul {
  list-style: none;
  float: left;
  padding-left: 0px;
  margin-top: 0px;
  width: 100% !important;
}

.single-question {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}

.question-avatar {
  width: 60px;
  padding: 10px 5px;
  box-sizing: border-box;
  float: left;
}

.question-avatar img {
  border-radius: 50%;
}

.thumb-avatar {
  width: 50px;
  height: 50px;
}

.thumb-avatar img {
  width: 100%;
  border-radius: 50%;
}

.question-author {
  color: #2e3e4e;
  font-size: 13px;
  font-weight: normal;
}

.posted-on {
  font-size: 13px;
  font-weight: normal;
}

.nopad {
  padding: 0px;
}

.question-detailed-desc {
  width: calc(100% - 70px);
  padding: 10px 5px;
  box-sizing: border-box;
  float: left;
  font-size: 14px;
  color: #656565;
  word-break: break-word;
}

.answer-detailed-desc {
  width: calc(100% - 70px);
  padding: 10px;
  box-sizing: border-box;
  float: left;
  font-size: 13px;
  color: #656565;
  font-weight: normal;
  word-break: break-word;
}

.major-close {
  position: absolute;
  top: 5px;
  right: 0px;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  cursor: pointer;
  color: #bdbdbd;
  z-index: 99;
}

.drop-down {
  position: relative;
  display: inline-block;
  right: 0;
  float: right;
  z-index: 1;
}

.dropbtz {
  color: white;
  cursor: pointer;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: none !important;
  border: none;
  outline: none;
}

span.transform-ninteen {
  color: #bdbdbd;
  font-weight: bold;
  font-size: 13px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 99px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  font-size: 12px;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

.drop-down:hover .drop-down-content {
  display: block;
}

.drop-down:hover .dropbtn {
  background-color: #3e8e41;
}

.drop-down {
  right: 15px;
}

.btxt {
  font-weight: 500;
}

.textarea {
  resize: none;
}

.dropdown-content {
  position: absolute;
  top: 20px;
  left: -145px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 15px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-content a:hover {
  background: none;
}

ul.all-answers {
  padding-left: 20px;
  box-sizing: border-box;
}

.single-answer {
  position: relative;
}

.answer-close {
  position: relative;
  float: right;
  top: 10px;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  cursor: pointer;
  color: #a9a9a9;
  z-index: 99;
}

.individual-question {
  cursor: pointer;
  width: 100%;
  float: left;
  border-bottom: solid 1px #f4f4f4;
  padding-left: 5px !important;
}

.archive-answer {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 13px;
  color: #656565;
  word-break: break-word;
}

.archive-answer p {
  margin: 0;
}

.archive-question {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
  height: 20px;
  color: #2e3e4e;
  word-break: break-word;
}

.no-scroll {
  height: calc(100% - 277px) !important;
}

.top-discussion-bar {
  top: 230px !important;
}

.question-description {
  float: left;
  width: calc(100% - 70px) !important;
}

.left-qstns {
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  padding: 0px;
}

.right-qstns {
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  padding: 0px;
}

.add-answer {
  width: 100%;
}

.lecture-control ul.dropdown-menu {
  margin-bottom: 5px !important;
  margin-top: -5px;
}

.dropdown-menu.white.inner-scroll {
  width: 100%;
  overflow: hidden;
  min-width: 400px;
  overflow-y: auto;
}

.dropdown-menu.white.inner-scroll li a {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.rTableCell.dropdown.open ul.dropdown-menu {
  width: 100%;
}

.question-category-lecturehold {
  height: 40px;
  font-size: 14px;
  color: #2e3e4e;
}

.question-category-lecturehold .lecture-counter {
  border-right: none !important;
  background: none !important;
}

.pl0 {
  padding-left: 0px !important;
}

.question-category-lecturename {
  width: calc(100% - 135px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
  vertical-align: middle;
}

/* css for challenge zone modification starts here */

.rTableCell.dropdown.challenge-zone-drop ul.dropdown-menu {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto !important;
  width: 100%;
  padding: 1px 0px !important;
}

.dropdown-menu.white li a:focus {
  background-color: transparent !important;
  color: #2e3e4e !important;
  outline: none;
}

.dropdown-menu.white li a:hover {
  background-color: #f3f3f3;
  color: #ffffff;
  outline: none;
}

/* css for discussions section ends here */
.right-wrap .container-fluid.right.chrds-email {
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}

.right-wrap .container-fluid.nav-content .content-nav-tbl a.select-all-style {
  padding-left: 15px;
}

.redactor-modal-tab-area section label.checkbox {
  padding-left: 20px !important;
}

.redactor-modal-tab-area section label.checkbox #redactor-image-link-blank {
  top: 4px !important;
}

select#catalog_id option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 535px;
}

.user-tooltip .tooltip .tooltip-inner {
  text-align: left !important;
}

.assesment-report-dropdown,
.test-select-dropdown {
  overflow: hidden;
  overflow-y: scroll;
  max-height: 300px;
}

#course_details h4 {
  max-width: calc(100% - 140px) !important;
}

.tooltip {
  z-index: 99999 !important;
}

/* .upload-prieview WRAP*/
.basicsettings-wrapper h3 {
  font-size: 16px;
  margin-top: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}

.logoupload-wrapper,
.favicon-upload-wrapper {
  display: flex;
  align-items: flex-end;
}

.faviconup-btn {
  width: 30px;
  height: 30px;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
}

.basicsettings-wrapper .upload-info {
  font-size: 12px;
  font-weight: 400;
  color: #929292;
  text-align: left;
}

.basicsettings-wrapper .upload-prieview {
  overflow: hidden;
  max-width: 130px;
  min-width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed #00000014;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}

.favicon-upload-wrapper .upload-prieview {
  max-width: 55px;
  min-width: 55px;
  height: 55px;
}

.custom-color-settings {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 400;
  color: #5a5a5a;
  width: 250px;
}

.basics-save-footer {
  position: fixed;
  left: 420px;
  right: 0px;
  bottom: 0px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 15px;
  z-index: 9999;
  box-shadow: 3px 0px 2px 2px #0000001f;
}

.basicsettings-wrapper .upload-prieview:hover:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #00000087;
}

.basicsettings-wrapper .upload-prieview .img-chng button.pos-abs {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  opacity: 0;
  cursor: pointer;
  z-index: 9999;
  transition: 0.4s ease opacity;
}

.basicsettings-wrapper .upload-prieview:hover .img-chng button {
  opacity: 1;
}

.basicsettings-wrapper .upload-prieview .img-chng .settings-logo {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #fefefe;
}

.basicsettings-wrapper .upload-prieview .img-chng .settings-logo img {
  max-width: 100%;
  height: auto;
}

.basicsettings-wrapper .logo-image-upload-btn {
  cursor: pointer;
  height: 100%;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  opacity: 0;
  position: absolute;
  z-index: 99999;
}

.basicsettings-wrapper .upload-prieview .img-chng {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-uploader .upload-prieview .img-chng .img-icon-holder {
  margin: auto;
  height: 90px;
  width: 90px;
  background: #0970bf;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
}

.image-uploader .upload-prieview .img-chng .img-icon-holder i {
  line-height: 90px;
  font-size: 35px;
  left: -5px;
  position: relative;
}

/*course picture priview*/
.course-settings-grid {
  display: grid;
  grid-template-columns: 366px auto;
  margin: 0px -15px;
  margin-bottom: 15px;
}

.course-image-preview {
  position: relative;
  width: 366px;
  height: 205px;
}

.course-image-preview img {
  width: 100%;
  height: 100%;
}

.course-image-preview .logo-image-upload-btn {
  cursor: pointer;
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  z-index: 2;
}

.course-image-preview .logo-image-upload-btn .img-chng button.pos-abs {
  position: absolute;
  left: calc(50% - 65px);
  top: calc(50% - 18px);
  margin: 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
}

.course-image-preview .img-chng:hover {
  cursor: pointer;
}

.course-image-preview .btn-green.pos-abs {
  display: none;
}

.course-image-preview:hover .btn-green {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: fit-content;
}

/*course picture priview ends*/

.Inactive-section {
  font-size: 13px;
}

ul.dropdown-menu.white.inner-scroll {
  height: auto;
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 0px;
}

.prt20 {
  top: 20px;
  position: relative;
}

.report-filter {
  border: none;
  width: 100%;
}

.report-filter td {
  border: none;
}

.public-profile-btn {
  margin-top: -10px;
}

.tokenize-sample.custom-token .TokensContainer {
  min-height: 40px !important;
  height: auto !important;
}

.tokenize-sample.custom-token .Dropdown {
  z-index: 101 !important;
}

.inside-box .checkbox-wrap {
  float: left;
  width: 100%;
}

/* css for sales reports starts here */
.earning-course-content {
  /*float: left;*/
  white-space: nowrap;
  width: 100%;
  max-width: 275px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
  font-weight: 500;
  margin-right: 25px;
  display: inline-block;
}

.group-top.list-tp {
  padding: 0px;
  top: 80px !important;
}

.group-top .active-arrow.sales-arrow {
  right: -24px !important;
}

.sales-total {
  margin-top: 10px;
  display: inline-block;
}

.sales-icons {
  display: inline-block;
}

.rel3 {
  position: relative;
  top: -3px;
}

.settings-left-wrap .nav-content.report-nav {
  width: calc(100% - 66px) !important;
}

.settings-left-wrap .nav-content.sales-nav {
  top: 130px;
  width: calc(100% - 66px) !important;
}

.sales-archive {
  min-width: 166px !important;
  border-right: 1px solid #bcbcbc;
}

.sales-search {
  width: 100% !important;
}

.sales-search .input-group .srch_txt {
  height: 50px !important;
}

.sales-export {
  width: 100px !important;
  float: right;
}

.sales-drop {
  height: 130px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.earning-course-name {
  width: 200px;
  overflow: hidden;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mt8 {
  margin-top: 8px !important;
}

.rel-top100 {
  top: 100px;
  position: relative;
}

.sales-sl {
  width: 30px;
  display: inline-block !important;
  padding-left: 5px !important;
}

.sales-date {
  width: 80px;
  display: inline-block !important;
}

.sales-amt {
  width: 80px;
  display: inline-block !important;
  float: right;
}

.sales-course-amt {
  width: 90px;
  display: inline-block !important;
  float: right;
}

.sales-candidate {
  /*width:~"calc(100% - 190px)";*/
  width: 200px;
  display: inline-block !important;
  padding-right: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sales-invoice-modal {
  width: 100%;
  display: block;
}

.sales-invoice-modal:hover {
  background: #f6f8fa;
  cursor: pointer;
}

.sales-course {
  max-width: 280px;
  width: 100%;
  display: inline-block !important;
  padding-right: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.settings-left-wrap .course-cont-wrap.sale-top {
  top: 90px !important;
}

.teacher-icon {
  font-size: 20px;
  margin-right: 10px;
}

.course-cont-wrap .course-cont.right-table .rTableRow .rTableCell {
  padding-bottom: 5px;
  padding-top: 5px;
}

.course-cont-wrap .course-cont.right-table .rTableRow .rTableCell .green-text {
  color: #33b565;
  font-weight: 500;
}

.course-cont-wrap .course-cont .rTableRow.sales-invoice-modal {
  border-bottom: solid 1px #e1e1e1;
  display: block;
}

.course-cont-wrap .course-cont .rTableRow.sales-invoice-modal :first-child {
  border-top: none;
}

.course-cont-wrap .course-cont .rTableRow.sales-invoice-modal .rTableCell {
  border-top: none;
  border-bottom: none;
}

.pb10 {
  padding-bottom: 10px;
}

.sales-filter-date {
  text-align: left;
  padding-left: 20px;
}

/* css for sales reports ends here */

@media (max-width: 1300px) {
  .earning-course-content {
      width: auto;
  }

  .earning-course-name {
      max-width: 160px;
  }

  .sales-filter-date {
      width: 165px;
  }
}

@media (max-width: 1100px) {
  .sales-course {
      max-width: 200px;
  }

  .settings-left-wrap .active-arrow {
      right: -34px !important;
  }

  .question-archives .active-arrow {
      right: -22px !important;
  }

  .active-faculty-custom.active-table span.active-arrow {
      /*right: -100% !important;*/
      left: 100%;
  }
}

@media (max-width: 1024px) {
  .earning-course-content {
      max-width: 140px;
      margin-right: 0px;
  }

  .sales-candidate {
      width: 160px;
  }

  .earning-course-name {
      max-width: 100px;
  }

  .course-image-preview:hover .btn-green {
      display: block;
      position: absolute;
      top: 45%;
      left: 28%;
  }
}

@media (max-width: 992px) {
  .sales-course {
      max-width: 160px;
      padding-right: 10px;
  }

  .innercontent .save-btn {
      padding-bottom: 20px;
  }

  .innercontent span.testimonial-thumb {
      margin-bottom: 10px;
  }

  .innercontent ul.banner-list li a.banner-thumb {
      height: 80px;
      width: 80px;
  }
}

@media (max-width: 870px) {
  .sales-candidate {
      width: 120px;
  }

  .earning-course-content {
      max-width: 100px;
  }

  .sales-icons {
      margin: 0px;
  }

  .course-cont-wrap.sale-top .course-cont .rTableRow .rTableCell {
      padding-left: 0px;
  }

  .settings-left-wrap .course-cont-wrap.sale-top {
      padding-right: 0px;
  }
}

@media (max-width: 800px) {
  .earning-course-name {
      max-width: 90px;
  }
}

@media (max-width: 768px) {
  .sales-candidate {
      width: 100px;
  }

  .question-archives .active-arrow {
      right: -20px !important;
  }
}

/* BASIC BETA MODIFICATIONS */

/*.alert-modal-new .modal-content {
padding: 20px 10px;
}*/

/* css hacks for groups section starts here */
.settings-left-wrap .course-cont-wrap.group-top {
  top: 45px;
}

.settings-left-wrap .course-cont-wrap.group-top.wishlist-top {
  top: 80px;
}

.group-top .active-arrow {
  right: -38px !important;
}

.profile-wrap .profile-container .profile-box-layouts p {
  word-break: break-word;
}

.active-arrow.group-arrow {
  right: -34px !important;
}

/* css hacks for groups section ends here */

/* css hacks for course reports section starts here */

.candidate-name {
  padding-left: 10px;
  display: table-caption;
  overflow: hidden;
  width: 151px;
  text-align: left !important;
}

span.wrap-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  width: 100%;
}

.course-report {
  float: left;
  width: calc(100% - 65px);
  top: 180px;
  position: fixed;
  left: 190px;
  height: calc(100% - 180px);
}

.course-wrapper-align {
  width: calc(100% - 240px);
  margin-right: 0;
}

.green-box {
  background: #33ca97;
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 3px;
  border-radius: 3px;
  border: solid 1px #30be82;
  margin-top: 2px;
}

.rt-text {
  writing-mode: tb-rl;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  width: 28px;
  overflow: hidden;
  height: 100%;
}

@media (min-width: 1367px) and (max-width: 1540px) {
  .rt-text {
      position: relative;
      bottom: -3px;
  }
}

@media (min-width: 1360px) {
  .right-bottom-table td {
      padding-top: 0px;
      line-height: 27px;
  }
}

td.candidate-name.last-subscriber:after {
  background: none !important;
}

.z-text {
  transform: rotateZ(-90deg);
  -webkit-transform: rotateZ(-90deg);
  width: 150px !important;
  height: 40px;
  min-height: 40px;
  position: relative;
  padding-left: 5px;
}

.z-text.completed-percent {
  left: 205px;
  top: 55px;
  bottom: 0px;
  border-top: solid 1px #ccc;
  display: flex;
  align-items: center;
}

.z-text.marks-obtained-grade {
  left: 165px;
  top: 15px;
  display: flex;
  align-items: center;
}

.z-text.total-mark {
  left: 125px;
  top: -25px;
  border-bottom: solid 1px #ccc;
  display: flex;
  align-items: center;
}

.z-text.completed-grade {
  left: 84px;
  top: -65px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  display: flex;
  align-items: center;
}

.nav-content.course-report-nav {
  width: calc(100% - 66px);
  left: 65px;
  top: 130px;
}

/*generate student grade*/
.no-select-style {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.report_title {
  padding: 80px 0 40px 0;
}

.report_title h4 {
  font-size: 22px;
  font-weight: 400;
}

.grade_select_container {
  width: 60%;
  margin: 0 auto;
}

.course-filter {
  padding: 0px;
  background: #fff;
  text-align: center;
  border: 1px solid #bdbdbd;
  margin: 5px;
  width: auto;
  display: inline-block;
  width: calc(100% - 10px);
}

.course-filter #course-report-filter {
  height: 50px;
  width: 100%;
  padding: 15px;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 500;
}

.half-width {
  width: 50%;
  float: left;
}

.choose-inst,
.choose-batch,
.filter-by {
  padding: 15px;
  background: #fff;
  text-align: center;
  border: 1px solid #bdbdbd;
  margin: 5px;
  width: calc(33.33% - 10px);
}

.grade-filters .choose-inst {
  padding: 0px;
}

.grade-filters .choose-batch {
  padding: 0px;
}

.filter-by {
  padding: 0px;
}

.choose-inst select {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  padding: 15px;
}

.choose-batch select {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  padding: 15px;
}

.filter-by select {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  padding: 15px;
}

.grade-filters {
  display: flex;
  flex-wrap: wrap;
  clear: both;
}

.grade_select_container .filter-btn {
  padding: 5px 0;
}

/*generate student grade ends*/

/*grade report table settings*/
.left-top {
  float: left;
  width: 300px;
  height: 150px;
  overflow: hidden;
  border-right: solid 1px #ccc;
}

.right-top {
  float: left;
  width: calc(100% - 310px);
  height: 150px;
  overflow: hidden;
}

.left-bottom {
  float: left;
  width: 300px;
  height: 318px;
  overflow: hidden;
  border-top: solid 1px #ccc;
}

.right-bottom {
  float: right;
  width: calc(100% - 300px);
  height: 328px;
  overflow: auto;
  border-top: solid 1px #ccc;
}

.right-top-table {
  height: 100%;
}

.right-top-table td {
  height: 123px;
  vertical-align: bottom;
  width: 21px;
  position: relative;
  padding: 0px;
  top: -33px;
  bottom: 0px;
}

.right-top-table td:after {
  content: "";
  display: block;
  position: absolute;
  top: 34px;
  right: 0px;
  width: 1px;
  height: 100%;
  background: #ccc;
}

.right-bottom-table td {
  height: 28px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  min-height: 28px;
  text-align: center;
  vertical-align: baseline;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.right-bottom-table td:after {
  content: "";
  display: block;
  position: relative;
  top: -20px;
  right: 0;
  width: 0px;
  height: 100%;
  background: #ccc;
}

.candidate-name:after {
  /* content: ''; */
  display: block;
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
}

.left-bottom-table {
  width: 100%;
}

.left-bottom-table td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-width: 40px;
  max-width: 40px;
  min-height: 28px;
  height: 28px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.left-bottom-table td.candidate-name {
  min-height: 28px !important;
}

.right-bottom-table {
  margin-left: -1px;
}

.right-bottom-table td:last-of-type {
  border-right: solid 1px #ccc;
}

.left-bottom-table td:last-child {
  border-bottom: solid 1px #ccc !important;
}

.left-bottom-table td.candidate-name:last-child {
  border-bottom: solid 1px #ccc !important;
}

.left-bottom-table td.candidate-name {
  display: table-cell !important;
}

.left-bottom-table .candidate-name .candidate-name-trim {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100% !important;
  display: inline-block;
}

/* css hacks for course reports section ends here */

/* css hacks for assessments content section ends here */
.settings-left-wrap .nav-content.assessments-content {
  top: 130px;
}

.settings-left-wrap.assessment-left {
  top: 10px;
}

.right-content.list-right.assessment-right {
  top: 130px;
}

/* css hacks for assessments content section ends here */

.group-top.list-tp.tp90 {
  top: 90px !important;
}

.builder-right-inner .test-content {
  padding-bottom: 30px !important;
}

.table.course-cont {
  margin-top: 10px;
}

.question-archives .active-arrow.discussion-arrow {
  right: -23px !important;
}

.right-content.tp175 {
  top: 175px;
}

.green-btn {
  padding: 10px 15px;
  color: #fff;
  background: #17aa1c;
  font-size: 14px;
  text-align: center;
  border: none;
}

.question-box input[type="text"] {
  border-radius: 2px;
  box-shadow: none;
  height: 44px;
  transition: border-color ease-in-out 0.08s, box-shadow ease-in-out 0.08s;
  font-size: 15px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 11px 12px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
}

.ques-list .active-table {
  width: 17px;
}

.add-answer,
.add-qstn {
  box-shadow: none;
  font-size: 15px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 45px;
  padding: 11px 12px;
  line-height: 1.43;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
      box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-family: Arial, Helvetica, sans-serif;
}

.add-qstn {
  height: 80px;
}

.answer-detailed-desc>figure>img {
  width: 100%;
  padding: 10px 0px;
  box-sizing: border-box;
}

div#review_form_admin .alert {
  margin-top: 15px;
}

@media all and (max-width: 1100px) {
  .active-arrow.group-arrow {
      right: -26px !important;
  }
}

@media all and (max-width: 800px) {
  .active-arrow.group-arrow {
      right: -23px !important;
  }
}

/* ofabee css file version 1.1.0 - by tintu@enfintechnologies.com */

/* css for add question starts here */
.add-question-block .question-head {
  height: 50px;
  position: absolute;
  right: 0px;
  left: 0px;
}

.add-question-block .question-title {
  color: #2e3e4e;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

.add-question-block .question-title .bottom-line {
  border-bottom: solid 1px #a1a6ab;
}

.add-question-block .question-block {
  position: absolute;
  width: 100%;
  top: 50px;
  background: transparent;
  height: calc(100% - 50px);
  padding: 0px;
}

.add-question-block .question-block .question-leftbox {
  width: 300px;
  position: absolute;
  left: 0px;
  border-right: solid 1px #a1a6ab;
  bottom: 0px;
  height: 100%;
  top: 0px;
  padding: 20px 25px;
}

.add-question-block .question-block .question-rightbox {
  position: absolute;
  width: calc(100% - 300px);
  left: 300px;
  height: 100%;
  overflow: hidden;
}

.add-question-block .question-block .question-rightbox .language-selector {
  float: left;
  width: 100%;
  box-shadow: 0px 0px 4px 4px #0000001c;
  height: 48px;
  position: absolute;
  z-index: 9999;
  background: #fff;
}

.add-question-block .question-block .question-rightbox .question-content {
  position: absolute;
  background: transparent;
  width: 100%;
  top: 42px;
  overflow: hidden;
  overflow-y: scroll;
  padding: 15px 20px;
  height: calc(100% - 42px);
}

.add-question-block .question-block .question-rightbox .question-content textarea.form-control {
  height: 125px;
  resize: none;
  width: calc(100% - 100px);
}

#cke_q_explanation .cke_contents {
  height: 250px !important;
}

.add-question-block .question-block #q_explanation {
  height: 250px;
}

.add-question-block .question-block .question-rightbox .question-content .add-question {
  width: 100%;
  height: 100%;
}

.add-question-block .question-block .question-rightbox .question-content .add-question .single-question-block .col-sm-12 .redactor-box {
  width: calc(100% - 100px) !important;
}

.add-question-block .answer-block ul.answer-ul li {
  padding-top: 10px;
  float: left;
  width: 100%;
}

.add-question-block .answer-block ul.answer-ul li span.cb-answer {
  float: left;
  width: 80px;
  background: #fff;
  height: 50px;
  position: relative;
  border: solid 1px #c7c9ca;
  border-radius: 3px;
  margin-right: 10px;
  display: flex;
}

.add-question-block .answer-block ul.answer-ul li span.cb-answer span.cb-alphabet {
  color: #58d495;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 30px;
  width: 40px;
  float: left;
  height: 100%;
  padding-left: 10px;
  display: inline-flex;
  align-items: center;
}

.add-question-block .answer-block ul.answer-ul li span.cb-textbox {
  width: calc(100% - 190px);
  float: left;
}

.add-question-block .answer-block ul.answer-ul li span.cb-textbox input[type="text"] {
  height: 50px;
}

.add-question-block .answer-block ul.answer-ul li span.cb-textbox textarea {
  height: 50px !important;
  width: 100% !important;
  overflow: hidden !important;
}

.add-question-block .answer-block ul.answer-ul li span.cb-radio {
  float: left;
  width: 38px;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.add-question-block .answer-block ul.answer-ul li .redactor-air li,
.add-question-block .answer-block ul.answer-ul li .redactor-toolbar li {
  float: inherit !important;
  width: inherit !important;
  padding-top: inherit !important;
}

.add-question-block .answer-block .radio-btn {
  position: relative;
  padding-left: 20px;
}

.add-question-block .answer-block .radio-btn input[type="checkbox"],
.add-question-block .answer-block .radio-btn input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 999;
  left: 2px;
  top: 10px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.add-question-block .answer-block .radio-btn label {
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  user-select: none;
  color: #787878;
  text-transform: uppercase;
}

.add-question-block .answer-block .radio-btn label::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 0;
  top: -10px;
  margin-left: -18px;
  background-color: transparent;
  border: 1px solid #c7c9ca;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  cursor: pointer;
}

.add-question-block .answer-block .radio-btn label::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 5px;
  top: 6px;
  left: 6px;
  margin-left: -18px;
  border: 1px solid #c7c9ca;
  border-top: none;
  border-right: none;
  background: transparent;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  z-index: 1;
}

.add-question-block .answer-block .checkbox-btn label:active::before,
.add-question-block .answer-block .radio-btn label:active::before {
  opacity: 0.3;
}

.add-question-block .answer-block .checkbox-btn input[type="radio"]:checked+label,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:checked+label,
.add-question-block .answer-block .radio-btn input[type="radio"]:checked+label {
  color: #393939;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label {
  color: #787878;
}

.add-question-block .answer-block .checkbox-btn input[type="radio"]:checked+label::after,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:checked+label::after,
.add-question-block .answer-block .radio-btn input[type="radio"]:checked+label::after {
  border: 1px solid #c7c9ca;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label::after {
  border: 1px solid #c7c9ca;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label::before,
.add-question-block .answer-block .checkbox-btn input[type="radio"]:checked+label::before,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:checked+label::before,
.add-question-block .answer-block .radio-btn input[type="radio"]:checked+label::before {
  opacity: 1;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:disabled+label,
.add-question-block .answer-block .checkbox-btn input[type="radio"]:disabled+label,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:disabled+label,
.add-question-block .answer-block .radio-btn input[type="radio"]:disabled+label {
  color: #787878;
  cursor: default;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:disabled+label::after,
.add-question-block .answer-block .checkbox-btn input[type="radio"]:disabled+label::after,
.add-question-block .answer-block .radio-btn input[type="checkbox"]:disabled+label::after,
.add-question-block .answer-block .radio-btn input[type="radio"]:disabled+label::after {
  border: 1px solid #c7c9ca;
  background-color: #ffffff;
}

.add-question-block .answer-block .radio-btn input[type="checkbox"]:disabled+label::before,
.add-question-block .answer-block .radio-btn input[type="radio"]:disabled+label::before {
  display: none;
}

.add-question-block .answer-block .radio-btn label::after {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}

.add-question-block .answer-block .radio-btn label::before {
  width: 8px;
  height: 8px;
  border: none;
  top: -5px;
  left: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #000;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label {
  color: #787878;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 400;
}

.add-question-block .answer-block .checkbox-btn label {
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  max-width: 100%;
  margin-bottom: 5px;
}

.add-question-block .answer-block .checkbox-btn input[type="checkbox"]:checked+label::before,
.add-question-block .answer-block .checkbox-btn input[type="radio"]:checked+label::before {
  opacity: 1;
}

.add-question-block .answer-block .checkbox-btn label::before {
  position: absolute;
  content: "";
  margin-left: -18px;
  background: 0 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  z-index: 1;
  width: 12px;
  height: 5px;
  top: 9px;
  left: 3px;
  border: 2px solid #000;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.add-question-block .answer-block .checkbox-btn label::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 0;
  top: 4px;
  margin-left: -18px;
  background-color: transparent;
  border: 1px solid #c7c9ca;
  cursor: pointer;
  border-radius: 3px;
  background-clip: padding-box;
}

.add-question-block .answer-block input[type="checkbox"] {
  opacity: 0;
}

.add-question-block .custom-btn {
  margin-right: 85px;
  margin-top: 15px;
}

.add-question-block .text-uppercase {
  text-transform: uppercase;
}

.add-question-block .bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}

.add-question-block .bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}

.add-question-block .bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.add-question-block .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}

.add-question-block .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}

.add-question-block .bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}

.add-question-block .bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
  display: inline-block;
  width: 100%;
  white-space: normal;
}

.add-question-block .bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}

.add-question-block .bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}

.add-question-block .bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 1px 2px rgba(0, 0, 0, 0.05);
}

.add-question-block .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.add-question-block .bootstrap-tagsinput {
  width: 250px !important;
  min-height: 35px;
}

.add-question-block span.cb-delete-option {
  background: #fff;
  padding: 10px;
  height: 50px;
  width: 50px;
  float: left;
  margin-left: 15px;
  border: solid 1px #ccc;
  border-radius: 3px;
  cursor: pointer;
}

.add-question-block span.cb-delete-option i {
  font-size: 22px;
  top: 2px;
  position: relative;
}

.add-question-panel {
  width: calc(100% - 100px);
  margin-top: 15px;
}

.add-question-panel .aq-panel .panel-heading {
  background-color: #e0e0e0;
}

.add-question-panel .aq-panel .panel-heading h4.panel-title {
  font-weight: 500;
  font-size: 14px;
}

.add-question-panel .aq-panel .panel-heading h4.panel-title a {
  color: #565656;
}

.add-question-panel .aq-panel .panel-heading h4.panel-title a i {
  margin-right: 15px;
}

.add-question-panel .aq-panel .panel-body {
  padding: 0px 15px;
}

.add-question-panel .aq-panel textarea {
  width: 100% !important;
}

span.cb-close-qstn {
  position: absolute !important;
  right: 6px;
  top: 12px;
  cursor: pointer;
}

span.cb-close-qstn i {
  font-size: 26px;
}

span.cb-editor-enable {
  position: absolute;
  right: 30px;
  top: 14px;
}

span.cb-drop-down-enable {
  position: absolute;
  right: 162px;
  top: 7px;
}

span.cb-editor-enable input[type="checkbox"] {
  margin-left: 10px;
}

.ques-status-btn {
  min-width: 160px;
  margin-left: 10px;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  padding: 6px 0px;
  text-align: center;
}

.ques-status-btn .caret {
  margin-left: 10px;
}

ul.auto-search-lister {
  background: #fff;
  padding: 10px;
  margin-top: -10px;
  line-height: 25px;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
  color: #777;
  font-size: 13px;
  text-transform: capitalize;
  font-style: italic;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: 10px;
  position: absolute;
  z-index: 9;
  width: 249px;
  box-shadow: 0 2px 10px -3px #646464;
}

/* css for add question ends here */
.test-listings a.list-group-item.link-style {
  font-size: 13px;
  color: #434343 !important;
  text-decoration: none;
  transition: 0.3s ease;
  float: left;
  width: 100%;


}

.test-listings a.list-group-item.link-style:hover {
  background: #e8e8e8;
}

.test-listings .green-span {
  width: 30px;
  color: #bdbdbd;
  float: left;
  font-size: 15px;
}

.test-listings .listing-text {
  width: calc(100% - 30px);
  float: left;
  font-weight: normal;
}

.add-question-block .answer-block input[type="checkbox"] {
  top: 10px;
  margin-right: 0px;
  z-index: 9;
  width: 20px;
  height: 20px;
  left: 5px;
}

.addtest-checkbox .radio-btn {
  position: relative;
  padding-left: 20px;
}

.addtest-checkbox .radio-btn input[type="checkbox"],
.addtest-checkbox .radio-btn input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 999;
  left: 5px;
  top: 10px;
  cursor: pointer;
}

.addtest-checkbox .radio-btn label {
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  user-select: none;
  color: #787878;
  text-transform: uppercase;
}

.addtest-checkbox .radio-btn label::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 0;
  top: 3px;
  margin-left: -18px;
  background-color: transparent;
  border: 1px solid #c7c9ca;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  cursor: pointer;
}

.addtest-checkbox .radio-btn label::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 5px;
  top: 6px;
  left: 6px;
  margin-left: -18px;
  border: 1px solid #c7c9ca;
  border-top: none;
  border-right: none;
  background: transparent;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  z-index: 1;
}

.addtest-checkbox .checkbox-btn label:active::before,
.addtest-checkbox .radio-btn label:active::before {
  opacity: 0.3;
}

.addtest-checkbox .checkbox-btn input[type="radio"]:checked+label,
.addtest-checkbox .radio-btn input[type="checkbox"]:checked+label,
.addtest-checkbox .radio-btn input[type="radio"]:checked+label {
  color: #393939;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label {
  color: #787878;
}

.addtest-checkbox .checkbox-btn input[type="radio"]:checked+label::after,
.addtest-checkbox .radio-btn input[type="checkbox"]:checked+label::after,
.addtest-checkbox .radio-btn input[type="radio"]:checked+label::after {
  border: 1px solid #c7c9ca;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label::after {
  border: 1px solid #c7c9ca;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label::before,
.addtest-checkbox .checkbox-btn input[type="radio"]:checked+label::before,
.addtest-checkbox .radio-btn input[type="checkbox"]:checked+label::before,
.addtest-checkbox .radio-btn input[type="radio"]:checked+label::before {
  opacity: 1;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:disabled+label,
.addtest-checkbox .checkbox-btn input[type="radio"]:disabled+label,
.addtest-checkbox .radio-btn input[type="checkbox"]:disabled+label,
.addtest-checkbox .radio-btn input[type="radio"]:disabled+label {
  color: #787878;
  cursor: default;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:disabled+label::after,
.addtest-checkbox .checkbox-btn input[type="radio"]:disabled+label::after,
.addtest-checkbox .radio-btn input[type="checkbox"]:disabled+label::after,
.addtest-checkbox .radio-btn input[type="radio"]:disabled+label::after {
  border: 1px solid #c7c9ca;
  background-color: #ffffff;
}

.addtest-checkbox .radio-btn input[type="checkbox"]:disabled+label::before,
.addtest-checkbox .radio-btn input[type="radio"]:disabled+label::before {
  display: none;
}

.addtest-checkbox .radio-btn label::after {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}

.addtest-checkbox .radio-btn label::before {
  width: 8px;
  height: 8px;
  border: none;
  top: 8px;
  left: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #000;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label {
  color: #787878;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 400;
}

.addtest-checkbox .checkbox-btn label {
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  max-width: 100%;
  margin-bottom: 5px;
}

.addtest-checkbox .checkbox-btn input[type="checkbox"]:checked+label::before,
.addtest-checkbox .checkbox-btn input[type="radio"]:checked+label::before {
  opacity: 1;
}

.addtest-checkbox .checkbox-btn label::before {
  position: absolute;
  content: "";
  margin-left: -3px;
  background: 0 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  z-index: 1;
  width: 12px;
  height: 5px;
  top: 7px;
  left: 2px;
  border: 2px solid #000;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.addtest-checkbox .checkbox-btn label::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  left: 15px;
  top: 3px;
  margin-left: -18px;
  background-color: transparent;
  border: 1px solid #c7c9ca;
  cursor: pointer;
  border-radius: 2px;
  background-clip: padding-box;
}

.addtest-checkbox input[type="checkbox"] {
  opacity: 0;
  left: 16px;
  margin-right: 0px;
  width: 15px;
  height: 15px;
  top: 8px;
  z-index: 999;
  cursor: pointer;
}

.test-step-two {
  position: relative;
  top: 0px;
}

.rt-7 {
  position: relative;
  top: -7px;
}

.mtb715 {
  margin-bottom: 15px !important;
  margin-top: 7px !important;
}

.arrangement-grouping {
  margin-bottom: 20px;
}

.arrangement-grouping.assign-test .addtest-checkbox {
  width: 50%;
  border: none;
}

.arrangement-grouping .arrangement-panel {
  background: #371744;
  padding: 10px 15px;
  font-size: 16px;
  color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/* .arrangement-grouping .addtest-checkbox { width: 100%;} */
.arrangement-grouping .addtest-checkbox .cb-radio.checkbox-btn {
  float: left;
  width: 40px;
  margin-left: -15px;
  display: inline-block;
}

.arrangement-grouping label {
  font-size: 13px;
  font-family: inherit;
  font-weight: 400;
  color: #696969;
}

.arrangement-grouping span.download-txt {
  /* width: calc(100% - 60px); */
  float: left;
  padding-top: 10px;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
  color: #696969;
}

.generated-area {
  margin: 10px 0px 0px 10px;
}

.generated-area textarea {
  resize: none;
}

.addtest-container.whitebg-container {
  background: #fff;
  width: 100%;
  float: left;
}

.each-steps.step-three {
  float: left;
  width: 100%;
}

.each-steps.step-three span.question-text {
  max-width: 500px;
}

/* .each-steps.step-three span.question-sl-no {width: 35px;} */
.each-steps.step-three span.question-type {
  width: 100px;
  /* height: 40px; */
  margin-left: 20px;
}

.each-steps.step-three .test-qstn.addtest-checkbox {
  border-bottom: solid 1px #ccc;
  width: 100%;
  float: left;
}

.each-steps.step-three .test-qstn.addtest-checkbox .cb-radio.checkbox-btn {
  float: left;
  width: 60px;
  height: 40px;
}

.each-steps.step-three .test-qstn.addtest-checkbox .question-type {
  color: #9e9e9e;
  font-size: 12px;
  font-style: italic;
}

.ic20 {
  font-size: 20px;
}

#invite-user-bulk .redactor-editor {
  min-height: 160px !important;
}

.redactor-editor table {
  width: 100% !important;
  border: 1px solid #b0b0b0 !important;
}

.redactor-editor table td {
  border: 1px solid #b0b0b0 !important;
  padding: 15px;
}

.anouncement-content .redactor-editor {
  border: none !important;
  padding: 0 !important;
  color: #444 !important;
}

.anouncement-content img {
  width: 100%;
}

#announcementblock {
  padding-top: 20px !important;
}

input.btn.btn-xs.btn-info.btn-ts {
  background-color: #55af81 !important;
  border: none;
}

input.btn.btn-xs.btn-info.btn-ts.selected {
  background-color: #389a68 !important;
  border: none;
}

#loadmorebutton {
  margin-bottom: 20px;
}

.showcontents {
  position: absolute;
  z-index: 999;
  background: #e8e8e8;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.33);
  padding: 5px 5px 11px 6px;
  width: 135px;
  top: 22px;
}

.showcontents input[type="text"] {
  width: 100%;
  height: 32px;
  margin: 5px 0px 10px 0;
}

.showcontents input[type="button"] {
  width: 100%;
  min-width: 70px;
  font-size: 12px;
}

.select-leftspan {
  display: inline-block;
  width: 40px;
  position: relative;
  top: -10px;
}

.select-span {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
}

.shownegativecontents {
  position: absolute;
  top: 20px;
  right: 0px;
  z-index: 999;
  background: #ffffff;
  box-shadow: 0px 0px 3px 0px #00000017;
  border: 1px solid #cecece;
  border-radius: 3px;
  width: 135px;
  padding: 10px;
}

.shownegativecontents input[type="text"] {
  width: 100%;
  height: 32px;
  margin: 5px 0px 10px 0;
}

.shownegativecontents input[type="button"] {
  width: 100%;
  min-width: 70px;
  font-size: 12px;
}

#create_faculty .alert-danger .close {
  top: 14px;
}

.test-applybulk {
  width: 75px;
  position: relative;
  text-align: center;
  font-weight: 500;
  right: -10px;
}

.test-applybulk a {
  color: #09b8a9;
  font-size: 14px;
  font-weight: 500;
}

.test-applybulk a .caret {
  margin-left: 5px;
}

.test-applynegativebulk {
  /* width: 75px; */
  right: 160px;
  position: relative;
  text-align: center;
  font-weight: 500;
}

#showBulkContent.showcontents {
  position: absolute;
  top: 20px;
  right: -25px;
  background: #ffffff;
  box-shadow: 0px 0px 3px 0px #00000017;
  border: 1px solid #cecece;
  border-radius: 3px;
  width: 135px;
  padding: 10px;
}

.test-applynegativebulk a {
  color: #09b8a9;
  font-size: 14px;
  font-weight: 500;
}

.test-applynegativebulk a .caret {
  margin-left: 5px;
}

.question-shortcuts {
  /* height: 45px; */
  display: inline-block;
  float: right;
}

.action10 {
  margin-top: 10px !important;
}

.full-width {
  width: 100%;
}

.question-text-input {
  resize: none;
}

.width-95 {
  width: 95%;
}

.input-padding {
  padding-top: 15px;
}

.ui-timepicker-container {
  z-index: 9999 !important;
}

.custom-select.select-group {
  height: 100%;
  border: none;
  background: #eeeeee !important;
  padding: 0px 10px;
}

.dropdown-filter {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  white-space: nowrap;
  display: inline-block;
}

.lecture-name {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: sub;
  word-break: break-word;
  /* text-transform: capitalize; */
}

.section-title .section-name {
  text-transform: capitalize;
}

/*updates on 05-09-2018*/

.stud-course-progress {
  width: 75%;
  margin-top: 13px;
}

.float-r {
  float: right;
}

#filter_batch_div .dropdown-toggle {
  max-width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 15px;
}

#filter_batch_div .caret {
  position: absolute;
  right: 0;
  top: 23px;
  margin-right: 4px;
}

#filter_batch_div {
  padding-top: 10px;
}

.category-filter-ellipsis {
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}

.height-100 {
  height: 100%;
}

#extend-validity {
  top: 60px;
  /*change validity modal*/
}

/*ends*/

/*updates on 06-09-2018*/

.scroll-preview-table {
  overflow: auto;
  height: 100vh;
}

/*updates on 07-09-2018*/

.multiselect-container.dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
}

.max-width-70 {
  max-width: 70%;
}

.category-text-ellipsis {
  width: 78px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

.rTableRow.user-listing-row .rTableCell {
  vertical-align: middle !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/*new lecture icon settings*/

.course-icon {
  background: url("/assets/images/course-icon.png");
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  display: inline-block;
}

.course-icon.quiz-icon-white {
  background-position-y: -48px;
  background-position-x: -24px;
}

.course-icon.assignments-icon-white {
  background-position-y: -24px;
  background-position-x: -24px;
}

.course-icon.live-icon-white {
  background-position-y: -192px;
  background-position-x: -24px;
}

.course-icon.html-icon-white {
  background-position-y: -120px;
  background-position-x: -24px;
}

.course-icon.video-icon-white {
  background-position-y: -96px;
  background-position-x: -24px;
}

.course-icon.scorm-icon-white {
  background-position-y: -144px;
  background-position-x: -24px;
}

.course-icon.recorded-icon-white {
  background-position-y: -72px;
  background-position-x: -24px;
}

.course-icon.survey-icon-white {
  background-position-y: -168px;
  background-position-x: -24px;
}

.course-icon.certificate-icon-white {
  background-position-y: -240px;
  background-position-x: -24px;
}

.course-icon.doc-icon-gray {
  background-position-y: 0px;
  background-position-x: 0px;
}

.course-icon.quiz-icon-gray {
  background-position-y: -48px;
  background-position-x: 0px;
}

.course-icon.assignments-icon-gray {
  background-position-y: -24px;
  background-position-x: 0px;
}

.course-icon.live-icon-gray {
  background-position-y: -192px;
  background-position-x: 0px;
}

.course-icon.html-icon-gray {
  background-position-y: -120px;
  background-position-x: 0px;
}

.course-icon.video-icon-gray {
  background-position-y: -96px;
  background-position-x: 0px;
}

.course-icon.scorm-icon-gray {
  background-position-y: -144px;
  background-position-x: 0px;
}

.course-icon.recorded-icon-gray {
  background-position-y: -72px;
  background-position-x: 0px;
}

.course-icon.survey-icon-gray {
  background-position-y: -168px;
  background-position-x: 0px;
}

.course-icon.certificate-icon-gray {
  background-position-y: -240px;
  background-position-x: 0px;
}

.course-icon.audio-icon-gray {
  background-position-y: -216px;
  background-position-x: 0px;
}

.lecture-type-holder {
  padding-left: 10px;
}

/*========= grey sprite ===============*/

.icon-grey:before {
  content: "";
}

.icon-grey {
  background: url(/assets/images/lecture-icons-grey-version.png);
  width: 25px;
  height: 25px;
  background-size: 25px;
  vertical-align: text-bottom;
  display: inline-block;
  margin-right: 15px;
}

.icon-grey.icon-live {
  background-position-y: 3px;
}

.icon-grey.icon-dropbox {
  background-position-y: 388px;
}

.icon-grey.icon-video {
  background-position-y: 3px;
}

.icon-grey.icon-survey {
  background-position-y: 27px;
}

.icon-grey.lectures-icon {
  background-position-y: 180px;
}

.icon-quiz.icon-quiz {
  background-position-y: 210px;
}

/*new lecture icon settings ends*/

.icon-like {
  background: url(../images/sprite_thumbs.png);
  background-repeat: no-repeat;
  background-position-y: -51px;
  background-size: 15px;
  width: 22px;
  height: 20px;
  display: inline-block;
  vertical-align: -6px;
}

.icon-unlike {
  background: url(../images/sprite_thumbs.png);
  background-repeat: no-repeat;
  background-position-y: -17px;
  background-size: 15px;
  width: 22px;
  height: 20px;
  display: inline-block;
  vertical-align: -5px;
}

.scorm-preview {
  width: 100%;
  height: 100%;
  border: none;
  overflow-y: auto;
  overflow-x: hidden;
}

.icon-like {
  background: url("../images/sprite_thumbs.png");
  background-repeat: no-repeat;
  background-position-y: -51px;
  background-size: 15px;
  width: 22px;
  height: 20px;
  display: inline-block;
  vertical-align: -6px;
}

.icon-unlike {
  background: url(../images/sprite_thumbs.png);
  background-repeat: no-repeat;
  background-position-y: -17px;
  background-size: 15px;
  width: 22px;
  height: 20px;
  display: inline-block;
  vertical-align: -5px;
}

.add-btn-wrapper {
  display: flex;
  padding: 5px 0;
}

.groups-student-count-holder {
  margin-top: 5px;
  font-size: 12px;
}

.course-cont .rTableRow:hover,
.test-folder:hover {
  background: #64277d1c;
  cursor: pointer;
}

.assignment-attach-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 15px;
  z-index: 999;
}

.assignment-attach-footer button {
  margin: 0;
}

.code-save-footer {
  padding: 9px 15px;
}

.coursebuilder-assignment-attach {
  display: inline-block;
}

.coursebuilder-assignment-attach .attach-name {
  color: #371744;
  border: 1px solid #371744;
  border-radius: 17px;
  padding: 3px 15px;
}

.coursebuilder-assignment-attach .close-attatch {
  font-size: 22px;
  cursor: pointer;
  vertical-align: sub;
  padding-left: 5px;
}

.question_options {
  font-size: 13px !important;
}

.pagination-wrapper {
  position: fixed;
  bottom: 0px;
  left: 316px;
  right: 0px;
  padding: 0px;
  border-radius: 0px;
  background: #ffffff;
  height: 60px;
  display: inline-flex;
  align-items: center;
  box-shadow: 2px -6px 6px 0px #00000012;
}

.page-action-bottom .pagination-wrapper {
  box-shadow: unset;
}

.pagination-wrapper .pagination {
  vertical-align: middle;
  margin: 0px;
}

/*course builder lecture create permission view starts here*/
.bulder-content-noaccess {
  padding: 20px 20px 20px 20px;
}

.training-content-type-holder {
  display: none;
}

/*course builder lecture create permission view ends here*/

.add-rule-btn {
  border: 1px dashed #a0a0a0 !important;
  border-radius: 6px !important;
  padding: 0px;
  text-transform: uppercase;
  cursor: pointer;
  height: 33px;
}

.add-rule-btn:hover {
  background: #0000000a;
  border: 1px dashed #17b956 !important;
}

.add-rule-btn a {
  text-decoration: none !important;
  width: 100%;
  display: inline-block;
  height: 100%;
  padding: 6px 0px;
}

.right-wrap-height-adjust {
  height: calc(100% - 95px) !important;
}

/*multiselector hover focus color*/
.multiselect .dropdown-menu>li>a:hover,
.multiselect .dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #bdbdbd;
  background-color: #dcdcdc;
}

/*multiselector hover focus color ends*/

/*course performance wrapper - 27-09-2018*/

.course-perform-wrapper .quiz-list {
  border-bottom: 1px solid #ccc;
  height: 40px;
  padding: 10px 0px;
}

.course-perform-wrapper .quiz-list-title th {
  font-size: 14px;
  font-weight: 500;
  padding: 20px 10px 5px 10px;
  border-bottom: 1px solid #ccc;
  width: 15%;
}

.course-perform-wrapper table td {
  font-size: 14px;
  padding: 0 25px;
  width: auto;
  cursor: pointer;
}

.course-perform-wrapper .quiz-list-avatar {
  display: inline-block;
  vertical-align: inherit;
  padding: 0 15px;
}

.course-perform-wrapper .invisible {
  visibility: hidden;
}

.course-perform-wrapper .bold {
  font-weight: 500;
}

.course-perform-wrapper {
  top: 145px;
  position: relative;
  padding: 0 30px;
  margin-bottom: 30px;
}

.course-perform-wrapper .export-btn-holder {
  padding: 0px 10px;
}

/*course performance wrapper ends */

.batch-name-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
}

#collapseAccessRestriction .builder-inner-from {
  height: 500px;
  overflow: auto;
}

.quiz-list-avatar img {
  border-radius: 50%;
}

.overrided-info {
  padding: 0 15px;
}

.overided-chips {
  border: 1px solid #470871;
  border-radius: 16px;
  padding: 3px 10px;
  margin: 0px 10px 10px 0px;
  display: inline-block;
}

/*#redactor-progress{display:none !important;}*/

.faculty-intro-scroll {
  max-height: 150px;
  overflow-y: auto;
  text-align: justify;
  padding: 0 15px;
}

/* width */

.faculty-intro-scroll::-webkit-scrollbar {
  width: 10px;
}

/* Track */

.faculty-intro-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */

.faculty-intro-scroll::-webkit-scrollbar-thumb {
  background: #8b8b8b;
  border-radius: 6px;
}

#scroll-top-arrow {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
}

.upload-clear {
  position: absolute !important;
  z-index: 9;
  left: 10px;
  top: 8px;
  height: 22px;
  width: 22px;
  margin: auto;
  font-size: 22px;
  cursor: pointer;
  color: #909090;
  border: 1px solid #909090;
  border-radius: 32px;
  line-height: 18px;
  padding-left: 4px;
}

.upload-clear:hover {
  color: #444;
  border: 1px solid #444;
}

.upload-file-name {
  padding-left: 40px;
}

.redactor-styles {
  max-height: 250px;
  overflow-y: auto;
}

.redactor-styles ul li {
  list-style: unset;
}

.redactor-styles ol li {
  list-style: decimal;
}

/*Removing IE select arrow issue*/

select::-ms-expand {
  display: none;
}

.report-dropdown {
  position: absolute;
  left: 250px;
  top: -100%;
  padding: 0;
  box-shadow: 2px 2px 3px 0px #9090905c;
  border: 1px outset #ccc;
  min-width: max-content;
  display: none;
}

#report-drop-toggle:hover .report-dropdown {
  display: block;
}

.report-dropdown li {
  padding: 0px !important;
  min-width: 250px;
  background: #e8e8e8 !important;
}

.report-dropdown li a {
  line-height: 38px;
  width: 100%;
  display: inline-block;
  padding: 5px 25px !important;
  margin: 0;
}

.report-dropdown li:hover {
  background: #f6f8fa !important;
}

.grade-selector {
  width: 39px;
  height: auto;
  border: none !important;
  padding-right: 10px;
  text-align-last: center;
  background-size: 11px !important;
}

.rt-text {
  width: 40px;
}

.log-action-head {
  padding: 15px 0px;
  display: flex;
  border-bottom: 1px solid #ccc;
  justify-content: space-between;
}

.log-action-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 5px 0;
}

.log-action-row input {
  width: 60px;
  height: 30px;
  margin-top: 3px;
  margin-right: 35px;
}

.nopadd-right {
  padding-right: 0;
}

.log-action-row .btn {
  padding: 0px;
}

.log-action-info {
  line-height: 35px;
}

.log-action-controls {
  display: flex;
  justify-content: space-around;
}

.title-points {
  padding-right: 145px;
}

#activity-table select {
  padding: 8px 30px 7px 5px;
}

.content-wrap-fullwidth {
  padding-right: 0px;
}

.contentwrap-custom-padding {
  padding-right: 320px;
}

.empty-notifications {
  padding: 50px 0px;
}

.empty-notifications p {
  color: #ababab;
  font-size: 16px;
  font-weight: 500;
  padding-top: 15px;
}

#notification_main .readed {
  color: #b7b7b7;
}

#notifications_main .dropdown-menu li a {
  color: #371744;
}

.notify-icoset.dropdown-toggle:focus {
  background: transparent !important;
}

#site_notification_count_wrapper:hover {
  background: transparent !important;
}

.question-slider-wrap .arrow-right-dot {
  margin-right: 0px !important;
}

.flex-space {
  display: flex !important;
  justify-content: space-between;
}

/*Overview accordion*/

.accordion-container .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 8px 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion-container .accordion .icon-tick {
  width: 22px;
  height: 22px;
  display: inline-block;
  border: 2px solid #41ad49;
  border-radius: 50%;
  padding: 3px;
  vertical-align: bottom;
}

.accordion-container .accordion .icon-close {
  color: #d44949;
  font-size: 22px;
  font-weight: 500;
  line-height: 10px;
  vertical-align: sub;
  width: 22px;
  height: 22px;
  display: inline-block;
  border: 2px solid #d44949;
  border-radius: 50%;
  padding: 3px;
}

.accordion-container .active,
.accordion:hover {
  background-color: #ccc;
}

.accordion-container .accordion:after {
  content: "\002B";
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion-container .accordion.active:after {
  content: "\2212";
}

.accordion-container .panel {
  padding: 0px 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-container .panel ul {
  padding: 15px 18px;
}

.accordion-container .panel ul li {
  padding: 5px 0;
}

.accordion-container .step-title {
  font-size: 14px;
  font-weight: 500;
  padding-left: 5px;
}

/* accordion-table for payment gateway */

.accordion-table .panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #eeeeee;
}

.accordion-table .panel-default>.panel-heading {
  padding: 0;
  border-radius: 0;
  color: #212121;
  background-color: #fafafa;
  border-color: #eeeeee;
}

.accordion-table .panel-title {
  font-size: 14px;
}

promocode-userreport-header .accordion-table .panel-title>a {
  display: block;
  padding: 15px;
  text-decoration: none;
}

.accordion-table .more-less {
  float: right;
  color: #212121;
}

.accordion-table .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #eeeeee;
}

.promo-align input {
  vertical-align: super;
}

.bundle-icon {
  vertical-align: middle;
}

.bundle-icon svg {
  width: 25px;
  height: 30px;
}

.bundle-icon svg .st0 {
  fill: #fff !important;
}

.promocode-userreport-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.promocode-userreport-header .save-btn {
  padding: 4px 40px 0px 0px;
}

.category-list li {
  display: flex;
  flex-direction: row;
}

.category-list .question-category-lecturehold {
  width: calc(100% - 40px);
}

.ui-sortable-handle :hover {
  cursor: pointer;
}

.cms-mange-list {
  display: flex !important;
  align-items: center;
  max-width: 100% !important;
  min-width: 250px;
}

.cms-mange-list a {
  width: 100%;
}

.ui-sortable-helper .ondrag-hide {
  display: none !important;
}

.date-clear {
  position: absolute;
  top: 6px;
  right: 10px;
  z-index: 9;
  font-size: 24px;
  color: #444;
  cursor: pointer;
}

.pos-relative {
  position: relative;
}

.admin-reply-container .reply-row {
  padding: 10px 0px;
}

.admin-reply-container .reply-row a {
  color: #57ba56;
  cursor: pointer;
}

.admin-reply-preview {
  padding: 25px 15px 0px 50px;
}

.media-heading.review-name {
  font-weight: 500;
}

.page-listing-row .cms-mange-list {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.page-listing-row .icon-wrap-round {
  height: unset;
  width: unset;
  padding: 4px;
  background: unset;
}

.page-listing-row .ondrag-hide {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.question-category-lecturehold .dropdown-menu a {
  display: inline-block;
  width: 100%;
}

.page-listing-row .ellipsis-style.display-initial {
  display: flex;
  align-items: center;
  max-width: 250px;
  min-width: 250px;
}

.review-width-65 .date {
  font-size: 12px;
}

.cursor-default {
  cursor: default !important;
}

/* testimonial starts here */

.testimonial-manager {
  margin: 30px 20px;
}

.testimonial-column {
  padding: 20px 15px;
  border-radius: 8px;
  border: 1px solid #eee;
  background: #fff;
}

.testimonial-user-info {
  margin-bottom: 10px;
}

.testimonial-user-info .file-uploader input[type="file"] {
  display: none;
}

.testimonial-manager input {
  box-shadow: none;
  border-color: #dedede;
  border-radius: 5px;
}

.testimonial-manager textarea {
  box-shadow: none;
  border-color: #dedede;
  border-radius: 5px;
}

.testimonial-manager input::placeholder {
  color: #b7b7b7;
  font-style: italic;
}

.testimonial-manager textarea::placeholder {
  color: #b7b7b7;
  font-style: italic;
}

.testimonial-user-info .file-uploader {
  width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.testimonial-user-info .file-uploader .avatar-preview {
  width: 100%;
  height: 100%;
}

.user-details {
  width: calc(100% - 65px);
  padding-left: 20px;
}

.testimonial-content textarea {
  resize: none;
}

.testimonial-action {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.testimonial-column .testimonial-content .review-text {
  display: none;
}

.testimonial-column .user-info-edit {
  display: flex;
  align-items: center;
}

.user-info-preview {
  display: none;
}

.testimonial-avatar-preview {
  width: 45px;
  min-width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
}

.testimonial-avatar-preview .avatar {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-username-designation-preview {
  padding-left: 15px;
}

.testimonial-username-designation-preview .testimonial-username {
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  text-transform: capitalize;
}

.testimonial-username-designation-preview .testimonial-designation {
  font-size: 13px;
  font-weight: 500;
  color: #8a8a8a;
  text-transform: capitalize;
}

.review-text {
  padding: 10px 0px 5px 0px;
}

.info-left {
  display: flex;
  align-items: center;
}

.info-right {
  display: flex;
  align-items: center;
  min-width: 50%;
  justify-content: flex-end;
}

.check-box-holder {
  display: flex;
}

.showin-home-text {
  margin-right: 15px;
  max-width: 380px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 17px;
  width: 17px;
  border: 2px solid #cccccc;
}

.custom-checkbox:hover input~.checkmark {
  background-color: #fff;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox input:checked~.checkmark:after {
  display: block;
}

.custom-checkbox .checkmark:after {
  left: 5px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #52af50;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ====== */
.custom-radio {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-right: 0px !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 2px solid #cccccc;
  border-radius: 50%;
}

.custom-radio:hover input~.checkmark {
  background-color: #fff;
}

.custom-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio input:checked~.checkmark:after {
  display: block;
}

.custom-radio .checkmark:after {
  position: absolute;
  top: -2px;
  left: -2px;
  height: 6px;
  width: 6px;
  border: 6px solid #3e97fa;
  border-radius: 50%;
  box-sizing: content-box;
}

/* ==== */
.testimonial-settings .dropdown-toggle .dot-icon:hover {
  color: #57ba56;
}

.testimonial-settings .dropdown-toggle .dot-icon {
  transform: rotate(90deg) translateY(-50%);
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 700;
  color: #444;
  padding: 0px 0px;
  cursor: pointer;
  display: inline-block;
  user-select: none;
}

.testimonial-settings .dropdown-menu {
  right: -10px !important;
  left: auto;
  padding: 0px;
  border-color: #d6d6d6;
}

.file-uploader .img-upload-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* On Preview */
.testimonial-column.preview {
  padding: 20px 22px;
}

.testimonial-column.preview .file-uploader {
  width: 45px;
  min-width: 45px;
  height: 45px;
  background: #5f89fa;
  border-radius: 50%;
}

.testimonial-column.preview .user-details {
  padding-left: 15px;
}

.testimonial-column.preview .user-details .form-group {
  margin: 0px;
}

.testimonial-column.preview .user-info-preview {
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
}

.testimonial-column.preview .testimonial-content textarea {
  display: none;
}

.testimonial-column.preview .testimonial-content .review-text {
  display: block;
  word-break: break-word;
}

.testimonial-column.preview .testimonial-action {
  display: none;
}

.testimonial-column.preview .user-info-edit {
  display: none;
}

.testimonial-column.preview .testimonial-content-remain {
  display: none;
}

.testimonial-column.preview .message-testimonial {
  display: none;
}

/* testimonial starts end */

.page-preview-container iframe {
  width: 100%;
  height: 100%;
  min-height: calc(65vh);
  overflow: auto;
}

/*Free prev report*/
.preview-report-container {
  position: fixed;
  top: 96px;
  right: 0px;
  width: calc(100% - 470px) !important;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  margin: 0px 20px;
  overflow: hidden;
  border: 1px solid #e4e4e4;
}

.preview-report-container .free-prev-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 5px 15px;
  border-bottom: 1px solid #e4e4e4;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width: 100%;
}

.preview-report-container .search-holder {
  position: relative;
}

.preview-report-container .search-holder input {
  width: 500px;
  margin-right: 0px;
  box-shadow: none;
  border-color: #e2e2e2;
  padding: 6px 10px;
  font-size: 13px;
}

.preview-report-container .search-icon {
  position: absolute;
  top: 6px;
  left: 95%;
  right: auto;
}

.preview-report-container .search-holder input::placeholder {
  font-style: italic;
  color: #dadada;
}

.preview-report-container .free-prev-action {
  display: flex;
  align-items: center;
}

.preview-report-container .free-prev-header h5 {
  font-weight: 500;
}

.preview-report-container .search-holder .btn-green {
  height: 31px !important;
  line-height: 30px !important;
}

.preview-report-container .report-row {
  cursor: pointer;
}

.preview-report-container .report-row.active {
  background: #f2f7fb;
}

.preview-report-container .report-row-content {
  display: flex;
  justify-content: space-between;
  padding: 5px 0px;
  cursor: pointer;
  margin-left: 15px;
  border-bottom: 1px solid #f1f1f1;
}

.preview-report-container .status-count {
  background: #00a651;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0px 8px;
  border-radius: 125px;
  display: inline-table;
}

.preview-report-container .preview-report-content {
  min-height: calc(100vh - 158px);
  max-height: calc(100vh - 158px);
  background: #fff;
}

.preview-report-container .prev-report-title {
  max-width: 300px;
  min-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.preview-report-container .free-users-info {
  padding: 10px 0px;
  margin: 0px 15px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 14px;
}

.preview-report-container .right-report-container .bulk-action-wrapper {
  padding: 10px 15px;
  background: #fff;
}

.preview-report-container .right-report-container .dropdown-menu {
  top: unset !important;
}

.preview-report-container .previeved-user-row {
  width: calc(100% - 60px);
  margin-right: auto;
}

.previewed-user-list {
  min-height: calc(100vh - 197px);
  max-height: calc(100vh - 197px);
  overflow-y: auto;
}

/* Utility classes */
.d-flex {
  display: flex;
}

.justify-between,
.justify-content-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.flex-row {
  flex-direction: row;
}

.b-0 {
  border: 0px;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100% !important;
}

.p-0 {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-05 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px;
}

.custom-close-icon {
  font-size: 36px;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer;
}

.b-0 {
  border: 0px !important;
}

.bt-1 {
  border-top: 0px !important;
}

.br-0 {
  border-right: 0px !important;
}

.bb-0 {
  border-bottom: 0px !important;
}

.bl-0 {
  border-left: 0px !important;
}

.custom-page-header {
  border-bottom: 1px solid #ececec;
}

.tt-unset {
  text-transform: unset !important;
}

/* Utility classes ends */

/* Custom UI Library starts here */
.custom-cancel-btn {
  border: 0px;
  background: unset;
  box-shadow: none;
  color: #5a5a5a;
  font-size: 12px !important;
  text-transform: capitalize;
}

.custom-cancel-btn:hover {
  color: #0da296;
}

.custom-cancel-btn:focus {
  color: #0da296;
}

.custom-cancel-btn:active {
  box-shadow: none !important;
}

.custom-rounded-btn {
  border: 0px;
  background: #0bb8a9;
  box-shadow: none;
  color: #ffffff;
  font-size: 12px !important;
  font-weight: 400;
  border-radius: 18px !important;
  padding: 5px 20px;
  text-transform: unset;
  position: relative;
}

.custom-rounded-btn:hover {
  background: #0da296;
  color: #fff;
}

.custom-rounded-btn:focus {
  background: #0da296;
  color: #fff;
}

.custom-text-blue-btn {
  border: 0px;
  background: unset;
  box-shadow: none;
  color: #0bb8a9;
  font-size: 13px !important;
  text-decoration: underline;
  text-transform: capitalize;
}

.custom-text-blue-btn:hover {
  color: #0da296;
}

.custom-text-blue-btn:focus {
  color: #0da296;
}

.custom-rounded-border-btn {
  background: unset;
  border: 1px solid #0bb8a9;
  box-shadow: none;
  color: #0bb8a9;
  font-size: 13px !important;
  border-radius: 18px !important;
  padding: 5px 25px;
  text-transform: capitalize;
}

.custom-rounded-border-btn:hover {
  border-color: #0da296;
  color: #0da296;
}

.custom-rounded-border-btn:focus {
  border-color: #0da296;
  color: #0da296;
}

.custom-text-blue-btn {
  min-width: 125px;
}

.custom-save-btn {
  min-width: 125px;
}

.custom-cancel-btn {
  min-width: 125px;
}

.custom-rounded-border-btn {
  min-width: 125px;
}

.next-btn-arrow {
  padding-right: 35px;
}

.next-btn-arrow:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: rotate(45deg) translateY(-50%);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.back-btn-arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: rotate(45deg) translateY(-50%);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

/* Custom UI Library ends here */

.preview-report-container .free-users-contact {
  font-size: 13px;
}

.preview-report-container .right-report-container {
  background: #f2f7fb;
  border-left: 1px solid #e2e2e2;
}

.preview-report-container .left-report-container {
  min-height: calc(100vh - 158px);
  max-height: calc(100vh - 158px);
  overflow-y: auto;
}

.preview-report-container .td-dropdown {
  margin-right: 5px;
}

.preview-report-container .export-btn {
  height: 31px;
  line-height: 30px;
}

.preview-report-container .free-users-info .td-dropdown {
  display: none;
}

.preview-report-container .free-users-info:hover .td-dropdown {
  display: block;
}

.preview-report-container .loadmore-block {
  margin-top: 15px !important;
}

/*Free prev report*/

/* Menu Manager */
.menu-manager {
  position: relative;
  top: 95px;
  padding: 25px;
}

.menu-manager .section-title-holder {
  background: #fff;
  padding: 5px 25px;
  line-height: 30px;
  font-size: 15px;
  font-weight: 500;
  border: 0px;
  box-shadow: 0px 0px 20px #ebebeb;
}

.menu-container {
  border-radius: 4px;
  overflow: hidden;
}

.menu-manager ul.menu-wrapper {
  padding: 10px 25px !important;
  background: #fff;
  min-height: calc(100vh - 196px);
  max-height: calc(100vh - 196px);
  overflow-y: auto;
  border-radius: 4px;
}

.menu-manager .left-menu-container {
  padding-left: 0px;
  padding-right: 12px;
}

.menu-manager .right-menu-container {
  padding-left: 12px;
  padding-right: 0px;
}

.menu-manager .menu-ul>li {
  border: 0px;
  box-shadow: none;
}

.menu-manager .menu-list {
  margin: 0px;
  position: relative;
}

.menu-manager .menu-item {
  border: 1px solid #efefef;
  border-radius: 3px;
  padding: 8px 0px;
  display: flex;
  align-items: center;
  background: #fff;
}

.menu-manager .dragger-icon-holder {
  width: 38px;
  cursor: move;
  position: relative;
}

.menu-manager .dragger-icon {
  display: inline-block;
  width: 20px;
  height: 25px;
  word-break: break-word;
  line-height: 7px;
  color: #d4d4d4;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  left: 10px;
  top: -7px;
  opacity: 1;
}

.menu-manager .menu-title {
  padding-left: 35px !important;
  font-size: 14px;
  font-weight: 500;
}

.menu-manager .menu-list-child {
  padding-left: 35px;
  /*margin-bottom: 15px;*/
  margin-bottom: 0;
}

.menu-manager .border-blue {
  border-left: 4px solid #01acf1 !important;
}

.menu-manager .border-orange {
  border-left: 4px solid #f36621 !important;
}

.menu-manager .border-red {
  border-left: 4px solid #f11b27 !important;
}

.menu-manager .border-green {
  border-left: 4px solid #8ec63f !important;
}

.menu-manager .border-pink {
  border-left: 4px solid #f06eac !important;
}

.menu-manager .border-darkblue {
  border-left: 4px solid #448cc7 !important;
}

.menu-manager .menu-list-child .menu-list {
  margin: 7px 0px !important;
}

.menu-manager .section-highlight {
  height: 41px !important;
  margin-bottom: 7px !important;
}

.menu-manager .menu-list-child .menu-list:last-child {
  margin-bottom: 15px !important;
}

.menu-manager .menu-list-child {
  min-height: 6px !important;
}

/* Menu Manager */

/* Information Popup & Toaster starts here */
.information-settings {
  top: 125px !important;
}

.notification-manager .preview-wrapper {
  background-image: linear-gradient(135deg,
          #ffffff 36.36%,
          #f2f2f2 36.36%,
          #f2f2f2 50%,
          #ffffff 50%,
          #ffffff 86.36%,
          #f2f2f2 86.36%,
          #f2f2f2 100%);
  background-size: 15.56px 15.56px;
  width: 100%;
  height: calc(100vh - 202px);
  border-radius: 8px;
  position: relative;
  border: 1px solid #e5e6e8;
}

.notification-manager .preview-wrapper .prev-home-screen {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  width: 93%;
  max-width: 93%;
}

.notification-manager .preview-wrapper .prev-home-screen-image {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  top: 25%;
  z-index: 9;
  width: 93%;
  max-width: 93%;
  height: 100%;
  filter: brightness(0.5);
}

.notification-manager .redactor-styles {
  min-height: 140px !important;
  max-height: 140px !important;
}

/* Top notitfication on header */
.notification-manager .top-notification-slider {
  display: flex;
  align-items: center;
  background: #4f4f6b;
  padding: 5px 10px;
  font-size: 10px;
  min-height: 40px;
  right: 0px;
  left: 0px;
  pointer-events: none;
}

.notification-manager .top-notification-slider .slide {
  display: none;
  width: calc(100% - 30px);
  opacity: 0;
  transition: 0.6s ease opacity;
  word-break: break-word;
}

.notification-manager .top-notification-slider .slide p {
  margin: 0px !important;
  font-size: 7px;
  font-weight: 500;
  color: #fff;
}

.notification-manager .top-notification-slider .slide * {
  color: #fff;
}

.notification-manager .top-notification-slider .showing {
  display: inline-block;
  opacity: 1;
  color: #fff;
}

.notification-manager .top-notification-slider .close {
  margin-left: 10px;
  color: #fff;
  opacity: 1;
  font-size: 20px;
  font-weight: 200;
}

.notification-manager .top-notification-slider a {
  color: #f7bf00;
}

/* Top notitfication on header ends here */

/* Information popup on modal */
.notification-manager .preview-wrapper .information-modal {
  position: absolute;
  pointer-events: none;
  top: 0%;
}

.notification-manager .preview-wrapper .information-modal .modal-dialog {
  max-width: 260px;
  top: 0%;
  transform: translateY(10%) !important;
}

.notification-manager .preview-wrapper .information-modal .modal-content {
  background: #fff;
  border-radius: 6px;
}

.notification-manager .preview-wrapper .information-modal .modal-header {
  border: 0px;
}

.notification-manager .preview-wrapper .information-modal .modal-body {
  font-size: 10px;
  font-weight: 500;
  padding: 20px 20px;
  background: url(../themes/ofabee/images/popup_asset.png);
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: 175px -10px;
}

.notification-manager .preview-wrapper .information-modal .close-btn-orange {
  background: #faa130;
  color: #fff;
  padding: 2px 14px;
  border-radius: 5px;
  font-size: 9px;
  min-width: auto;
}

.notification-manager .preview-wrapper .information-modal .close {
  color: #131313;
  font-size: 22px;
  font-weight: 400;
  position: absolute;
  top: 5px;
  right: 10px;
}

.notification-manager .preview-wrapper .information-modal .close:hover {
  color: #afafaf;
  font-size: 38px;
  font-weight: 300;
}

.notification-manager .preview-wrapper .close-btn-holder {
  padding: 15px 0px 0px 0px;
}

/* Information popup on modal ends */

/* Information Popup & Toaster ends here */

/* Bundle Settings */
.manage-bundle-wrapper .manage-bundle {
  background: #fff;
  border: 1px solid #ebebed;
  border-radius: 6px;
  margin-bottom: 15px;
}

.manage-bundle-wrapper .bundle-validity {
  background: #fff;
  padding: 20px;
  border: 1px solid #ebebed;
  border-radius: 6px;
  margin-bottom: 15px;
}

.manage-bundle-wrapper .bundle-pricing {
  background: #fff;
  padding: 20px;
  border: 1px solid #ebebed;
  border-radius: 6px;
  margin-bottom: 15px;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs {
  border-bottom: 0px;
  box-shadow: 0px 0px 30px #f3f3f3;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs li a {
  color: #bbbbbb;
  padding: 0px 10px;
  font-weight: 500;
  margin: 0px;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs li {
  padding: 10px 0px;
  margin: 0 10px;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs li.active {
  border-bottom: 2px solid #0171bb;
}

.manage-bundle-wrapper .manage-bundle .nav-tabs li.active a {
  color: #444;
}

.manage-bundle-wrapper .manage-bundle .tab-content {
  padding: 15px 20px;
}

.strong-title {
  font-weight: 500;
  font-size: 14px;
}

.manage-bundle-wrapper .remove-bundle-item {
  font-size: 28px;
  font-weight: 400;
  color: #fb5d5d;
  line-height: 16px;
  cursor: pointer;
  display: none;
}

.manage-bundle-wrapper .bundle-item-row {
  border-top: 1px solid #f6f6f6;
  padding: 12px 0px;
}

.manage-bundle-wrapper .bundle-item-row:first-child {
  border-top: 1px solid #fff;
}

.manage-bundle-wrapper .bundle-item-row:hover .remove-bundle-item {
  display: block;
}

.manage-bundle-wrapper .status-holder {
  width: 25%;
  min-width: 25%;
}

.manage-bundle-wrapper .bundle-name {
  margin-left: 15px;
}

.manage-bundle-wrapper .validity-holder {
  display: flex;
  align-items: center;
  min-height: 43px;
  padding-top: 5px;
}

.manage-bundle-wrapper .pricing-column-right {
  padding-left: 15px;
  padding-right: 0px;
}

.manage-bundle-wrapper #tax-table {
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 10px;
  padding: 0px;
}

.manage-bundle-wrapper .billing-table {
  width: calc(100% - 30px);
  margin: 0 auto;
}

.manage-bundle-wrapper #tax-table table td {
  border: 0px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 13px;
  padding: 11px 0px;
  color: #616d7b;
}

.manage-bundle-wrapper #tax-table table tr:last-child td {
  border-bottom: 0px;
}

.manage-bundle-wrapper .bundle-total-row {
  padding: 10px 15px;
  background: #f8f8f8;
}

.manage-bundle-wrapper .validityby-date {
  padding-left: 15px;
}

.manage-bundle-wrapper .pricing-column-right {
  padding-left: 15px;
}

.manage-bundle-wrapper .pricing-column-left {
  padding-right: 15px;
  padding-left: 0px;
}

.manage-bundle-wrapper .add-item-btn {
  color: #0a9dbf !important;
}

.manage-bundle-wrapper .course-image-preview:hover .btn-green {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  margin: 0 auto;
}

.manage-bundle-wrapper .pricing-option {
  margin-bottom: 15px;
}

.manage-bundle-wrapper .settings-logo {
  height: 205px;
  position: relative;
  overflow: hidden;
}

.manage-bundle-wrapper .img-chng {
  border-radius: 5px;
}

.manage-bundle-wrapper .course-image-preview img {
  width: 100%;
  height: 100%;
}

.manage-bundle-wrapper .course-settings-title {
  display: flex;
  align-items: baseline;
}

.manage-bundle-wrapper .course-settings-title.edit .bundle-title-preview {
  display: none;
}

.manage-bundle-wrapper .course-settings-title.edit .bundle-title-edit {
  display: none;
}

.manage-bundle-wrapper .course-settings-title.edit .bundle-title-input {
  display: inline-block;
}

.manage-bundle-wrapper .bundle-title-input {
  display: none;
}

.manage-bundle-wrapper .bundle-title-edit {
  font-size: 13px;
  font-weight: 500;
  color: #02b9fb;
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
}

.manage-bundle-wrapper .bundle-title-preview {
  font-size: 22px;
  max-width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manage-bundle-wrapper .category-list {
  flex-wrap: wrap;
}

.manage-bundle-wrapper .category-list .category-item {
  font-size: 13px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 3px 3px 3px 15px;
  border-radius: 16px;
  margin: 0px 5px 5px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.manage-bundle-wrapper .more-category-item {
  font-size: 13px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 3px 10px 3px 10px;
  border-radius: 16px;
  margin: 0px 5px 5px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.manage-bundle-wrapper .add-category-item {
  font-size: 13px;
  background: #8f8f8f;
  color: #fff;
  border: 1px solid #8f8f8f;
  padding: 3px 15px;
  border-radius: 16px;
  margin: 0px 5px 5px 0px;
  cursor: pointer;
}

.manage-bundle-wrapper .category-rmv {
  background: #ababab;
  color: #fff;
  display: block;
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  line-height: 18px;
  margin-left: 5px;
  cursor: pointer;
}

.manage-bundle-wrapper .tax-column {
  margin-top: 15px;
}

.bundle-image-info {
  font-size: 12px;
  color: #7d7d7d;
  margin-top: 12px;
  display: inline-block;
}

/* Bundle Settings ends */

/* Course Settings ends */
.course-setting-col {
  background: #fff;
  padding: 20px;
  border: 1px solid #ebebed;
  border-radius: 6px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.course-setting-grid {
  display: grid;
  grid-template-columns: auto auto auto auto;
  margin: 0 -15px;
}

.course-settings-tab .nav-tabs {
  border-bottom: 0px;
  box-shadow: 0px 0px 30px #f3f3f3;
}

.course-settings-tab .nav-tabs li a {
  color: #bbbbbb;
  padding: 0px 10px;
  font-weight: 500;
  margin: 0px;
}

.course-settings-tab .nav-tabs li {
  padding: 10px 0px;
  margin: 0 10px;
}

.course-settings-tab .nav-tabs li.active {
  border-bottom: 2px solid #0171bb;
}

.course-settings-tab .nav-tabs li.active a {
  color: #444;
}

.course-settings-tab .tab-content {
  padding: 15px 20px;
}

.add-new-information {
  display: inline-block;
  padding: 2px 11px;
  background: #0bb8a9;
  color: #fff;
  border: 0 !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 23px;
}

.course-tab-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -20px -20px 20px -20px;
  padding: 8px 20px;
  background: #fff;
  box-shadow: 0px 0px 30px #f3f3f3;
}

/* Course Settings ends */

/* Coupon Code starts here */
.promocode-listing-row .promo-align {
  padding-top: 10px !important;
  padding-bottom: 0px !important;
}

.promocode-listing-row .coupon {
  border: 2px dashed #888;
  padding: 2px 10px;
  background: #ecf9d7;
  margin-left: 15px;
  position: relative;
  overflow: unset;
}

.promocode-listing-row .promo-align input {
  top: -5px;
}

.promocode-listing-row .expired-coupon {
  background: #fff0fd;
}

.promocode-listing-row .coupon a {
  font-weight: 500;
  color: #6d6d6d;
}

.promocode-listing-row .dropdown-tigger {
  padding: 7px 3px;
}

.instruction-sidebar {
  position: absolute;
  top: 45px;
  left: 0px;
  right: 0px;
}

.instruction-sidebar .test-listings {
  width: 90%;
  margin: 0 auto;
}

/* Coupon Code ends here */

/* Custom Tooltip */
.coupon:hover .custom-tooltip {
  display: block;
}

.custom-tooltip {
  background: #444;
  color: #fff;
  padding: 8px 15px;
  position: absolute;
  top: -45px;
  left: 0px;
  right: 0px;
  min-width: 142px;
  z-index: 999999;
  display: none;
}

.custom-tooltip:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #444;
  bottom: -4px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  transform: rotate(45deg);
}

/* Custom Tooltip ends */

#review .dropdown-tigger {
  padding: 7px 3px !important;
}

/* Review UI starts here */
.review-wrapper .icon-wrap-round {
  width: 45px;
  min-width: 45px;
  height: 45px;
}

.review-wrapper .icon-wrap-round img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.review-wrapper .reviewer-info {
  padding: 0px 0px 0px 5px;
}

.review-wrapper .date {
  font-size: 13px;
  color: #949494;
  padding-top: 4px;
}

.anouncement-content .review-wrapper .redactor-editor {
  padding: 20px 0px 0px 0px !important;
  word-break: break-word;
}

.review-wrapper .warning-icon {
  background: #fbb06f;
  color: #fff;
  font-weight: 800;
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  margin-right: 5px;
}

.review-wrapper .Inactive-section {
  font-style: normal;
}

.review-wrapper .active-section {
  font-style: normal;
}

.review-wrapper .star-ratings-sprite {
  height: 15px !important;
}

.review-wrapper .review-actions {
  padding: 15px 0px 10px 0px;
  min-height: 45px;
}

.review-wrapper .reply-btn {
  color: #57ba56;
}

.review-wrapper .reply-writer {
  width: calc(100% - 50px);
  margin-left: auto;
}

.review-wrapper .reply-writer textarea {
  margin-top: 6px;
  resize: none;
}

.review-wrapper .admin-reply-container {
  padding: 20px 0px 0px 0px;
}

.review-wrapper .admin-reply-preview {
  padding: 0px 0px 0px 60px;
}

.review-wrapper .panel-body {
  padding: 20px;
}

.review-wrapper .edit-review {
  color: #06a6b9;
}

.review-wrapper .edit-review:hover {
  color: #05606b;
}

.review-wrapper .edit-review .icon-pencil {
  font-size: 11px;
}

.review-wrapper .anouncement-content .redactor-editor {
  padding: 20px 100px 0px 0px !important;
  word-break: break-word;
}

.review-wrapper .admin-reply-preview .anouncement-holder {
  width: 87%;
}

.review-actions.hide-review-actions .publish-ignore {
  display: none;
}

.review-actions .reply-btn-holder {
  display: none;
}

.review-actions.hide-review-actions .reply-btn-holder {
  display: block;
}

/* Review UI ends here */

.bundle-bulk-action .dropdown-tigger {
  background: unset;
  border: unset;
}

.bundle-bulk-action .dropdown-menu {
  width: 150px;
  left: -40%;
}

.bundle-bulk-action .dropdown-menu li a {
  padding: 5px 15px !important;
}

#add-users-course .label-success {
  min-width: 63px;
}

.bundleenroll-notes {
  margin-top: 20px;
}

.bundleenroll-notes .bundleenroll-title {
  font-size: 16px;
  font-weight: 500;
}

.bundleenroll-notes p {
  font-size: 13px;
}

.course-card-placeholder {
  width: 366px;
  height: 205px;
  overflow: hidden;
  position: relative;
}

.course-card-placeholder {
  width: 366px;
  height: 205px;
}

/*Sales management starts here*/
.sales-manage-wrapper {
  padding: 15px 30px;
}

.sales-manage-list {
  counter-reset: section;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 0px 2px 0px #ccc;
}

.sales-manage-list li:before {
  counter-increment: section;
  content: counters(section, ".") " ";
  position: absolute;
  top: 21px;
  font-size: 10px;
  font-weight: 500;
}

.sales-manage-list li {
  background: #fff;
  padding: 14px 15px;
  position: relative;
  border-bottom: 1px solid #f6f6f6;
}

.sales-manage-wrapper .course-title {
  margin-left: 20px;
}

.sales-manage-wrapper .course-title-icon {
  background: url("../images/course-caps.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0px -26px;
  width: 28px;
  height: 25px;
  margin-right: 15px;
}

.course-type-column {
  min-width: 12%;
  text-align: center;
}

.sales-manage-wrapper .course-type {
  font-size: 11px;
  color: #fff;
  background: #27e1b2;
  border-radius: 4px;
  padding: 5px 12px;
  line-height: 12px;
  display: inline-block;
  visibility: hidden;
}

.sales-manage-list .course-pricing-column {
  min-width: 22%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sales-manage-wrapper .course-name {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  min-width: 300px;
  max-width: 300px;
  margin-right: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: capitalize;
}

.sales-manage-wrapper .selling-price {
  font-size: 16px;
  font-weight: 700;
  color: #444;
  min-width: 60px;
  margin-right: 15px;
}

.sales-manage-wrapper .mrp {
  font-size: 14px;
  font-weight: 500;
  color: #9f9f9f;
  margin-right: 15px;
  min-width: 60px;
  /* visibility: hidden; */
}

.sales-manage-wrapper .mrp-amount {
  text-decoration: line-through;
  text-decoration-color: #eb0000;
}

.discount-tag-column {
  min-width: 70px;
}

.sales-manage-wrapper .discount-tag {
  font-size: 10px;
  font-weight: 500;
  background: orange;
  color: #fff;
  line-height: 12px;
  padding: 1px 4px;
  border-radius: 3px;
  text-transform: uppercase;
  max-width: 55px;
  text-align: center;
  /* visibility: hidden; */
}

.sales-manage-wrapper .drag {
  position: relative;
  min-width: 120px;
}

.sales-manage-wrapper .drag .drag-icon {
  display: inline-block;
  width: 20px;
  height: 25px;
  word-break: break-word;
  line-height: 7px;
  color: #d4d4d4;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  left: -15px;
  top: -18px;
  opacity: 1;
  cursor: move;
}

.sales-manage-wrapper .drag .drag-icon:hover {
  color: #64277d;
}

.sales-manage-wrapper .popularity-holder {
  min-width: 9%;
}

.sales-manage-wrapper .popularity {
  font-size: 13px;
  font-weight: 500;
  color: #676767;
  margin-right: 60px;
}

.sales-manage-wrapper .featured-holder {
  min-width: 9%;
}

.sales-manage-wrapper .featured {
  font-size: 13px;
  font-weight: 500;
  color: #676767;
  margin-right: 40px;
}

.sales-manage-wrapper .rupee-unicode {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
}

.sales-manage-wrapper .arrange {
  display: flex;
  flex-direction: column;
  min-width: 5%;
  text-align: left;
}

.sales-manage-wrapper .arrange .up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #cecece;
  margin-bottom: 7px;
  cursor: pointer;
}

.sales-manage-wrapper .arrange .up:hover {
  border-bottom: 7px solid #64277d;
}

.sales-manage-wrapper .arrange .down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #cecece;
  cursor: pointer;
}

.sales-manage-wrapper .arrange .down:hover {
  border-top: 7px solid #64277d;
}

.sales-manage-wrapper .review-wrapper .star-ratings-sprite {
  height: 15px !important;
}

.sales-manage-wrapper .star-ratings-sprite {
  background: url(../themes/ofabee/img/star-rating-sprite.png) repeat-x;
  font-size: 0;
  height: 16px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 80px;
  display: inline-block;
}

.sales-manage-wrapper .star-ratings-sprite-rating {
  background: url(../themes/ofabee/img/star-rating-sprite.png) 0 106% repeat-x;
  float: left;
  height: 16px;
  display: block;
}

.sales-manage-wrapper .custom-checker {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sales-manage-wrapper .custom-checker input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sales-manage-wrapper .checkmark {
  position: absolute;
  top: -8px;
  left: -8px;
  height: 15px;
  width: 15px;
  border-radius: 4px;
  background-color: #fff;
}

.sales-manage-wrapper .custom-checker input:checked~.checkmark {
  border: 2px solid #ccc;
  border-radius: 4px;
}

.sales-manage-wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.sales-manage-wrapper .custom-checker input:checked~.checkmark:after {
  display: block;
}

.sales-manage-wrapper .custom-checker .checkmark:after {
  left: 4px;
  top: 0px;
  width: 4px;
  height: 9px;
  border: solid #1eabdf;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sales-manage-wrapper .custom-checker .checkbox-title {
  position: absolute;
  left: 20px;
}

.sales-manage-wrapper .sales-manage-list li.bundle .course-title-icon {
  background-position: 0px -1px;
}

.sales-manage-wrapper .sales-manage-list li.bundle .course-type {
  visibility: visible;
}

.sales-manage-wrapper .sales-manage-list li.bundle .mrp {
  visibility: visible;
}

.sales-manage-wrapper .sales-manage-list li.bundle .discount-tag {
  visibility: visible;
}

.sales-manage-list li.ui-sortable-helper {
  border: 2px dashed #8fb11c8f;
}

.suggestion {
  width: 92.4%;
  background-color: white;
  border: 1px solid #c7c9ca;
  border-radius: 0px 0px 4px 4px;
  overflow: hidden;
  box-shadow: 0px 0px 5px 0px #ccc;
}

.suggestion>#suggestion-list {
  max-height: 155px;
  overflow-y: auto;
}

#suggestion-list>li {
  padding: 10px 15px;
  /* border-bottom: 1px solid #f3f3f3; */
  cursor: pointer;
  text-align: left;
  font-size: 13px;
  position: relative;
}

.sales-manage-list li.active {
  background: #ebeffb;
}

#suggestion-list>li:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0;
  bottom: 0px;
  width: 95%;
  height: 1px;
  background: #f3f3f3;
  margin: 0 auto;
}

#suggestion-list>li:hover {
  background: #f5f5f5;
}

/*Sales management ends here*/

/*Section Image uploader*/
.section-create-wrapper {
  margin: 0 auto;
  width: 200px;
  height: 120px;
  border: 1px solid #b3b3b3;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.section-card-container {
  margin: 0 auto;
  width: 200px;
  height: 120px;

  overflow: hidden;
}

.section-card-container .section-card {
  height: 120px;
  width: 200px;
  position: relative;
}

.section-card-container .section-img-upload-btn {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  left: 0px !important;
  right: 0px;
  margin: 0 auto;
  cursor: pointer;
  width: fit-content;
  display: none;
}

.section-card:hover .section-img-upload-btn {
  display: block;
}

.section-card-container .section-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-card-container .section-card .fileinput {
  position: absolute;
  z-index: 99;
  left: 0px;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 120px;
  opacity: 0;
}

/* Import Lecture modal */
#import_section_list>li {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#import_section_list .lectr-deep-innr {
  display: flex;
  align-items: center;
}

#import_section_list ul .lectr-deep-innr {
  padding: 10px 10px 0px 10px;
}

#import_section_list ul .lectr-deep-innr label .course-icon {
  margin-right: 10px;
}

.evaluate-btn {
  display: inline-block;
  background: #ff6319;
  color: #fff !important;
  padding: 2px 8px;
  border-radius: 4px;
  min-width: 80px;
}

.evaluate-btn:hover {
  background: #e04003;
}

.evaluated-btn {
  display: inline-block;
  background: #57ba56;
  color: #fff !important;
  padding: 2px 8px;
  border-radius: 4px;
  min-width: 80px;
}

.evaluated-btn:hover {
  background: #479c46;
}

#category_manage_wrapper .drager {
  width: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#category_manage_wrapper .dragging .drager-icon {
  color: #64277d;
  font-size: 18px;
  font-weight: 400;
  width: 15px;
  word-break: break-word;
  line-height: 5px;
  margin-top: -10px;
}

#category_manage_wrapper .dragging.select .drager-icon {
  color: #fff;
}

.no-match-users-group {
  font-size: 18px;
  font-weight: 500;
  color: #ccc;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  text-align: center;
}

.no-content-text {
  font-size: 16px;
  font-weight: 500;
  color: #a0a0a0;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.course-content-status {
  padding: 10px;
}

.course-content-status:hover {
  background: #64277d1c;
  cursor: pointer;
}

/* Profile view UI fix */
.profile-info-row {
  display: flex;
  align-items: center;
}

/* .profile-info-row span {
width: 50%;
min-width: 50%;
} */
/* please use separate class for above css, (conflicted css) */

.col-40 {
  width: 40% !important;
  min-width: 40% !important;
}

.col-50 {
  width: 50% !important;
  min-width: 50% !important;
}

.col-60 {
  width: 60% !important;
  min-width: 60% !important;
}

#report_date_start {
  width: 100%;
  background: unset;
  border: 0px;
  box-shadow: none;
}

#report_date_end {
  width: 100%;
  background: unset;
  border: 0px;
  box-shadow: none;
}

.question-error-info {
  margin: 20px 0px;
  padding: 20px;
  border: 2px dashed #d652524a;
}

.question-error-info ul li {
  list-style-type: disc !important;
  list-style-position: inside;
  color: #d65252;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.question-error-info ul li:last-child {
  margin-bottom: 0px;
}

.remove_banner,
.remove_web_banner {
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 999;
  font-size: 21px;
  background: #f44336;
  color: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 21px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 0px 2px 2px #00000029;
  display: none;
}

.banner-list li:hover .remove_banner,
.banner-list li:hover .remove_web_banner {
  display: block;
}

/* Advanced search */
.advanced-search {
  position: relative;
  width: 345px;
}

.advanced-search-toggle {
  padding: 0 !important;
  display: flex;
  align-items: center;
}

.adv-search-input {
  border-right: 0 !important;
  padding: 10px 0px 10px 15px;
}

.adv-search-input .icon-search {
  font-size: 13px;
  margin-bottom: 7px;
  color: #6d6d6d;
}

.advanced-search-menu {
  width: 310px;
  min-width: auto;
  overflow-y: auto;
  margin: 0;
  padding: 15px;
  border: none;
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0px 3px 4px 0px #bbbbbb;
  position: absolute;
  background: #ffffff;
  left: 0px;
  right: 0px;
  top: 44px;
  z-index: 9;
}

.advanced-search-menu .add-tags {
  display: flex;
  align-items: start;
  margin: 0px 0px 25px 0px;
}

.advanced-search-menu .filter-match-all {
  display: inline-flex;
  align-items: center;
}

.advanced-search-menu .filter-match-any {
  display: inline-flex;
  align-items: center;
  margin-left: 30px;
}

.advanced-search-menu li label {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  padding: 0px !important;
}

.advanced-search-menu li label input {
  margin: 0px;
  margin-right: 10px;
}

.advanced-search-menu .advanced-search-btn {
  margin: 30px 0px 5px 0px;
  padding: 7px 20px;
  height: auto;
  line-height: 14px;
  font-size: 12px;
  min-width: auto;
}

.adv-search-trigger {
  cursor: pointer;
  padding: 10px;
}

.adv-search-trigger.active {
  transform: rotate(180deg);
}

.add-tag-title {
  font-size: 14px;
  font-weight: 400;
}

.advanced-search-menu .tag-input-area {
  height: 22px;
}

/* Student Profile Dashboard starts here */
.student-profile-dashboard {
  width: calc(100% - 66px);
  height: calc(100% - 80px);
  background: #f4f4f4;
  position: relative;
  top: 80px;
  left: 66px;
}

.student-profile-dashboard .student-profile-info {
  background: #fff;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.student-profile-dashboard .student-avatar {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: relative;
}

.student-profile-dashboard .student-avatar:hover .student-avatar-uploader {
  opacity: 1;
}

.student-profile-dashboard .student-avatar:hover .student-avatar-uploader-icon {
  opacity: 1;
}

.student-profile-dashboard .student-avatar-uploader {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: 0.4s ease opacity;
}

.student-profile-dashboard .student-avatar-uploader input {
  display: none;
}

.student-profile-dashboard .student-avatar-uploader-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: 0.4s ease opacity;
}

.student-profile-dashboard .student-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.student-profile-dashboard .student-info {
  margin-left: 35px;
}

.student-profile-dashboard .student-info .stud-name {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
}

.student-profile-dashboard .student-info .stud-email,
.stud-mobile,
.stud-status {
  font-size: 14px;
  font-weight: 400;
  color: #717171;
  margin-bottom: 3px;
}

.student-profile-info .student-actions .dropdown-toggle {
  background: #04baa3;
  color: #fff;
  border-radius: 22px;
  font-size: 10px;
  font-weight: 500;
  box-shadow: none;
  border: 0px;
}

.student-profile-info .student-actions .dropdown-toggle:focus {
  background: #04baa3;
  color: #fff;
}

.student-profile-info .student-actions .dropdown-menu {
  right: 0px;
  left: auto;
  margin: 0px;
  border-radius: 6px;
  border: 0;
  background: #fff;
  box-shadow: 0px 0px 2px 2px #efefef;
  padding: 0px;
  overflow: hidden;
}

.student-profile-dashboard .student-courses-tab {}

.student-profile-dashboard .student-courses-tab-nav {
  background: #fff;
  border-top: 1px solid #e4e4e4;
}

.student-profile-dashboard .nav-tabs {
  border-color: transparent;
}

.student-profile-dashboard .nav-tabs li a {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 22px;
  color: #b5b5b5;
  margin-left: 3px;
  border-bottom: 2px solid #fff;
}

.student-profile-dashboard .nav-tabs li.active a {
  border-bottom: 2px solid #03baa6;
  color: #4e4e4e;
}

.student-profile-dashboard .student-courses-tab-content {
  padding: 20px;
}

.student-profile-dashboard .student-course-row {
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0px 0px 1px 1px #eee;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.student-profile-dashboard .user-course-card {
  width: 125px;
  min-width: 125px;
  height: 70px;
  background: aquamarine;
}

.student-profile-dashboard .user-course-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.student-profile-dashboard .user-course-progress {
  min-width: 315px;
}

.student-profile-dashboard #bundles .user-course-progress {
  justify-content: center;
}

.student-profile-dashboard .user-course-progress .progress {
  min-width: 180px;
  height: 6px;
  background: #ececec;
  border: none;
}

.student-profile-dashboard .user-course-progress .progress .progress-bar {
  width: 47%;
  background-color: #419941;
}

.student-profile-dashboard .user-course-progress .progress-precentage {
  margin-left: 30px;
  color: #929292;
  font-size: 13px;
}

.student-profile-dashboard .user-course-info {
  font-size: 15px;
  font-weight: 500;
  color: #6d6d6d;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  margin-right: 50px;
}

.student-profile-dashboard .user-course-info a {
  color: #6d6d6d;
}

.student-profile-dashboard .user-course-validity {
  font-size: 13px;
  font-weight: 400;
  color: #929292;
  margin-left: 5px;
}

.student-profile-dashboard .user-course-validity span {
  padding: 2px 0px;
  display: inline-block;
  margin-top: 6px;
  min-width: 170px;
}

.student-profile-dashboard .user-course-validity span:first-of-type {
  border-right: 1px solid #dcdada;
  padding-right: 25px;
  margin-right: 25px;
}

.student-profile-dashboard .user-course-status {
  background: #fe394b;
  color: #fff;
  padding: 0px 15px;
  border-radius: 22px;
  font-size: 11px;
  line-height: 18px;
  display: inline-block;
  margin-right: -15px;
}

.student-profile-dashboard .user-course-status.active {
  background: #34d1b8;
}

.student-profile-dashboard .user-course-actions .dropdown-toggle {
  font-size: 28px;
  color: #bbbbbb;
  letter-spacing: -1px;
  width: 20px;
  height: 20px;
  line-height: 12px;
  position: relative;
  top: -5px;
}

.student-profile-dashboard .user-course-actions .dropdown-menu {
  right: 0px;
  left: auto;
  margin: 0px;
  border-radius: 6px;
  border: 0;
  background: #fff;
  box-shadow: 0px 0px 2px 2px #efefef;
  padding: 0px;
  overflow: hidden;
}

.student-profile-dashboard .parent-bundle {
  border-radius: 0px;
}

.student-profile-dashboard .parent-bundle .user-course-card {
  width: 65px;
  min-width: 65px;
  height: 35px;
}

.student-profile-dashboard .parent-bundle .user-course-validity span {
  margin-top: 0px;
}

.student-profile-dashboard .parent-bundle .user-course-actions {
  min-width: 81px;
  padding-right: 0px;
}

.student-profile-dashboard .parent-bundle .user-course-status {
  margin-right: 0px;
}

.bundle-back-arrow {
  margin: 0px 20px;
}

/* Student Profile Dashboard ends here */

/* Preview as User btn */
.course-head-row {
  border-bottom: 1px solid #a7aaae;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.course-head-row h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: -10px !important;
}

/* Preview as User Popup settings - 03-03-2020 */
.preview-as-user-modal {
  padding: 0px !important;
  z-index: 9999999;
}

.preview-as-user-modal .modal-dialog {
  width: 100%;
  margin: 0 auto;
}

.preview-as-user-modal .modal-title {
  text-transform: none;
  font-weight: 400;
}

.preview-as-user-modal .modal-header {
  height: 50px;
}

.preview-as-user-modal .modal-body {
  padding: 0px;
  min-height: calc(100vh - 50px);
  max-height: calc(100vh - 50px);
}

.preview-as-user-modal iframe {
  border: 0px;
  width: 100%;
  display: block;
  height: 100%;
  min-height: inherit;
}

.preview-as-user-modal .user-iframe-holder {
  min-height: inherit;
}

.preview-as-user-modal.mobile-view .modal-body {
  background-image: url("../images/iphone-mock.png");
  background-size: 320px;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  background-color: #0e0e0e;
}

.preview-as-user-modal.mobile-view .user-iframe-holder {
  width: 360px;
  min-height: inherit;
  height: 640px;
  max-height: 640px;
  margin: 0 auto;
  transform: scale(0.625);
}

.mob-icon {
  cursor: pointer;
}

.desktop-icon {
  cursor: pointer;
}

.preview-as-user-modal.mobile-view iframe {
  min-height: inherit;
}

.preview-as-user-modal.mobile-view .mob-icon svg {
  fill: #82f3ae !important;
}

.preview-as-user-modal.mobile-view .desktop-icon svg {
  fill: #f3f3f3 !important;
}

.custom-close {
  font-size: 36px;
  font-weight: 400 !important;
  color: #fff !important;
  opacity: 1 !important;
  line-height: 28px !important;
  margin-top: -6px !important;
  position: unset !important;
}

/* Content Dripping starts here */
.content-dripping-wrapper {
  padding: 20px;
  background: #fff;
}

.content-dripping-title {
  color: #6f6f6f;
  font-weight: 500 !important;
  margin-bottom: 5px !important;
}

.content-dripping-info {
  color: #808080;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 25px;
}

.cd-input input {
  height: 30px;
  width: 50px;
  font-weight: 400;
}

.bulder-content.cd-value .cd-input input {
  background: unset;
  border: 0px;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}

.custom-toggle-btn {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 18px;
}

.custom-toggle-btn input {
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-toggle-icon {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.custom-toggle-icon:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.custom-toggle-btn input:checked+.custom-toggle-icon {
  background-color: #2196f3;
}

.custom-toggle-btn input:focus+.custom-toggle-icon {
  box-shadow: 0 0 1px #2196f3;
}

.custom-toggle-btn input:checked+.custom-toggle-icon:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

.custom-toggle-icon.round {
  border-radius: 34px;
}

.custom-toggle-icon.round:before {
  border-radius: 50%;
}

.lecture-option-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.beta-tag {
  min-width: 38px;
  font-size: 10px !important;
  display: inline-block;
  border-radius: 2px;
  text-align: center;
  padding: 4px 11px !important;
}

.availability-input {
  font-size: 12px;
  font-weight: 500;
  margin-right: 30px;
}

.availability-content-input {
  margin-right: 30px;
}

/* Content Dripping ends here */

/* Support MOdule starts here */
.module_support {
  height: 450px;
  box-sizing: border-box;
  padding: 46px;
  display: none;
}

.support-block {
  height: calc(100vh - 95px);
}

.create-lc-left-column {
  padding: 70px 70px 25px 70px;
}

.create-lc-block {
  padding-right: 80px;
}

.create-lc-caption {
  font-size: 23px;
  font-weight: 700;
  color: #444;
  margin-bottom: 20px;
}

.create-lc-para {
  margin-bottom: 15px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.create-lc-btnblk {
  margin: 30px 0px;
}

.btn-lc-support {
  font-size: 11px !important;
  text-transform: uppercase;
}

.create-lc-right-column {
  padding: 30px 10px 30px 0px;
}

.lc-support-close-blk {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.lc-support-close {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.lc-support-close::before,
.lc-support-close::after {
  position: absolute;
  left: 50%;
  content: " ";
  height: 22px;
  width: 2px;
  top: 35%;
  border-bottom: unset;
  border-top: unset;
  background-color: #b3b3b3;
}

.lc-support-close:before {
  transform: rotate(45deg) !important;
}

.lc-support-close::after {
  transform: rotate(-45deg) !important;
}

.lc-support-video-wrapper {
  margin-right: 50px;
  height: 350px;
  margin-top: 25px;
  position: relative;
  box-shadow: 0px 0px 10px #cacaca;
  border-radius: 8px;
  overflow: hidden;
}

.lc-support-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lc-support-playbutton {
  position: absolute;
  width: 66px;
  height: 66px;
  background-color: #ff0000;
  border: 7px solid #fff;
  box-shadow: 0px 0px 10px #cacaca;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  cursor: pointer;
}

.lc-support-no-liveclass-column {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(100vh - 196px);
  background-color: #fdfdfd;
}

.lc-support-no-liveclass-iconblk {
  width: 150px;
  margin: 0px auto;
  margin-bottom: 25px;
  text-align: center;
}

.lc-support-no-liveclass-icon {
  width: 100%;
  height: 100%;
}

.lc-support-no-liveclass-caption {
  color: #444;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
  white-space: pre-line;
  text-align: center;
}

.lc-nolive-btnblk {
  text-align: center;
}

.lc-videoplay {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 20px solid #fff;
  border-radius: 4px;
  margin-left: 20px;
  margin-top: 13px;
}

.live-class-contact {
  border: 1px solid #0bb8a9;
  border-radius: 18px;
  padding: 3px 25px 3px 4px;
  color: #0bb8a9;
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
  line-height: 22px;
}

.live-class-contact-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0bb8a9;
  margin-right: 10px;
}

.lc-support-no-liveclass-wrapper {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

/* Support MOdule ends here */

/* Notification Module Starts */
.filter-tag {
  background: unset;
  color: #9c9c9c !important;
  padding: 4px 26px;
  border-radius: 23px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 28px;
  line-height: 16px;
  box-shadow: none;
  text-transform: capitalize;
  min-width: unset;
  position: relative;
  overflow: unset !important;
}

.filter-tag.active {
  background: #0bb8a9;
  color: #fff !important;
}

.filter-tag:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 1px;
  height: 90%;
  top: 50% !important;
  transform: translateY(-50%);
  background: #eaeaea;
}

.filter-tag:nth-child(1):before {
  content: unset;
}

.filter-tag.active:before {
  content: unset;
}

.filter-tag+.filter-tag.active:before {
  content: unset;
}

.filter-tag.active+.filter-tag:before {
  content: unset;
}

.android-icon {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}

.android-icon:after {
  content: "";
  background: url("../images/android-icon.svg");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
}

.recipeint-table .android-icon {
  margin-left: 23%;
}

.ios-icon {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}

.ios-icon:after {
  content: "";
  background: url("../images/ios-icon.svg");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0px;
  opacity: 0.6;
}

.recipeint-table .ios-icon {
  margin-left: 23%;
}

.web-icon {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}

.web-icon:after {
  content: "";
  background: url("../images/web-icon.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0px;
}

.recipeint-table .web-icon {
  margin-left: 23%;
}

.notification-top-filter {
  padding: 10px 20px 10px 20px;
  border-bottom: 1px solid #eaeaea;
  position: fixed;
  left: 70px;
  right: 0px;
  z-index: 99;
  background: #fff;
}

.create-push-notify {
  display: flex !important;
  align-items: center;
  background: #0bb8a9;
  color: #fff !important;
  font-size: 14px !important;
  padding: 0px 22px 0px 6px;
  border-radius: 23px !important;
  display: flex !important;
  align-items: center;
  background: #0bb8a9;
  color: #fff !important;
  font-size: 14px !important;
  padding: 0px 22px 0px 6px;
  border-radius: 23px !important;
  font-weight: 400 !important;
  height: 28px;
  line-height: 16px;
  box-shadow: none;
  text-transform: capitalize;
  min-width: unset;
  overflow: unset !important;
}

.rounded-plus-btn {
  width: 22px;
  height: 22px;
  background: #11d0bf;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 400;
  margin-right: 10px;
  position: relative;
  left: -3px;
}

.draft-schedule-device-type {
  display: none;
}

.pn-table-wrapper .grid-table-row {
  grid-template-columns: auto 100px 100px 150px 150px 150px;
}

.p-notify-dashboard {
  position: relative;
  top: 49px;
}

.pn-table-wrapper .scheduled-head {
  display: none;
}

.pn-table-wrapper .scheduled-data {
  display: none;
}

.pn-table-wrapper.scheduled-table .sent-head {
  display: none;
}

.pn-table-wrapper.scheduled-table .clicked-head {
  display: none;
}

.pn-table-wrapper.scheduled-table .unreachable-head {
  display: none;
}

.pn-table-wrapper.scheduled-table .sentat-head {
  display: none;
}

.pn-table-wrapper.scheduled-table .scheduled-head {
  display: none;
}

.pn-table-wrapper.scheduled-table .sent-data {
  display: none;
}

.pn-table-wrapper.scheduled-table .clicked-data {
  display: none;
}

.pn-table-wrapper.scheduled-table .unreachable-data {
  display: none;
}

.pn-table-wrapper.scheduled-table .sentat-data {
  display: none;
}

.pn-table-wrapper.scheduled-table .scheduled-data {
  display: none;
}

/* .pn-table-wrapper.scheduled-table .device-count{display: none;} */
.pn-table-wrapper.scheduled-table .scheduled-head {
  display: block;
}

.pn-table-wrapper.scheduled-table .scheduled-data {
  display: block;
}

.pn-table-wrapper.scheduled-table .grid-table-row {
  grid-template-columns: auto 200px 200px;
}

.pn-table-wrapper.scheduled-table .draft-schedule-device-type {
  display: none;
  /* margin-right: 25px;
 color: #808080; */
}

.pn-table-wrapper.draft-table .sent-head {
  display: none;
}

.pn-table-wrapper.draft-table .clicked-head {
  display: none;
}

.pn-table-wrapper.draft-table .unreachable-head {
  display: none;
}

.pn-table-wrapper.draft-table .sentat-head {
  display: none;
}

.pn-table-wrapper.draft-table .scheduled-head {
  display: none;
}

.pn-table-wrapper.draft-table .sent-data {
  display: none;
}

.pn-table-wrapper.draft-table .clicked-data {
  display: none;
}

.pn-table-wrapper.draft-table .unreachable-data {
  display: none;
}

.pn-table-wrapper.draft-table .sentat-data {
  display: none;
}

.pn-table-wrapper.draft-table .scheduled-data {
  display: none;
}

/* .pn-table-wrapper.draft-table .device-count{display: none;} */
.pn-table-wrapper.draft-table .grid-table-row {
  grid-template-columns: auto 200px;
}

.pn-table-wrapper.draft-table .draft-schedule-device-type {
  /* display: block;
 margin-right: 25px;
 color: #808080; */
  display: none;
}

.pn-table-wrapper .grid-table-data.messages-head {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pn-table-wrapper .grid-table-data.messages-head::first-letter {
  text-transform: capitalize;
}

.email-data {
  color: #5d5d5d;
}

.msg-status-row {
  margin-top: 15px;
}

.msg-status-row .device-count {
  color: #808080;
  font-weight: 400;
  margin-right: 25px;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.send-status {
  background-color: #09bf63;
  padding: 2px 16px;
  color: #ffffff;
  border-radius: 16px;
  font-weight: 400;
  font-size: 11px;
}

.scheduled-status {
  background: #f69300;
  padding: 2px 16px;
  color: #ffffff;
  border-radius: 16px;
  font-weight: 400;
  font-size: 11px;
}

.draft-status {
  background: #fe3905;
  padding: 2px 16px;
  color: #ffffff;
  border-radius: 16px;
  font-weight: 400;
  font-size: 11px;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-600 {
  font-weight: 500 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.notification-bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.email-label {
  color: #828282;
}

.recipeint-table .grid-table-data .email-label {
  color: #2b2b2b;
}

td .email-label {
  color: #252525;
}

.push-msg-column {
  padding: 20px;
  background: #f8f9fb;
  margin: 0px;
}

.push-msg-column .form-control::placeholder {
  font-size: 12px !important;
  color: #b6b6b6 !important;
}

.push-msg-column textarea {
  resize: none;
}

.input-instuction {
  color: #757575;
  font-size: 13px;
  font-family: inherit;
  font-weight: 500;
}

.custom-theme-btn {
  border: 0px;
  background: #0bb8a9;
  box-shadow: none;
  color: #ffffff;
  font-size: 12px !important;
  border-radius: 4px !important;
  padding: 0px 25px;
  text-transform: capitalize;
  height: 34px;
  display: inline-flex !important;
  align-items: center;
}

.custom-theme-btn:hover {
  color: #ffffff;
}

.custom-theme-btn:focus {
  color: #ffffff;
}

.theme-blue-btn1 {
  background: #0882fd;
  color: #fff;
  font-size: 13px !important;
  font-weight: 500;
  border-radius: 6px;
  padding: 7px 17px;
  box-shadow: unset;
  text-transform: unset;
}

.theme-blue-btn1:hover,
.theme-blue-btn1:focus {
  background: #0772de;
  color: #fff !important;
}

.theme-blue-btn2 {
  background: transparent;
  border: 1px solid #0882fd;
  color: #0882fd;
  font-size: 13px !important;
  font-weight: 500;
  border-radius: 6px;
  padding: 7px 17px;
  box-shadow: unset;
  text-transform: unset;
}

.theme-blue-btn2:hover,
.theme-blue-btn2:focus {
  background: #0882fd12;
  color: #0882fd;
  border: 1px solid #0882fd;
}

.upload-plus {
  font-size: 18px !important;
  font-weight: 400;
}

.text-grey {
  color: #808080;
}

.pn-topic {
  font-size: 14px;
  font-weight: 500;
  color: #535f6d;
}

.push-wrapper-height {
  min-height: calc(100vh - 250px);
  max-height: calc(100vh - 250px);
  overflow-y: overlay;
}

.push-notification-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ededed;
  padding: 7px 20px;
}

.device-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0px 10px;
}

.device-icon:last-of-type {
  margin-right: 0px;
}

.device-icon svg {
  fill: #b9b9b9;
  width: 21px;
  height: 21px;
}

.device-icon.active-devive-preview svg {
  fill: #008000;
}

.device-icon.active-devive-preview {
  background: #dbdadc;
}

.pn-preview-container {
  position: fixed;
  right: 0px;
  left: calc(50% + 40px);
  bottom: 0px;
  top: 95px;
}

.pn-preview-wrapper {
  background: #e8e8e8;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: -2px 0px 6px 0px #0000000a inset;
}

.preview-device-bg {
  position: relative;
  width: 90%;
  height: 100%;
  top: 60px;
}

.pn-notfy-web-preview {
  position: absolute;
  top: 4%;
  right: 13%;
  background: #fff;
  width: 240px;
  border-radius: 3px;
  overflow: hidden;
  margin: 0px;
  box-shadow: 0px 0px 6px 6px #0000001f;
}

.pn-notfy-header {
  display: flex;
  align-items: center;
  padding: 5px;
}

.pn-header-logo {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.pn-header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  width: calc(100% - 60px);
}

.pn-headertitle-holder {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pn-header-title {
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pn-close-icon {
  font-size: 16px;
  font-weight: 500;
  color: #949494;
  line-height: 14px;
}

.pn-msg-data {
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  color: #828282;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.pn-notfy-body {
  padding: 7px;
}

.ntfy-domain-info {
  color: #9c9c9c;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95%;
}

.pn-settings-icon {
  font-size: 10px;
  color: #949494;
  margin-right: 5px;
}

.recipeint-table .grid-td.grid-table-row .grid-table-data:nth-child(4) {
  padding-left: 25%;
}

.recipeint-table .grid-td.grid-table-row .grid-table-data:nth-child(5) {
  padding-left: 25%;
}

/* .recipeint-table{margin-bottom: 100px;} */
.recipeint-table .grid-table-row {
  grid-template-columns: 280px 250px 230px 200px 200px;
}

.no-after-content:after {
  content: unset !important;
}

.search-pull-right {
  width: 34% !important;
  position: absolute !important;
  right: 0;
}

.search-pull-right:after {
  content: "" !important;
  position: absolute !important;
  width: 1px !important;
  background: #ececec !important;
  top: 7px !important;
  height: 30px !important;
  left: -20px !important;
  right: auto !important;
  z-index: 9;
}

.recipeint-table .grid-td:after {
  width: calc(100% - 30px);
}

.page-action-bottom {
  z-index: 999;
  background: #fff;
  height: 60px !important;
}

.notification-module .custom-input {
  height: 38px !important;
}

/* ***************** */
.web-notification-preview .ntfy-time-info {
  display: none;
}

.web-notification-preview .pn-brand-holder .ntfy-domain-info {
  display: none;
}

/* ************************ */

.android-notification-preview.preview-device-bg {
  width: 32%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 119px);
  top: 20px;
}

.android-notification-preview .pn-notfy-web-preview {
  width: 93%;
  margin: 0px auto;
  right: 0px;
  left: 0px;
  top: 29.5%;
  box-shadow: none;
}

.android-notification-preview .pn-notfy-header {
  flex-direction: column;
  align-items: baseline;
  padding: 8px;
}

.android-notification-preview .pn-notfy-body {
  padding: 8px;
  padding-top: 0px;
}

.android-notification-preview .pn-header-logo {
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.android-notification-preview .pn-header-row {
  width: 100%;
}

.android-notification-preview .ntfy-domain-info {
  font-size: 11px;
}

.android-notification-preview .ntfy-time-info {
  font-size: 8px;
  font-weight: 400;
  color: #9c9c9c;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.android-notification-preview .bull-dot {
  font-size: 15px;
  font-weight: 400;
  color: #888888;
  line-height: 12px;
  margin: 0px 3px 0px 5px;
}

.android-notification-preview .pn-header-row .ntfy-domain-info {
  display: none;
}

.android-notification-preview .pn-header-title {
  font-size: 11px;
  font-weight: 500;
  margin: 7px 0px 2px 0px;
}

.android-notification-preview .pn-actions {
  display: none !important;
}

/* **************************************** */
.ios-notification-preview.preview-device-bg {
  width: 35%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 119px);
  top: unset;
}

.ios-notification-preview .pn-notfy-web-preview {
  width: 82.7%;
  margin: 0px auto;
  right: 0px;
  left: 0px;
  top: 30.5%;
  box-shadow: none;
  border-radius: 6px;
}

.ios-notification-preview .pn-notfy-header {
  flex-direction: column;
  align-items: baseline;
  padding: 0px;
}

.ios-notification-preview .pn-brand-holder {
  width: 100%;
  padding: 4px 3px;
  background: #edf2f5;
}

.ios-notification-preview .pn-notfy-body {
  display: none;
}

.ios-notification-preview .pn-header-logo {
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.ios-notification-preview .pn-header-row {
  width: 100%;
  background: #e0e8eb;
  padding: 8px;
}

.ios-notification-preview .ntfy-domain-info {
  font-size: 11px;
}

.ios-notification-preview .ntfy-time-info {
  font-size: 8px;
  font-weight: 400;
  color: #9c9c9c;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  position: absolute;
  right: 5px;
  top: 6px;
}

.ios-notification-preview .bull-dot {
  display: none;
}

.ios-notification-preview .pn-header-row .ntfy-domain-info {
  display: none;
}

.ios-notification-preview .pn-header-title {
  display: none;
}

.ios-notification-preview .pn-actions {
  display: none !important;
}

.ios-notification-preview .pn-msg-data {
  padding: 2px;
  color: #444;
  -webkit-line-clamp: 4;
  font-size: 11px;
  line-height: 14px;
}

/* ******************* */

.web-preview-img {
  display: none;
}

.web-notification-preview .web-preview-img {
  display: block;
}

.android-preview-img {
  display: none;
}

.android-notification-preview .android-preview-img {
  display: block;
  opacity: 0.7;
}

.ios-preview-img {
  display: none;
}

.ios-notification-preview .ios-preview-img {
  display: block;
}

.create-pn-bottom-actions .schedule-btn {
  background: #ff9c01 !important;
  margin-right: 10px !important;
}

.create-pn-bottom-actions .schedule-btn:hover {
  background: #da8500 !important;
}

.create-pn-bottom-actions .draft-btn {
  border-color: #7e7e7e !important;
  color: #7e7e7e !important;
  margin-right: 10px !important;
}

.create-pn-bottom-actions .draft-btn:hover {
  border-color: #4e4e4e !important;
  color: #4e4e4e !important;
}

.no-pn-msg {
  background: unset;
  border: 0px;
  margin: 0 auto;
  margin-top: 13% !important;
}

.no-pn-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.no-pn-text {
  font-size: 16px;
  font-weight: 500;
  font-family: inherit;
  color: #777777;
  margin-top: 15px;
}

.pn-uploaded-list {
  display: inline-flex;
  align-items: center;
  border: 1px solid #0bb8a9;
  border-radius: 22px;
  padding: 3px 25px 3px 20px;
  font-size: 13px;
}

.pn-uploaded-name {
  color: #0a968a;
}

.pn-uploaded-close {
  font-size: 22px;
  font-weight: 200;
  cursor: pointer;
  line-height: 12px;
  position: relative;
  right: -16px;
}

.message-text-trim {
  display: inline-block;
  max-width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.edit-btn-push {
  background: #0bb8a9;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 2px 12px 2px 10px;
  border-radius: 22px;
  cursor: pointer;
  display: block;
}

.edit-btn-push:hover {
  background: #11a79a;
}

.edit-btn-push .icon {
  font-size: 10px;
}

.calender-backdrop:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

/* Notification Module Ends */

/* Live schedule starts here */

/* Add Learner css starts here */
.learners-caption {
  font-size: 14px;
  font-weight: 700;
  color: #535f6d;
}

.liveclass-label {
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #717171;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}

.lc-course-listing {
  display: none;
  /*position: relative;
 min-height:150px;
 width:100%;
 border: 1px solid #c7c9ca;
 padding:10px 0px 0px 0px;
 background: #ffffff;
 margin-bottom:15px;
 border-radius: 3px; */
}

.course-chip-container {
  width: 277px;
  border-radius: 45px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #e6e8e7;
  margin: 7px;
  position: relative;
  cursor: pointer;
}

.course-chip-container:hover .course-chip-close {
  display: block;
}

.course-chip-wrapper {
  display: flex;
  flex-wrap: wrap;
  border-radius: 6px;
  padding: 0px 5px;
  margin-bottom: 51px;
}

.unreg-list-wrapper {
  height: 150px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.unreg-list-txtarea {
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  overflow-y: auto;
  border: 1px solid #c7c9ca;
  padding: 8px 12px;
  background: #ffffff;
}

.unreg-list-txtarea::placeholder {
  color: #c7c9ca;
  font-size: 12px;
  font-weight: 500;
}

.unreg-list-txtarea::-webkit-scrollbar {
  width: 5px;
}

.unreg-list-txtarea::-webkit-scrollbar-track {
  background: rgb(248, 248, 248);
  border-radius: 10px;
}

.unreg-list-txtarea::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}

.unreg-list-column {
  margin-top: 8px;
}

.note-well-txt {
  font-size: 13px;
  color: #bbb1b1;
  font-weight: 500;
  margin-bottom: 10px;
}

.notify-learners-wrapper {
  margin-bottom: 15px;
}

.copy-btn {
  height: 30px;
  padding: 0px 0px 0px 20px !important;
  text-transform: uppercase;
  color: #099fde;
  font-size: 14px;
  font-weight: 700;
}

.learners-bulk-list-column {
  padding: 0px !important;
  max-height: calc(100vh - 154px);
  min-height: calc(100vh - 154px) !important;
  position: relative;
  background: #f9f9f9 !important;
  border-left: 1px solid #e6e8e7;
  position: fixed;
  right: 0px;
  top: 95px;
  width: 35%;
}

.learners-bulk-list-column .checkbox-margin {
  margin-top: -17px;
}

.learners-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: #fff;
}

.learners-bulk-list-wrapper {
  border-top: 1px solid #e6e8e7;
  padding: 0px 20px;
  max-height: calc(100vh - 355px);
  overflow-y: auto;
}

.learners-bulk-list-wrapper::-webkit-scrollbar {
  width: 10px;
}

.learners-bulk-list-wrapper::-webkit-scrollbar-track {
  background: rgb(248, 248, 248);
  border-radius: 0;
}

.learners-bulk-list-wrapper::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0;
  cursor: pointer;
}

.learners-bulk-lst-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0px;
  position: relative;
}

.learners-email {
  color: #a2a2a2;
  font-size: 13px;
  font-style: normal;
}

.learners-bulk-lst-container::after {
  content: "";
  position: absolute;
  background-color: #e8e0e06e;
  left: 0px;
  right: 0px;
  height: 1px;
  bottom: 0px;
}

.learners-bulk-lst-container:last-child::after {
  display: none;
}

.invalid-learnerid {
  background: #ffecec;
  padding: 0px;
  margin: 0px;
  position: relative;
}

.invalid-learnerlist {
  max-height: 200px;
  overflow-y: auto;
  padding: 20px;
}

.invalid-learnerlist-close {
  position: absolute !important;
  top: 0px !important;
  right: 30px !important;
  left: auto;
  font-size: 28px;
  font-weight: 400;
  color: #444;
  opacity: 0.7;
}

.notify-info {
  background-color: #fba800;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 900;
  line-height: 14px;
  color: #fff;
  text-align: center;
  display: inline-block;
}

.checkbox-margin {
  margin-top: -13px;
}

.checkmark-reducer {
  height: 15px !important;
  width: 15px !important;
  border: 1px solid #737373 !important;
  border-radius: 1px;
}

.learners-radiobtn {
  margin-top: -12px;
  padding-left: 13px;
}

.custom-radio.learners-radiobtn .checkmark:after {
  background-color: #5cb35a;
  border: 3px solid #fff;
  top: 0px;
  left: 0px;
  height: 7px;
  width: 7px;
}

.reg-learners-column {
  margin: 10px 0px 20px 0px;
}

.reg-users-input {
  display: flex;
  align-items: center;
  height: 50px !important;
  padding: 5px 12px !important;
  font-size: 13px;
  background-color: #fafbfd !important;
  color: #d1d4d8;
}

.course-list-block {
  display: none;
  margin: 5px 0;
}

.course-search-block {
  display: none;
  justify-content: space-between;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 10px;
  height: 51px;
  border-top: 1px solid #cacaca;
}

.search-iconblk {
  width: 27px;
  height: 25px;
  margin-left: 20px;
}

.course-search-input {
  font-size: 13px;
  font-weight: 500;
  color: #444;
  width: 100%;
  padding: 5px 12px 5px 5px;
  border: none !important;
  outline: none !important;
}

.course-search-input::placeholder {
  font-size: 13px;
  font-weight: 500;
  color: #cacaca;
}

.course-list-container {
  display: flex;
  margin: 0px 15px;
}

.checkbox-course-search {
  margin-top: 15px;
}

.course-list-wrapper {
  max-height: 225px;
  overflow-y: auto;
  background-color: #fff;
  margin-top: -1px;
  right: 0px;
  border: 1px solid #c7c9ca;
  margin-left: -1px;
  margin-right: -1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.course-list-wrapper::-webkit-scrollbar {
  width: 5px;
}

.course-list-wrapper::-webkit-scrollbar-track {
  background: rgb(248, 248, 248);
  border-radius: 10px;
}

.course-list-wrapper::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}

.course-name-block {
  position: relative;
  padding: 13px 0px;
  width: 100%;
}

.course-name-block::after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 1px;
  left: 0px;
  right: 0px;
  background-color: #f1f1f1;
}

.course-list-container:last-child .course-name-block::after {
  display: none;
}

.live-session-wrapper {
  margin-bottom: 55px;
}

.live-session-left {
  width: calc(100% - 710px);
}

.live-session-right {
  width: 710px;
}

.live-cover-upload {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  transform: translateY(-50%);
  display: none;
}

.live-cover-upload .btn {
  pointer-events: none;
}

.section-create-wrapper:hover .live-cover-upload {
  display: block;
}

.live-session-wrapper .section-card .live-cover-upload:hover .btn {
  background: #0772de;
}

.live-manage-section {
  margin-top: 75px;
  width: calc(65% - 65px);
  min-width: calc(65% - 65px);
  background: white;
  padding: 20px 20px 40px 20px !important;
  max-height: calc(100vh - 155px);
  overflow-y: auto;
}

.live-manage-section .live-manage-stud-wrapper {
  border: 1px solid #e5e5e5;
  padding: 5px;
  padding-top: 15px;
  margin-bottom: 15px;
  position: relative;
}

.live-manage-section .live-manage-stud-wrapper::before {
  content: '';
  background: #fafafa;
  width: 40%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.course-search-btn {
  background-color: #fff;
  border: unset !important;
  box-shadow: unset;
  width: 100%;
  display: flex !important;
  padding: 0px;
}

.course-search-input {
  font-size: 13px;
  font-weight: 500;
  color: #444;
  width: 100%;
  padding: 5px 12px 5px 5px;
  border: none !important;
  outline: none !important;
  padding: 0px;
  width: 100%;
  height: 100%;
}

.course-chip-wrapper .bootstrap-tagsinput {
  padding: 0px;
  margin: 0px;
  border: 0px !important;
  height: 100% !important;
  width: 100% !important;
  min-height: 100px;
  position: relative;
  box-shadow: unset !important;
}

.course-chip-wrapper .bootstrap-tagsinput .tag {
  width: 277px;
  border-radius: 45px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #e6e8e7;
  margin: 7px;
  position: relative;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  display: none;
  font-size: 16px;
  font-weight: 500;
}

.course-chip-wrapper .bootstrap-tagsinput:hover .bootstrap-tagsinput .tag [data-role="remove"] {
  display: block !important;
}

.course-chip-wrapper .bootstrap-tagsinput input {
  border: none !important;
  box-shadow: none !important;
}

.custom-add-learner-wrapper {
  position: relative;
  border: 2px solid #ebebeb;
  border-radius: 6px;
  overflow: hidden;
}

.custom-add-learner-wrapper .filter {
  position: relative;
  height: 51px;
  padding: 10px;
  border-bottom: 1px solid #cacaca4a;
  margin: 0 10px;
}

.custom-add-learner-wrapper .access_multi_select .items {
  min-height: calc(100% - 51px);
  max-height: calc(100% - 51px);
  overflow-y: auto;
  padding-bottom: 12px;
}

.custom-addbulk-learner .unreg-list-wrapper {
  height: unset;
}

.custom-addbulk-learner textarea {
  resize: none;
}

.custom-learner-list-block {
  background: #fff;
  border-left: 1px solid #eee;
  position: fixed;
  top: 95px;
  bottom: 59px;
  right: 0px;
  left: 50%;
  margin: 0px;
  margin-left: 45px;
  max-height: unset;
  min-height: unset !important;
}

/* ui updates on 09-11 */

.add-learner-name {
  max-width: calc(100% - 450px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 500;
  color: #717171;
}

.addlearner-mail-col {
  width: 75%;
}

.add-learner-mail {
  color: #a2a2a2;
  font-size: 14px;
  font-style: italic;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Add Learner end here */

.grid-table-row {
  display: grid;
  grid-template-columns: 40% 15% 15% 15% 15%;
}

.live-session-table-align {
  position: absolute;
  left: 0px;
  right: 0px;
  background: #fff;
}

.live-session-table .grid-table-row {
  grid-template-columns: 160px auto 120px 160px 200px;
}

.grid-table-head {
  padding: 12px 15px;
  border: 1px solid #eeee;
  border-top: 0px;
  border-right: 0px;
  font-size: 14px;
  font-weight: 400;
  color: #797979;
}

.grid-table-data {
  padding: 10px;
  border: 1px solid #eeee;
  border-top: 0px;
  border-right: 0px;
  font-size: 14px;
  font-weight: 400;
  color: #2b2b2b;
}

.grid-td {
  position: relative;
}

.grid-td:after {
  content: "";
  width: calc(100% - 40px);
  height: 1px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0 auto;
  background: #eee;
}

.grid-td .grid-table-data {
  border-bottom: 0px;
}

.grid-td.grid-table-row:hover {
  background: #f7f7f7;
}

.grid-table-shadow {
  box-shadow: 0px 12px 12px 0px #00000008;
}

.custom-user-count {
  color: #a7a7a7;
  font-weight: 400;
  font-size: 13px;
}

.create-live-session-btn {
  padding: 4px 20px 4px 5px !important;
}

.create-live-session-btn span {
  font-size: 21px;
  line-height: 17px;
  margin-right: 15px;
  background: #12d2c1;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.launch-edit {
  text-transform: lowercase !important;
}

.custom-user-count .icon {
  font-size: 13px;
  margin: 0px 7px 0px 0px !important;
}

.live-video-image-upload {
  border: 3px dashed #e8e8e8;
  border-radius: 12px;
  width: 740px;
  min-width: 740px;
  height: 452px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  background-image: url(../images/dummy-cover-image.svg);
  background-repeat: no-repeat;
  background-size: 160px;
  background-position: center;
  pointer-events: none;
  overflow: hidden;
  transform: scale(0.83) translate(-11%, -12%);
}

.create-ls-column {
  padding: 30px;
  background: #f8f9fb;
  min-height: 520px;
}

.live-session-left .create-ls-column {
  min-height: 525px;
}

.live-session-right .create-ls-column {
  min-height: 525px;
}

.video-cover-image-wrapper {
  margin-top: 50px;
}

.create-ls-column .form-label {
  cursor: default;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #717171;
}

.live-session-wrapper .pn-topic {
  font-size: 15px;
}

.live-session-table .msg-status-row {
  margin-top: 5px;
}

.live-session-wrapper .custom-input {
  height: 38px !important;
  box-shadow: none;
}

.live-session-wrapper select.form-control {
  box-shadow: none;
  height: 38px;
}

.live-session-wrapper .live-session-left .live-creation-left-col .left-col-box:before {
  content: '';
  background: #fafafa;
  width: 47%;
  position: absolute;
  height: 100%;
  top: 0;
}

.custom-live-btn {
  padding: 5px 20px;
  border-radius: 22px;
  width: 100px;
  margin-left: 10%;
  font-size: 13px !important;
  border: 0px;
  outline: 0px !important;
  background: none;
  color: #f44336;
  text-transform: uppercase;
  position: relative;
  font-weight: 500;
}

.live-session-table .custom-live-btn {
  margin-left: 5%;
}

.live-session-table .live-launch-btn {
  margin-left: 5%;
}

.live-creation-left-col {
  width: calc(100% - 435px);
  max-width: calc(100% - 435px);
}

.custom-dropdown-wrapper {
  position: absolute;
  right: 15px;
}

.custom-dropdown-wrapper .custom-dropdown-toggle {
  font-size: 32px;
  letter-spacing: -2px;
  color: #adadad;
  line-height: 12px;
  margin: -15px 10px 0px 0px;
  cursor: pointer;
  user-select: none;
}

.custom-dropdown-wrapper .dropdown-menu {
  right: 0px;
  left: auto;
  margin: 0px;
  padding: 0px;
  background: #fff;
  box-shadow: 0px 0px 6px 4px #0000000d;
  margin-top: 15px;
}

.custom-dropdown-wrapper .dropdown-menu li a {
  padding: 8px 10px;
}

.live-classname {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-right: 30px;
  max-width: 76%;
  text-transform: capitalize;
}

.academy-name {
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  padding: 5px 16px;
}

.attendies-table-head {
  padding: 10px 0px 25px 0px;
  position: relative;
}

.attendies-table-column {
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  font-size: 11px;
  color: #0bb8a9;
}

.attendance-data {
  position: absolute;
  left: 0;
  bottom: 14px;
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
}

.live-manage-section .access_multi_select>.selected-items {
  position: relative;
  padding: 15px 2px 2px 7px;
  height: 180px;
  max-height: 180px;
  overflow-y: auto;
}

.live-manage-section .access_multi_select>.selected-items::-webkit-scrollbar {
  width: 5px;
}

.live-manage-section .access_multi_select>.selected-items::-webkit-scrollbar-track {
  background: rgb(248, 248, 248);
  border-radius: 10px;
}

.live-manage-section .access_multi_select>.selected-items::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}

.live-manage-section .access_multi_select>.selected-items>.placeholder {
  display: inline-block;
  padding: 6.5px;
}

.live-manage-section .access_multi_select>.selected-items>button {
  position: absolute;
  height: 28px;
  width: 28px;
  background-color: transparent;
  top: 7px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.2s;
}

.live-manage-section .access_multi_select>.selected-items>button:hover {
  transform: scale(1.2);
}

.live-manage-section .access_multi_select>.selected-items>button:nth-child(2) {
  background: url("../images/select-all.jpg") no-repeat center center;
  background-size: contain;
  right: 7px;
  /* display: none; */
  display: block;
  border: 1px solid #cacaca;
  border-radius: 6px;
}

.live-manage-section .access_multi_select>.selected-items>button:nth-child(3) {
  background: url("../images/deselect-all.jpg") no-repeat center center;
  background-size: contain;
  right: 40px;
  /* display: none; */
  display: block;
  border: 1px solid #cacaca;
  border-radius: 6px;
}

.live-manage-section .access_multi_select>.selected-items>.item {
  display: inline-flex;
  align-items: center;
  min-width: 15px;
  border-radius: 45px;
  padding: 6px 27px 6px 10px;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  white-space: nowrap;
  max-width: 277px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #e6e8e7;
  margin: 0px 7px 7px 7px;
  position: relative;
  cursor: pointer;
}

.live-manage-section .access_multi_select>.selected-items>.item>button {
  background-color: transparent;
  color: #fff;
  border: 0;
  font-weight: 900;
  cursor: pointer;
  vertical-align: bottom;
}

.live-manage-section .access_multi_select>.selected-items>.item>button:hover {
  color: #cacaca;
}

.live-manage-section .access_multi_select>.selected-items.expand {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.live-manage-section .access_multi_select>.dropdown {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  max-height: 0;
  -webkit-transition: 0.75s;
  -moz-transition: 0.75s;
  -ms-transition: 0.75s;
  -o-transition: 0.75s;
  transition: 0.75s;
  overflow-y: hidden;
  padding: 0;
  border-top-width: 0;
  border-color: transparent;
}

.live-manage-section .access_multi_select>.dropdown.expand {
  max-height: 250px;
  border-color: #ced4da;
  position: absolute;
  min-height: 250px;
}

.live-manage-section .access_multi_select>.dropdown>.filter {
  position: relative;
  height: 51px;
  padding: 10px;
  border-bottom: 1px solid #cacaca3d;
}

.live-manage-section .access_multi_select>.dropdown>.filter>input {
  width: 100%;
  margin: 0;
  border-radius: 0;
  border: none;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  box-shadow: none;
}

.live-manage-section .access_multi_select>.dropdown>.filter>button {
  position: absolute;
  border: 0;
  right: 20px;
  top: 7px;
}

.live-manage-section .access_multi_select {
  position: relative;
}

.live-manage-section .access_multi_select>.dropdown.expand {
  max-height: 250px;
  border-color: #ced4da;
  position: absolute;
  min-height: 250px;
}

.live-manage-section .access_multi_select>.dropdown>.items>.item>.custom-checkbox>label {
  padding: 5px 10px;
  display: block;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #717171;
}

.live-manage-section .access_multi_select>.dropdown>.items>.item>.custom-checkbox>label::before,
.access_multi_select>.dropdown>.items>.item>.custom-checkbox>label::after {
  margin: 5px 10px;
}

/* .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
 background-color: transparent !important; 
 border:1px solid #737373 ;
}
.custom-control-input:checked ~ .custom-control-label::before {
 color: #fff;
 background-color: transparent;
}
.custom-checkbox .custom-control-label::before {
 border-radius: 0.25rem;
 border:1px solid #737373;
 background-color: transparent !important;
}
.custom-control-label::before {
 position: absolute;
 top: 0.25rem;
 left: 0;
 display: block;
 width: 14px;
 height: 14px;
 pointer-events: none;
 content: "";
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 background-color: #dee2e6;
} */
.live-manage-section .access_multi_select>.dropdown>.items>.item {
  cursor: pointer;
  padding: 10px 15px;
  position: relative;
}

.live-manage-section .access_multi_select>.dropdown>.items>.item::after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 1px;
  left: 20px;
  right: 20px;
  background-color: #f5f5f5;
}

.live-manage-section .access_multi_select>.dropdown>.items>.item:hover {
  background-color: #f1f1f1;
  color: #fff !important;
}

.live-manage-section .dropdown.expand {
  max-height: 300px;
  border-color: #ced4da;
  position: absolute;
  min-height: 300px;
  z-index: 99;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  border-bottom: 2px solid #52af50;
  border-left: 2px solid #52af50;
}

.custom-control-label::after {
  position: absolute;
  top: 6px;
  left: 3px;
  display: block;
  width: 8px;
  height: 5px;
  content: "";
  transform: rotate(-45deg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.live-manage-section .access_multi_select .items {
  height: calc(100% - 51px);
  max-height: calc(100% - 51px);
  overflow-y: auto;
}

.live-manage-section .access_multi_select .items::-webkit-scrollbar {
  width: 5px;
}

.live-manage-section .access_multi_select .items::-webkit-scrollbar-track {
  background: rgb(248, 248, 248);
  border-radius: 10px;
}

.live-manage-section .access_multi_select .items::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
  cursor: pointer;
}

.live-manage-section .autocomplete-items {
  position: absolute;
  top: 44px;
  left: 0px;
  right: 0px;
  width: calc(100% - 2px);
  margin: 0 auto !important;
  z-index: 999;
  border: 0;
  border-radius: 0px 0px 8px 8px;
  overflow: hidden;
  background: white;
  height: 300px;
  box-shadow: 0px 4px 4px 2px #00000014;
  max-height: 300px;
  overflow-y: auto;
}

.live-manage-section .learner-addto-live-btn {
  min-width: unset;
  padding: 2px 15px;
}

.add-speaker-container {
  position: relative;
}

.add-speaker-container .autocomplete-items li {
  border-radius: 0px !important;
  border: 0px !important;
  background: unset;
  align-items: center;
  position: relative;
  padding: 10px 20px;
}

.add-speaker-container .autocomplete-items li:after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 1px;
  left: 20px;
  right: 20px;
  background-color: #f5f5f5;
}

.course-chip-close {
  display: none;
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  right: 3px;
  font-size: 22px;
  font-weight: 400 !important;
  color: #525252 !important;
}

.course-batch-tag {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-transform: capitalize;
}

.live-manage-section .access_multi_select>.selected-items>.item:hover .course-chip-close {
  display: block;
}

.search-iconblk {
  position: absolute;
  width: 27px;
  height: 25px;
  margin-left: 20px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.lc-sharable-link {
  background-color: #eeeeee;
  padding: 5px 12px !important;
  font-size: 13px;
  border: 1px solid #c7c9ca;
  border-radius: 3px;
}

.livesession-filter-row {
  display: grid !important;
  grid-template-columns: 356px auto 320px;
}

.create-livebtn-holder {
  width: unset !important;
}

#live_row_wrapper {
  max-height: calc(100vh - 196px);
  min-height: calc(100vh - 196px);
  overflow-y: scroll;
}

.filter-sort {}

.filter-sort .ascending {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #a7a7a7;
  position: relative;
  top: -2px;
  cursor: pointer;
}

.filter-sort .descending {
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #a7a7a7;
  cursor: pointer;
}

.filter-sort:hover .ascending {
  border-bottom: 7px solid #0bb8a9;
}

.filter-sort:hover .descending {
  border-top: 7px solid #0bb8a9;
}

/* ======================== ends */

/* Live class sucess popup */
.lc-popup-block {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 9999999;
  background: rgba(255, 255, 255, 0.6);
}

.lc-popup-wrapper {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 500px;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #cacaca;
  z-index: 999;
  margin: 0 auto;
}

.lc-popup-close-blk {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.lc-popup-close {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.lc-popup-close::before,
.lc-popup-close::after {
  position: absolute;
  left: 50%;
  content: " ";
  height: 15px;
  width: 2px;
  top: 35%;
  border-bottom: unset;
  border-top: unset;
  background-color: #737373;
}

.lc-popup-close:before {
  transform: rotate(45deg) !important;
}

.lc-popup-close::after {
  transform: rotate(-45deg) !important;
}

.lc-popup-sucesscontainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 15px;
}

.lc-popup-sucessimg-column {
  width: 65px;
  height: 65px;
  margin-bottom: 20px;
}

.lc-success-icon {
  width: 100%;
  height: 100%;
}

.lc-popup-caption {
  font-size: 17px;
  font-weight: 500;
  color: #4a4848;
  margin: 5px;
}

.lc-popup-para {
  font-size: 14px;
  font-weight: 400;
  color: #005256;
  margin: 5px 0px 15px 0px;
}

.lc-popup-timeslot {
  margin: 10px 0px 20px 0px;
  font-size: 15px;
  color: #4a4848;
  font-weight: 500;
  text-align: center;
}

.lc-popup-timeslot-duration {
  margin-bottom: 2px;
}

.lc-popup-sharelink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 5px 12px !important;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #c7c9ca;
  border-radius: 4px;
  margin-left: 9px;
  margin-right: 9px;
  color: #717171;
  margin-bottom: 10px;
}

#roomurltocopy {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lc-popup-linkcopy {
  color: #41c4ef;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

.mb-10 {
  margin-bottom: 10px;
}

/* popup-ends-here */
.due-tag {
  background: #ff2f2fd9;
  padding: 2px 16px;
  color: #ffffff;
  border-radius: 16px;
  font-weight: 400;
  font-size: 11px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0px 15px;
}

/* updates on 25-11 */
.guard-icon {
  background: url("../images/guard-icon.png");
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 15px;
}

.caution {
  width: 13px;
  min-width: 13px;
  height: 13px;
  min-height: 13px;
  background: #fda80b;
  border-radius: 50%;
  position: relative;
  display: inline-block;
}

.caution:after {
  content: "!";
  position: absolute;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  left: 5px;
  top: -1px;
}

.attendee-count-holder {
  position: relative;
}

.learner-limit-tooltip {
  position: absolute;
  z-index: 9999999999;
  top: -43px;
  left: 55px;
  background: #fff;
  padding: 8px 10px 8px 30px;
  border-radius: 8px;
  box-shadow: 0px 0px 3px 1px #00000014;
  white-space: nowrap;
  visibility: visible;
  opacity: 1;
  transition: 0.2s ease visibility, 0.2s ease opacity;
  font-size: 12px;
  font-weight: 400;
  color: #444;
  text-transform: none;
  cursor: default;
  text-transform: initial;
}

.learner-limit-tooltip .close-tooltip {
  width: 15px;
  height: 15px;
  background: #ff0000;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 14px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 9px;
  top: 10px;
  cursor: pointer;
}

.learner-limit-tooltip:after {
  content: "";
  width: 12px;
  height: 12px;
  background: white;
  z-index: 9999;
  position: absolute;
  bottom: -6px;
  left: 25px;
  transform: rotate(45deg);
  box-shadow: 1px 1px 0px 0px #00000014;
}

.add_speaker_roles {
  color: #b9b9b9;
  font-weight: 400;
  margin-left: 3px;
}

/* updates ends */

/* Live schedule ends here */

/* Live Class Detail starts here */
.lc-details-header {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  color: #535f6d;
  margin-right: 20px;
}

.lc-detailpage-video-wrapper {
  width: 400px;
  /* margin-top: 25px; */
  position: relative;
  border-radius: 0px;
  overflow: hidden;
}

.lc-detailpage-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lc-detailpage-playbutton {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: 5px solid #fff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  cursor: pointer;
}

.lc-detailpage-videoplay {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid #fff;
  border-radius: 4px;
  margin-left: 14px;
  margin-top: 8px;
}

.lc-detailpage-playbutton.pause .lc-detailpage-videoplay {
  width: 16px;
  height: 18px;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  margin-left: 12px;
  margin-top: 11px;
}

.sub-recording-holder .lc-detailpage-playbutton.pause .lc-detailpage-videoplay {
  width: 9px;
  height: 10px;
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-left: 3px solid #fff !important;
  border-right: 3px solid #fff !important;
  margin-left: 1px !important;
  margin-top: 1px !important;
}

.lc-details-blk {
  padding: 30px 15px 15px 15px;
}

.lc-class-created {
  font-size: 14px;
  font-weight: 400;
  color: #535f6d;
  margin: 10px 0;
}

.lc-details-time-wrapper {
  display: flex;
  margin: 20px 0px;
}

.lc-details-time-container {
  background-color: #eef5fd;
  color: #11589a;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 25px;
  border-radius: 4px;
}

.lc-details-duration {
  margin-left: 15px;
  background-color: #fff0eb;
  color: #e76c31;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 25px;
  border-radius: 4px;
}

.lc-details-room {
  margin-left: 15px;
  background-color: #ffeaec;
  color: #e21533;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 25px;
  border-radius: 4px;
}

.lc-details-year {
  position: relative;
  padding-left: 20px;
}

.lc-details-year::after {
  position: absolute;
  content: "";
  left: 7px;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background-color: #11589a;
}

.lc-device-name {
  font-size: 14px;
  font-weight: 400;
  color: #535f6d;
}

.lc-device-no {
  padding: 0px 10px;
  font-weight: 500;
}

.android-device {
  background-color: #3faf43;
}

.web-device {
  background-color: #41c4ef;
}

.ios-device {
  background-color: #6f6c6c;
}

.android-device img {
  width: 100%;
}

.android-device svg {
  width: 100%;
}

.web-device img {
  width: 100%;
}

.web-device svg {
  width: 100%;
}

.ios-device img {
  width: 100%;
}

.ios-device svg {
  width: 100%;
}

.lc-details-device-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 5px;
}

.lc-details-url-wrapper {
  display: flex;
  align-items: center;
}

.lc-details-url-caption {
  font-size: 13px;
  font-weight: 500;
  color: #535f6d;
  margin-right: 20px;
  white-space: nowrap;
}

.no-bg {
  background-color: unset !important;
}

.lc-detail-copybtn {
  margin-left: 25px;
  border: 1px solid #0da296;
  background-color: transparent;
  color: #0da296;
  padding: 3px 0px;
  min-width: 75px;
}

.download-recording-block {
  margin-top: 25px;
}

.lc-details-learners-table .grid-table-row {
  grid-template-columns: 220px 300px 165px 140px 160px 160px auto;
}

.lc-details-learners-table .grid-table-head {
  border-top: 1px solid #eeee;
}

.lc-details-learners-table .grid-table-head:last-of-type {
  min-width: 120px;
}

.lc-details-learners-table .grid-table-data:last-of-type {
  min-width: 120px;
}

.lc-user-email {
  word-break: break-all;
}

.lc-user-deviceblk {
  display: flex;
}

.lc-user-device-icon {
  width: 10px;
  margin-right: 10px;
}

.lc-user-device-icon svg {
  width: 100%;
}

.lc-user-device-icon img {
  width: 100%;
}

.lc-details-learners-table {
  margin-bottom: 65px;
}

.lc-user-device-container {
  display: flex;
  margin-bottom: 6px;
}

.lc-time-manual {
  margin-bottom: 6px;
}

.lc-ipaddress {
  margin-bottom: 6px;
}

.mt3 {
  margin-top: 3px;
}

.lc-header-rightdots {
  font-size: 32px;
  letter-spacing: -2px;
  color: #adadad;
  line-height: 12px;
  margin: -15px 10px 0px 0px;
  cursor: pointer;
  user-select: none;
}

.lc-details-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 550px;
}

.custom-dropdown-wrapper {
  position: absolute;
  right: 15px;
}

.custom-dropdown-wrapper .custom-dropdown-toggle {
  font-size: 32px;
  letter-spacing: -2px;
  color: #adadad;
  line-height: 12px;
  margin: -15px 10px 0px 0px;
  cursor: pointer;
  user-select: none;
}

.custom-dropdown-wrapper .dropdown-menu {
  right: 0px;
  left: auto;
  margin: 0px;
  padding: 0px;
  background: #fff;
  box-shadow: 0px 0px 6px 4px #0000000d;
  margin-top: 15px;
}

.custom-dropdown-wrapper .dropdown-menu li a {
  padding: 8px 10px;
}

.lc-detail-link {
  width: 65%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 35px;
  padding-top: 7px !important;
}

@media screen and (min-width: 1023px) and (max-width: 1250px) {
  .lc-detailpage-video-wrapper {
      width: 356px;
      height: 256px;
  }
}

.no-learners-column {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(100vh - 196px);
  background-color: #fdfdfd;
}

.no-learners-iconblk {
  width: 90px;
  margin-bottom: 25px;
  margin: 0 auto;
}

.no-learners-caption {
  color: #444;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}

.sub-recording-wrapper {
  background: #f3f3f3;
  padding: 40px 0px;
}

.sub-recording-holder {
  width: 170px;
  margin-right: 20px;
  position: relative;
}

.sub-recording-holder video {
  width: 100%;
  height: 100%;
  display: block;
}

.sub-recording-holder .lc-detailpage-playbutton {
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub-recording-holder .lc-detailpage-videoplay {
  margin: 0px -4px 0px 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #fff;
}

.sub-record-url-holder {
  width: calc(100% - 190px);
}

.sub-record-url-holder .lc-sharable-link {
  background: #e9e9e9;
  border-color: #e9e9e9;
}

.sub-record-info {}

.sub-record-name {
  font-size: 14px;
  font-weight: 500;
  color: #494b4e;
}

.sub-record-duration {
  color: #00a9fa;
  font-weight: 400;
  font-size: 14px;
  margin-left: 20px;
}

.lc-attendance-detail {
  display: flex;
  padding: 15px 30px;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}

.batch-tag {
  background: #ff9600;
}

.batch-tag:hover {
  background: #ff8d00;
}

.batch-tag:focus {
  background: #ff9600;
}

.live-class-name {
  font-size: 16px;
  font-weight: 500;
  color: #0bb8a9;
  margin: 30px 0 20px 0;
}

/* Live Class Detail ends here */

/* live class popup starts here */
.lc-project-popup-header {
  color: #4a4848;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.lc-project-total-learners {
  display: flex;
  margin-bottom: 25px;
}

.lc-project-learners-count {
  color: #4a4848;
  font-size: 13px;
  font-weight: 500;
}

.lc-project-learners-desc {
  color: #7b7b7b;
  font-size: 12px;
  font-weight: 500;
  padding-left: 15px;
}

.lc-formlabel {
  font-size: 14px;
  font-weight: 500;
  color: #717171;
  margin-bottom: 10px;
}

.lc-project-formblk {
  width: 130px;
}

.lc-project-time-interval-blk {
  display: flex;
  width: 96%;
  justify-content: space-between;
  margin-bottom: 20px;
}

.lc-project-btnblk {
  display: flex;
  align-items: center;
  width: 98%;
  justify-content: flex-end;
  margin: 40px 0px 15px 0px;
}

.lc-pro-cancel {
  font-size: 11px;
  font-weight: 500;
  color: #717171;
  text-transform: uppercase;
  margin-right: 20px;
}

.lc-launch {
  font-size: 11px !important;
  text-transform: uppercase;
  margin-right: 15px;
}

.lc-schedule {
  background-color: #ff9c01;
  font-size: 11px !important;
  text-transform: uppercase;
  margin-right: 15px;
}

.lc-schedule:hover {
  background-color: #ff9c01;
}

/* live class popup ends here  */

/* Confirmation popup starts here */
.admin-modal .modal-dialog {
  width: 500px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%) !important;
}

.admin-modal .modal-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.5);
}

.admin-modal-header {
  font-size: 17px;
  font-weight: 500;
  color: #4a4848;
  margin: 5px;
}

.admin-modal-closeblk {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.admin-modal-close {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.admin-modal-close::before,
.admin-modal-close::after {
  position: absolute;
  left: 50%;
  content: " ";
  height: 15px;
  width: 2px;
  top: 35%;
  border-bottom: unset;
  border-top: unset;
  background-color: #737373;
}

.admin-modal-close:before {
  transform: rotate(45deg) !important;
}

.admin-modal-close::after {
  transform: rotate(-45deg) !important;
}

.admin-popup-btnblk {
  display: flex;
  align-items: center;
  margin: 25px 0 10px 0px;
}

.admin-popup-img-column {
  width: 75px;
  margin-bottom: 20px;
}

.admin-popup-img-column svg {
  width: 100%;
  height: auto;
}

.admin-popup-cancel {
  margin-right: 35px;
}

.admin-modal-subheader {
  font-size: 14px;
  font-weight: 400;
  color: #005256;
  margin: 5px 0px 15px 0px;
}

.admin-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 15px;
}

.push-notif-desc {
  margin: 7px 0px 15px 0px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  color: #4a4848;
}

.push-pro-report {
  padding-left: 50px;
  position: relative;
}

.push-pro-report::before {
  content: "";
  position: absolute;
  background-color: #4a4848;
  top: 3px;
  width: 1px;
  bottom: 0px;
  left: 25px;
}

.admin-popup-img-column img {
  width: 100%;
  height: auto;
}

.qb_btnwrapper {
  margin: 7px 0px 15px 0px;
}

.qb-popup-imgwrapper {
  width: 65px;
  height: 65px;
}

.qb-btn {
  min-width: 75px;
}

/* Confirmation popup ends here */

/* Learners (Users) starts here */
.learners-list-table .grid-table-row {
  grid-template-columns: auto 220px 180px 180px 170px 130px 160px 50px;
}

.learners-list-table .grid-table-row.grid-table-shadow {
  padding-right: 34px;
}

.learners-table-data {
  max-height: calc(100vh - 245px);
  overflow-y: scroll;
  padding-bottom: 320px;
  padding-right: 17px;
}

.count-tag {
  background: #2ac9e7;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 5px;
  line-height: 12px;
  border-radius: 5px;
  margin: 0px 6px;
  display: inline-block;
  cursor: pointer;
}

.active-tag {
  background: #39d5bd;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 2px 12px;
  border-radius: 22px;
}

.inactive-tag {
  background: #f78218;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 2px 12px;
  border-radius: 22px;
}

.popover-holder {
  position: relative;
}

.popover-container {
  position: absolute;
  bottom: 18px;
  right: -3px;
  z-index: 9999999999999999;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 6px 1px #00000040;
  display: none;
}

.popover-container:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #ffffff;
  position: absolute;
  right: 11px;
  bottom: -5px;
  transform: rotate(45deg);
  box-shadow: 2px 2px 0px 0px #44444412;
}

.learners-table-data .grid-table-row:nth-child(1) .popover-container:after {
  right: 11px;
  top: -6px;
  transform: rotate(-135deg);
  box-shadow: 2px 2px 0px 0px #44444412;
}

.learners-table-data .grid-table-row:nth-child(1) .popover-container {
  bottom: -103px;
  top: auto;
}

.popover-holder:hover .popover-container {
  display: block;
}

.last-login-log {
  margin: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}

.device-log {
  margin: 15px;
  display: flex;
  align-items: start;
  justify-content: flex-start;
  flex-direction: column;
  white-space: nowrap;
}

.devicelog-popover-container {
  top: -12px !important;
  left: 7px;
  right: auto;
  bottom: auto !important;
}

.devicelog-popover-container:after {
  left: -6px;
  top: 13px !important;
  transform: rotate(135deg) !important;
}

.ip-icon {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}

.ip-icon:after {
  content: "";
  background: url("../images/home.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
}

.browser-icon {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}

.browser-icon:after {
  content: "";
  background: url("../images/browser.svg");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0px;
}

.mobile-icon {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}

.mobile-icon:after {
  content: "";
  background: url("../images/mobile.svg");
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: 4px 3px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
}

.learners-filter-checkbox li {
  padding: 15px 15px;
  font-size: 14px;
  position: relative;
}

.learners-filter-checkbox li:after {
  content: "";
  height: 1px;
  width: 75%;
  position: absolute;
  right: 10px;
  bottom: 0px;
  background: #f5f5f5;
}

.learners-filter-checkbox .check-box-holder span {
  font-size: 13px;
}

.learner-top-filter {
  display: grid !important;
  grid-template-columns: 300px auto auto;
}

.learners-settings-dropdown {
  top: 20px;
  right: 0px;
  display: none;
}

.learners-status {
  position: relative;
}

.learners-status:hover .learners-settings-dropdown {
  display: block;
}

.multiline-search {
  border-radius: 0px 0px 12px 12px;
  overflow: hidden;
  box-shadow: 0px 6px 6px 0px #0000001c;
  margin-top: -44px;
  position: relative;
  z-index: 99;
  display: none;
}

.multiline-search-container.active .multiline-search {
  display: block;
}

.multiline-search-area {
  padding: 20px 20px 0px 20px;
  background: #ffffff;
  position: relative;
  z-index: 99;
}

.multiline-search-area textarea {
  width: 100%;
  height: 100%;
  resize: none;
  padding: 6px 13px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background: #fafafa;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.multiline-search-area textarea::-webkit-scrollbar {
  width: 7px;
}

.multiline-search-area textarea::-webkit-scrollbar-track {
  background: #fff;
}

.multiline-search-area textarea::-webkit-scrollbar-thumb {
  background: #dedede;
  border-radius: 22px;
}

/* .multiline-search-area textarea::-webkit-scrollbar-thumb:hover {background: #555;} */
.multiline-search-area textarea::placeholder {
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  color: #b1b1b1;
  line-height: 24px;
}

.learner-top-filter .multiline-search-container.active .srch_txt::placeholder {
  opacity: 0;
}

.learner-enroll-modal .multiline-search-container.active .srch_txt::placeholder {
  opacity: 0;
}

.multiline-search-info {
  padding: 8px 20px 12px 20px;
  margin-top: -1px;
  justify-content: space-between;
  color: #8a8a8a;
  font-size: 13px;
  background: #fff;
  position: relative;
  z-index: 9;
}

.multiline-search-title {
  text-align: left;
  padding: 15px 20px 0px 50px;
  font-size: 13px;
  font-weight: 400;
  color: #808080;
  z-index: 99;
  position: relative;
}

.multiline-search-title span {
  font-weight: 500;
  color: #444;
}

.name-minwidth {
  min-width: 200px;
}

.learner-enroll-modal .modal-dialog {
  width: 80%;
  top: 50%;
  transform: translateY(-50%) !important;
}

.learner-enroll-modal .modal-content {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  min-height: 82vh;
}

.learner-enroll-modal .modal-header {
  background: #fff;
  padding: 15px 30px;
}

.learner-enroll-modal .close {
  color: #909090;
  font-size: 28px;
  font-weight: 400;
  top: 15px;
  right: 25px;
}

.learner-enroll-modal .modal-title {
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.enrolllearner-top-filter {
  display: grid !important;
  grid-template-columns: 60% 40%;
  border-bottom: 1px solid #efefef;
}

.learner-enroll-modal .learners-table-data {
  max-height: calc(100vh - 325px);
  min-height: calc(100vh - 325px);
}

.learner-enroll-modal .learners-table-data::-webkit-scrollbar {
  width: 10px;
}

.learner-enroll-modal .learners-table-data::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.learner-enroll-modal .learners-table-data::-webkit-scrollbar-thumb {
  background: #888;
}

.learner-enroll-modal .learners-table-data::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.learner-enroll-modal .grid-table-row {
  grid-template-columns: 350px 250px 300px auto;
}

.no-learner-msg {
  text-align: center;
  margin-top: 13%;
}

.no-learner-icon {
  width: 150px;
  margin: 0 auto;
}

.no-learner-text {
  font-size: 15px;
  font-weight: 500;
}

.learners-list-table .grid-table-row .grid-table-data:last-child {
  border-left: 0px;
  border-bottom: 1px solid #eeee;
}

.learners-list-table .grid-td .grid-table-data:nth-last-child(2) {
  border-bottom: 1px solid #eeee;
}

.learners-list-table .grid-td .grid-table-data:nth-last-child(3) {
  border-bottom: 1px solid #eeee;
}

/* Learners (Users) ends here */

/* Question bank UI starts here */
.qstb-pool-desc {
  margin: 10px 0 18px 0px;
  text-align: center;
}

.dashboard-pool-qstn-wrapper {
  height: calc(100vh - 150px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fbfbfb;
}

.dashboard-pool-qstn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px 0;
}

.admin-popup-img-column img {
  width: 100%;
  height: auto;
}

.qb_btnwrapper {
  margin: 7px 0px 15px 0px;
}

.qb-popup-imgwrapper {
  width: 65px;
  height: 65px;
}

.qb-btn {
  min-width: 75px;
}

.poolqstn-img-column {
  width: 150px;
  margin-bottom: 15px;
}

.poolqstn-img-column img {
  width: 100%;
  height: auto;
}

.poolqstn-img-column svg {
  width: 100%;
  height: auto;
}

.poolqstn-header {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  margin-bottom: 7px;
}

.poolqstn-desc {
  font-size: 14px;
  font-weight: 400;
  color: #aba8a8;
  margin-bottom: 10px;
}

.mr0 {
  margin-right: 0px !important;
}

/* grid table for question pool */
.grid-qstn-pool-subject-row {
  grid-template-columns: 55% 15% 15% 15%;
}

.subject-name {
  font-size: 14px;
  font-weight: 400;
  color: #797979;
}

.unused-qstn {
  color: #fe0000;
}

.grid-qstn-pool-subject-row:hover {
  background-color: #f4f4f4;
}

.qstn-pool-qno {
  padding-left: 7px;
}

.grid-question-pool {
  grid-template-columns: 48% 13% 13% 13% 13%;
}

.grid-question-pool .grid-table-head {
  font-size: 13px;
  padding: 17px;
}

.grid-question-pool .grid-table-data {
  padding: 17px;
  font-size: 14px;
}

.pool-total-qstn {
  font-size: 13px;
  font-weight: 400;
  color: #797979;
}

.question-list-wrapper {
  display: flex;
  font-size: 13px;
  font-weight: 500;
  color: #525252;
  padding: 3px 0px;
  width: 345px;
}

.question-list-wrapper .question-number.incomplete {
  position: relative;
}

.question-list-wrapper .question-number.incomplete::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  background: #ff0000;
}

.ques-container {
  padding-left: 20px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 1px;
  font-size: 13px;
}

.qstn-pool-subject {
  top: -8px;
}

.grid-qstn-pool-subject-row.hover_none {
  background-color: unset;
}

.grid-qust-pool-review-column {
  width: 100%;
  display: flex;
}

.grid-qust-pool-review-column .grid-question-pool {
  grid-template-columns: 100%;
}

.preview-device-block {
  border-color: #f1f1f1;
  width: 50%;
  height: calc(100vh - 95px);
}

.preview-header {
  background-color: #7f8386;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}

.preview-header-caption {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
}

.preview-menus {
  display: flex;
  align-items: center;
  height: 100%;
}

.preview-desktop {
  width: 18px;
  margin-right: 30px;
  margin-top: 3px;
  cursor: pointer;
}

.ques-prevw-desktop-icon {
  width: 20px;
}

.preview-mobile {
  width: 10px;
  margin-right: 30px;
  margin-top: 3px;
  cursor: pointer;
}

.ques-prevw-mobile-icon {
  width: 13px;
}

.preview-close {
  color: #fff;
  font-size: 30px;
  cursor: pointer;
}

.preview-body {
  background-color: #f3f3f3;
  padding: 15px;
  height: calc(100% - 52px);
  max-height: calc(100% - 52px);
  overflow-y: auto;
}

.preview-body::-webkit-scrollbar {
  width: 10px;
}

.preview-body::-webkit-scrollbar-track {
  background: rgb(248, 248, 248);
}

.preview-body::-webkit-scrollbar-thumb {
  background: #7f8386;
  cursor: pointer;
}

.pre-ques-container {
  margin-bottom: 15px;
}

.pre-ques-section {
  border-bottom: 1px solid #f1f1f1;
}

.preview-question-wrapper {
  padding: 15px;
  background-color: #fff;
}

.preview-question-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}

.preview-ques-headerleft {
  display: flex;
  font-size: 13px;
  font-weight: 500;
  color: #9c9696;
}

.pre-question-type {
  padding-left: 8px;
}

.list-icon img {
  width: 90%;
}

.doc-icon img {
  width: 69%;
  height: 67%;
}

.preview-edit-icon {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  background-color: #41c4ef;
  margin-right: 8px;
  text-align: center;
  line-height: 12px;
  vertical-align: middle;
}

.preview-edit-txt {
  font-size: 13px;
  font-weight: 500;
  color: #444;
}

.preview-ques-headerright {
  display: flex;
  align-items: center;
}

.edit-pencil-icon {
  width: 9px;
  padding-left: 1px;
}

.preview-question {
  color: #444;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.pre-ques-section {
  border-bottom: 1px solid #f1f1f1;
}

.pre-ques-explanation {
  padding: 15px;
  background-color: #fff;
}

.pre-explan-caption {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #01b846;
}

.pre-explan-desc {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #444;
}

.pre-ques-container {
  margin-bottom: 15px;
}

.preview-multiple-choices-wrapper {
  margin-top: 30px;
}

.preview-multichoice-container {
  display: flex;
  align-items: center;
  padding: 10px 0px 10px 45px;
  margin-bottom: 5px;
}

.preview-multichoice-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 500;
  color: #444;
  border: 1px solid #6f6767;
}

.preview-mulichoice-options {
  padding-left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #444;
}

.pre-wrong-answer-section {
  position: relative;
  box-sizing: border-box;
  background-color: #f4c0c2;
  border-radius: 5px;
  width: 50%;
}

.pre-wrong-answer {
  position: absolute;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #f46263;
  color: #fff;
  left: 10px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 23px;
  vertical-align: middle;
}

.pre-correct-answer-section {
  position: relative;
  box-sizing: border-box;
  background-color: #94f2a4;
  border-radius: 5px;
  width: 50%;
}

.pre-correct-answer {
  position: absolute;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #01b846;
  color: #fff;
  left: 10px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 23px;
  vertical-align: middle;
}

.pre-correct-answer::after {
  position: absolute;
  content: "";
  width: 11px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  top: 28%;
  transform: translateY(-50%) rotate(-47deg) translateX(-50%);
  left: 42%;
}

.ques-prevw-mobile-icon-active {
  display: none;
  width: 13px;
}

.ques-prevw-mobile-icon-active svg {
  width: 100%;
  height: 100%;
}

.ques-prevw-mobile-icon svg {
  width: 100%;
  height: 100%;
}

.ques-prevw-desktop-icon {
  display: none;
}

.ques-prevw-desktop-icon-active {
  width: 20px;
}

.preview-body.mobile-view {
  background-color: #444;
  padding-top: 35px;
}

.preview-body.mobile-view .pre-ques-container {
  width: 50%;
  margin: 0 auto 15px auto;
}

.preview-body.mobile-view .pre-ques-container .pre-wrong-answer-section {
  width: 100%;
}

.preview-body.mobile-view .pre-ques-container .pre-correct-answer-section {
  width: 100%;
}

.preview-body.mobile-view .preview-multiple-choices-wrapper {
  margin-top: 15px;
}

.blanks-marker {
  padding: 0px 6px 3px 6px;
  background-color: #f1f1f1;
  border: 1px solid #cacaca;
  color: #cacaca;
  border-radius: 6px;
}

.mt3 {
  margin-top: 3px;
}

.ml3 {
  margin-left: 3px;
}

.font-rupee {
  font-family: roboto;
}

/* Question bank UI ends here */

/* Disk Usage */
.disk-usage {
  padding: 10px 15px;
  float: right;
  border: 1px dashed #dedede;
  border-radius: 10px;
  margin: 25px;
  font-size: 12px;
  color: #505050;
  font-weight: 400;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0px;
}

.disk-icon {
  width: 34px;
  margin-right: 15px;
}

.disk-usage-count {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #55b20a;
}

/* Disk Usage ends */

/* Creation modal customization */
.custom-create-modal {
  z-index: 99999;
}

.custom-create-modal .modal-content {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.custom-create-modal .modal-header {
  background: #ececec;
  color: #444;
  padding: 15px 25px;
  border: 0px;
  /* box-shadow: 0px 0px 12px 12px #0000001a; */
}

.custom-create-modal .modal-header .close {
  color: #5c5c5c;
  font-size: 28px;
  font-weight: 200;
  line-height: 12px;
  margin-right: 10px;
}

.custom-create-modal .modal-header .modal-title {
  font-size: 14px;
  font-weight: 500;
}

.custom-create-modal .modal-body {
  padding: 25px;
}

.custom-create-modal .modal-footer {
  border-top: 0px;
  padding: 0px 20px 30px 0px;
}

.custom-create-modal .form-group {
  margin-bottom: 15px;
}

.custom-create-modal .modal-dialog {
  top: calc(50% - 35px) !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 625px) {
  .custom-create-modal .modal-dialog {
      max-height: 625px;
      overflow-y: auto;
  }
}

/* Creation modal customization ends */

.ofabee-version {
  font-size: 10px;
  font-style: italic;
  position: absolute;
  right: 23px;
}

/* Bandwidth on dashboard */
.bandwidth-container {
  background: #fff;
  box-shadow: 0px 0px 6px 6px #0000000a;
  margin: 20px;
  border-radius: 5px;
  display: flex;
}

.bandwidth-title {
  font-size: 14px;
  font-weight: 500;
  padding: 20px 0px 0px 20px;
  color: #000;
}

.chart-container {
  position: relative;
  height: calc(100% - 40px);
  display: flex;
  align-items: flex-end;
}

.month-list-wrapper {
  width: 240px;
  min-height: 346px;
  border-right: 1px solid #f2f2f2;
}

.month-list ul li {
  padding: 9px 20px 9px 9px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  position: relative;
  margin: 8px 0px 16px 0px;
  cursor: pointer;
}

.month-list ul li:hover {
  background: #f2f8f8;
}

.month-list ul li:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0px;
  right: 0px;
  width: 92%;
  margin: 0 auto;
  border-bottom: 2px dashed #e6e6e6;
}

.month-list ul li:last-child:after {
  border-bottom: none;
}

.month-list ul li.active {
  background: #f2f8f8;
}

.month-list {
  margin: 0px 10px;
}

.month-list::-webkit-scrollbar {
  width: 8px;
}

.month-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.month-list::-webkit-scrollbar-thumb {
  background: #888;
}

.month-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.bdw-month-name {
  font-size: 14px;
  font-weight: 400;
  color: #656565;
}

.bdw-month-consumption {
  font-size: 18px;
  font-weight: 500;
}

.bdw-gb {
  font-size: 12px;
  font-weight: 500;
  color: #444;
}

.bandwidth-chart {
  width: calc(100% - 240px);
  max-width: calc(100% - 240px);
  padding: 20px;
  height: 346px;
}

.bdw-month-icon {
  padding: 7px;
  border-radius: 6px;
  margin-right: 15px;
}

.bdw-month-icon svg {
  width: 13px !important;
  height: 13px !important;
}

.month-list ul li:nth-child(5) {
  margin-bottom: 9px;
}

.month-list ul li:nth-child(1) .bdw-month-icon {
  background: #f9e8d4;
}

.month-list ul li:nth-child(2) .bdw-month-icon {
  background: #cdd8f6;
}

.month-list ul li:nth-child(3) .bdw-month-icon {
  background: #f6cee8;
}

.month-list ul li:nth-child(4) .bdw-month-icon {
  background: #d3f4c5;
}

.month-list ul li:nth-child(5) .bdw-month-icon {
  background: #fed8c3;
}

.month-list ul li:nth-child(1) .bdw-month-icon svg {
  fill: #ff9800;
}

.month-list ul li:nth-child(2) .bdw-month-icon svg {
  fill: #401cbe;
}

.month-list ul li:nth-child(3) .bdw-month-icon svg {
  fill: #f41781;
}

.month-list ul li:nth-child(4) .bdw-month-icon svg {
  fill: #61a129;
}

.month-list ul li:nth-child(5) .bdw-month-icon svg {
  fill: #da5330;
}

.admin-footer {
  background: #fdfdfd;
  padding: 20px 0px;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  color: #6f6f6f;
}

.upgrade-link {
  color: #00ad9e;
  font-weight: 400;
}

.upgrade-link:hover {
  color: #007268;
  font-weight: 400;
}

.bdw-tot-usage-col {
  font-size: 13px;
  font-weight: 400;
  text-align: right;
  color: #808080;
}

.bdw-tot-usage {
  background: #fa5a18;
  padding: 1px 6px;
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  margin-left: 10px;
}

#lineMorris {
  width: 100%;
  max-height: 100%;
}

#lineMorris svg {
  width: 100%;
}

/* Bandwidth on dashboard */

#preview-as-user-modal .mobile_view {
  cursor: pointer;
}

a.link-style {
  color: #096cbf;
  font-weight: 500;
}

/* Settings page update */
.custom-settings-wrapper {
  background: #fff;
  display: flex !important;
  flex-direction: row !important;
}

.custom-settings-left {
  padding-right: 0% !important;
  width: 350px !important;
  background: #fff;
  border-right: solid 1px #dfdfdf;
  min-height: 100vh;
}

.custom-settings-right {
  width: calc(100% - 350px) !important;
  border-left: 0px !important;
  position: static;
}

.custom-settings-left .settings-table {
  margin-top: 10px !important;
}

.custom-settings-left .rTableRow {
  margin: 0px 15px 10px 15px;
}

.custom-settings-left .course-cont-wrap .course-cont .rTableRow .rTableCell {
  border-top: 0px !important;
  padding: 10px 0px 10px 22px !important;
}

.custom-settings-left .course-cont .rTableRow:hover {
  background-color: #d7f2ed !important;
  border-radius: 6px;
  overflow: hidden !important;
  cursor: pointer;
}

.custom-settings-left .course-cont .rTableRow.active {
  background-color: #d7f2ed !important;
  border-radius: 6px;
  overflow: hidden !important;
}

.custom-settings-left .course-cont .rTableRow .settings-link {
  color: #757575;
  font-size: 14px;
  font-weight: 500;
}

.custom-settings-left .course-cont .rTableRow.active .settings-link {
  color: #0bb9a8;
}

.custom-settings-left .settings-text {
  color: #919191;
  font-size: 13px;
  font-weight: 500;
}

.custom-settings-left .course-cont .rTableRow.active .settings-text {
  color: #5c5c5c;
}

.custom-settings-left .course-cont-wrap .course-cont .rTableRow:last-child .rTableCell {
  border-bottom: 0px !important;
}

.settings-option-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #545d66;
  padding: 20px 20px 12px 20px;
  margin: 0px !important;
  text-align: left;
}

.settings-column {
  margin: 20px;
  margin-top: 0px;
  padding: 20px 27px;
  background: #f9f9f9;
  border-radius: 0;
  box-sizing: border-box;
  float: right;
  width: 100%;
  min-height: 261px;
  margin-right: 0;
}

.settings-sub-label {
  font-size: 13px;
  font-weight: 500;
  color: #5d5d5d;
}

.settings-sub-content {
  font-size: 13px;
  font-weight: 400;
  margin: 10px 0px;
  color: #8b8b8b;
}

.settings-column .listing_profile_fields_li>li {
  box-shadow: unset;
  background: #fff !important;
  border-radius: 4px;
  border: 0px !important;
  /* overflow: hidden !important; */
}

.settings-column .listing_profile_fields_li li .lecture-hold {
  border: 0;
  align-items: center;
}

.settings-column .listing_profile_fields_li li .section-title-holder {
  background: #0000000f;
  border: 0px;
}

.settings-column .listing_profile_fields_li li .section-title-holder .profile-field-title {
  color: #0a7aea;
}

.theme-btn-blue {
  background: #00c5b4;
  color: #fff;
  font-size: 12px !important;
  border-radius: 16px !important;
  padding: 4px 22px;
  box-shadow: none;
  text-transform: capitalize;
}

.theme-btn-blue:hover {
  color: #fff;
}

.theme-btn-blue:focus {
  color: #fff;
}

.theme-btn-blue:active {
  color: #fff;
}

.theme-link {
  color: #0bb8a9;
  text-decoration: underline !important;
}

.email-verification-status:hover {
  color: #05ad9e !important;
}

.email-verification-status:focus {
  color: #05ad9e !important;
}

.email-verification-status:active {
  color: #05ad9e !important;
}

.settings-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
}

.primary-domain-verified {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #6bc360;
  border-radius: 50%;
  position: relative;
  margin: 6px 12px;
}

.primary-domain-verified:after {
  content: "";
  width: 6px;
  height: 10px;
  position: absolute;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  top: 3px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}

.custom-domain-bottom {
  width: calc(100% - 420px);
  right: 0px !important;
  left: auto !important;
}

.save-next:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 14px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg) translateY(-50%);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: 99999;
}

.settings-column .rounded-blue-btn-inverted {
  background: unset;
  padding: 4px 0px;
  color: #00c5b4;
  text-transform: capitalize;
  font-size: 12px !important;
}

.email-caution {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #e9a504;
  border-radius: 50%;
  position: relative;
  margin: 5px 12px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.mailverify-modal .modal-dialog {
  top: calc(50% - 35px);
  transform: translateY(-50%) !important;
  width: 525px;
}

.mailverify-modal .modal-content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 5px 4px #00000014;
}

.mailverify-modal .mailverify-title {
  font-size: 20px;
  text-align: center;
  color: #000000;
}

.mailverify-modal .mailverify-content {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #494949;
}

.mailverify-modal .mailverify-btn {
  background: #04baa3 !important;
  padding: 6px 0px !important;
  min-width: 80px !important;
}

.mailverify-modal .close {
  font-size: 28px;
  font-weight: 400;
  color: #787878;
  opacity: 1;
  top: 15px;
  right: 20px;
}

.emailverify-icon {
  margin: 50px 0px 18px 0px;
}

.banner-settings-container {
  margin: 30px;
  float: right;
  width: calc(100% - 60px);
}

.banner-settings-content {
  background: #f9f9f9;
  float: right;
  padding: 20px;
  width: 100%;
}

.settings-custom-row {
  display: flex;
  align-items: center;
}

.settings-custom-tab .settings-link {
  color: #adadad;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 20px;
  background: #fff;
  margin-right: 10px;
  border-bottom: 2px transparent solid;
}

.settings-custom-tab.active .settings-link {
  color: #14b49a;
  border-bottom: 2px #14b49a solid;
  margin-right: 10px;
}

.and-above {
  color: #00000054;
  position: absolute;
  top: 8px;
  right: 30px;
  font-size: 13px;
  font-weight: 400;
  pointer-events: none;
}

/* Settings page update ends */

/* Quiz Content Fix starts here */
.what-are-some-para img,
.what-are-some-para video,
.what-are-some-para audio,
.what-are-some-para iframe,
.what-are-some-para figure {
  max-width: 100%;
  margin: 10px 0px;
}

.h1-question img,
.h1-question video,
.h1-question audio,
.h1-question iframe,
.h1-question figure {
  margin: 10px 0px;
}

.question-wrap img,
.question-wrap video,
.question-wrap audio,
.question-wrap iframe,
.question-wrap figure {
  max-width: 100%;
}

.series-of-question img,
.series-of-question video,
.series-of-question audio,
.series-of-question iframe,
.series-of-question figure {
  max-width: 100%;
}

.reveal-answer img,
.reveal-answer video,
.reveal-answer audio,
.reveal-answer iframe,
.reveal-answer figure {
  max-width: 100%;
  margin: 10px 0px;
}

.reveal-answer {
  word-break: break-word !important;
  /* font-family: arial !important;
 font-size: 16px !important;
 font-weight: 400; */
  color: #333;
  background: #ddd;
  border-radius: 5px;
}

/* Quiz Content Fix ends here */

.bundle-error-list {
  width: 300px;
  margin: 0 auto;
  font-size: 16px;
  max-height: 180px;
  overflow-y: auto;
  background: #f2f2f2;
  border-radius: 4px;
  padding: 15px 30px;
}

.multisearch-trigger {
  right: 20px;
  top: 5px;
  position: absolute;
  z-index: 9999;
  padding: 15px;
  cursor: pointer;
}

.multisearch-trigger:after {
  content: "";
  position: absolute;
  right: 9px;
  z-index: 9999;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #505050;
}

.multiline-search-container.active .multisearch-trigger:after {
  border-bottom: 7px solid #505050;
  border-top: unset;
}

.multiline-search-container.active .srch_txt {
  opacity: 0;
  pointer-events: none;
}

.multiline-search-container.active:after {
  content: "" !important;
  width: 10px !important;
  height: 44px !important;
  background: #fff !important;
  position: absolute !important;
  top: 0px !important;
  right: -5px !important;
  z-index: 999;
}

.multiline-search-container.active:before {
  content: "" !important;
  width: 10px !important;
  height: 44px !important;
  background: #ffffff !important;
  position: absolute !important;
  top: 0px !important;
  left: -5px !important;
  z-index: 999;
}

.multiline-search-container #user_keyword {
  resize: none;
  padding: 12px 90px 12px 0px !important;
  background: #fff;
  top: -1px;
}

.multiline-search-container textarea:focus {
  box-shadow: none !important;
}

.pn-grid .multiline-search-container .mail-count {
  padding: 12px 80px 12px 0px !important;
  background: #fff;
  color: #555555;
  position: absolute;
  left: 45px;
  top: 0px;
  font-size: 14px;
  line-height: 18px;
}

.pn-grid .multiline-search-container .mail-count-num {
  color: #b4b4b4;
  font-size: 13px;
  user-select: none;
}

/* Video reinitialize */
.reinitialize-btn {
  background: #3e57ef;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500;
}

.reinitialize-btn:hover {
  background: #3950dc;
}

.reinitialize-btn:active {
  background: #3950dc;
}

.reinitialize-btn:focus {
  background: #3950dc;
}

.reinitialize-info {
  font-size: 14px;
  color: #1b1b1b;
  text-align: left;
  margin: 15px 0px;
}

#reinitialize .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
  width: 540px;
}

#reinitialize .modal-content {
  background: #fff;
  border-radius: 8px;
}

#reinitialize .modal-body {
  height: 300px;
  font-size: 17px;
  font-weight: 400;
  color: #444;
  text-align: center;
}

#reinitialize .close {
  font-size: 30px;
  font-weight: 400;
  color: #6d6d6d;
  opacity: 1;
  position: absolute;
  top: 15px;
  right: 21px;
}

#reinitialize .cancel {
  box-shadow: unset !important;
  background: unset !important;
  border: 0px;
  color: #6b6b6b !important;
  font-size: 13px !important;
  font-weight: 500;
}

#reinitialize p {
  margin-bottom: 25px;
  font-size: 15px;
}

#reinitialize .reinitialize-btn {
  padding: 7px 23px;
}

/* Video reinitialize ends */

.asssignment-report-wrapper img {
  max-width: 100%;
}

.learner-pagination-holder {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #f9f9f9;
  padding: 10px;
  border: 1px solid #ececec;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.learner-pagination-holder .prev-pagin {
  width: 15px;
  height: 1px;
  background: #0bb8a9;
  position: relative;
  margin-top: 12px;
}

.learner-pagination-holder .prev-pagin:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #0bb8a9;
  border-left: 1px solid #0bb8a9;
  transform: rotate(45deg);
  top: -3px;
  left: 0px;
}

.learner-pagination-holder .next-pagin:after {
  content: "";
  position: absolute;
  right: 0px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #0bb8a9;
  border-right: 1px solid #0bb8a9;
  transform: rotate(45deg);
  top: -3px;
}

.learner-pagination-holder ul {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: #909090;
}

.learner-pagination-holder ul li {
  list-style-type: none;
  margin: 0px 3px;
  cursor: pointer;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
}

.learner-pagination-holder ul li.active {
  background: #0bb8a9;
  color: #fff;
  border-radius: 50%;
}

.learner-pagination-holder ul li.active a {
  color: #fff;
}

.learner-pagination-holder .next-pagin {
  width: 15px;
  height: 1px;
  background: #0bb8a9;
  position: relative;
  margin-top: 12px;
}

.clear-search {
  top: 3px;
  right: 5px;
  position: absolute;
  font-size: 22px;
  padding: 0px 8px;
  cursor: pointer;
  z-index: 9999;
}

#toast-container {
  top: unset;
  bottom: 15px;
}

.dash_line {
  border: 1px dashed #00a4ff;
  border-radius: 4px;
  padding: 3px 10px;
  margin: 0 1em;
  word-break: break-word;
  display: inline-block;
  min-width: 90px;
}

.dash_line:focus {
  outline: none;
}

.user-statistics-table {
  display: inline-block;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0px 0px 6px 4px #0000000f;
  border: 1px solid #dadada33;
}

.user-statistics-head {
  display: grid;
  grid-template-columns: 150px 150px 150px 150px;
}

.user-statistics-head div {
  padding: 12px;
  background: #ffffff;
  border-right: 1px solid #dadadaa6;
  border-bottom: 1px solid #dadadaa6;
  text-align: center;
}

.user-statistics-head div:last-child {
  border-right: 0px;
}

.user-statistics-body {
  display: grid;
  grid-template-columns: 150px 150px 150px 150px;
}

.user-statistics-body div {
  padding: 12px;
  background: #f3f4f8;
  border-right: 1px solid #dadadaa6;
  text-align: center;
}

.user-statistics-body div:last-child {
  border-right: 0px;
}

.user-statistics-body .l-a-app {
  color: #09bf63;
}

.user-statistics-body .l-web {
  color: #d65919;
}

.user-statistics-body .l-total {
  color: #ff8c00;
}

.user-statistics-head div:nth-child(2) {
  color: #09bf63;
}

.user-statistics-head div:nth-child(3) {
  color: #d65919;
}

.user-statistics-head div:nth-child(4) {
  color: #ff8c00;
}

.user-profile-wrapper .user-badge-admin {
  margin-top: 18px;
  padding: 8px 15px;
  border-radius: 32px;
  font-size: 13px;
}

.user-profile-wrapper .profile-box-layouts {
  padding: 0px !important;
  border-radius: 6px !important;
  overflow: hidden;
}

.user-profile-wrapper .profile-box-layouts .nav-tabs {
  border-bottom: 1px solid #ececec;
}

.delete-ques-btn {
  padding: 2px 10px;
  margin: 0px 0px 0px 20px;
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  border-radius: 20px;
}

.delete-ques-btn {
  padding: 2px 10px;
  margin: 0px 10px 0px 20px;
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  border-radius: 20px;
}

.delete-ques-btn:hover,
.delete-ques-btn:hover {
  border-color: #ea1c0d;
}

.role-list-dropdown {
  max-height: 350px;
  width: 200px !important;
  overflow-y: auto;
  overflow-x: hidden;
}

/* App integration */
.app-int-list {
  background: #fff;
  padding: 20px 40px 20px 25px;
  border: 2px dashed #eaeaea;
  margin-bottom: 12px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}

.app-int-list:after {
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #ababab;
  border-right: 2px solid #ababab;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  right: 26px;
  top: 50%;
}

.google_analytics-logo {
  width: 130px;
  margin-bottom: 5px;
}

.zapier-logo {
  width: 55px;
  margin-bottom: 6px;
}

.zoom-logo {
  width: 60px;
  margin-bottom: 9px;
}

.appinit-dashboard .settings-column {
  padding: 20px 27px;
}

.room-list-wrapper {
  margin: 15px -20px -20px -20px;
}

.room-list {
  border-top: 1px solid #f0f0f0;
  padding: 17px 25px;
}

.room-list p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0px;
  text-transform: capitalize;
}

.token-label {
  font-size: 13px;
  font-weight: 400;
  color: #909090;
}

.token-text {
  font-size: 13px;
  font-weight: 500;
  margin-left: 8px;
  color: #444;
}

/* App integration ends */
/* zoom integration start */
#appinit-zoom .room-list-wrapper {
  margin: 0;
}

#appinit-zoom .room-list-wrapper .room-list {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 15px;
  margin-top: 10px;
}

#appinit-zoom .room-list-wrapper .room-list p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
  text-transform: capitalize;
}

#appinit-zoom .room-list-wrapper .room-list .room-delete {
  margin-top: 5px;
}

#appinit-zoom .room-list-wrapper .room-list .room-delete span {
  font-size: 13px;
  font-weight: 400;
  color: #8b8b8b;
  margin-left: 5px;
}

.room-edit {
  font-size: 13px;
  font-weight: 500;
  color: #8b8b8b;
}

.room-save-icon svg {
  width: 12px;
  fill: #b8b8b8;
  margin-right: 7px;
}

.room-save-icon {
  margin-right: 10px;
  color: #0085ff;
  cursor: pointer;
}

/* zoom integration ends */
/* Create Live Class start here */

/* Create Live Class end here */
/* Question bank UI updates */
.question-pool-wrapper .addtest-checkbox-question {
  padding: 10px 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.question-pool-wrapper .addtest-checkbox-question .cb-radio.checkbox-btn {
  margin-left: 14px;
}

.question-pool-wrapper .block_listing {
  border-radius: 4px !important;
  box-shadow: 0px 0px 4px #ccc !important;
}

.question-pool-wrapper .section-title-holder {
  border-bottom: 0px !important;
}

.question-pool-wrapper .lecture-wrapper>li {
  border-bottom: 1px solid #f0f0f0 !important;
}

.question-pool-wrapper .listing_profile_fields_li .section-control {
  margin-top: 8px;
}

.question-pool-wrapper .lecture-wrapper .dropdown-tigger {
  padding-top: 0;
}

.payment-settings-panel .accordion+.panel {
  margin-bottom: 10px;
}

/* Question bank UI updates ends */

/* Payment gateway starts here */
.payment-accordion-wrapper .panel-default {
  border: 2px dashed #e8e8e8;
  margin-bottom: 15px;
  box-shadow: none;
}

.payment-accordion-wrapper .panel-heading {
  background: #fff;
  border: 0px;
  padding: 0px;
}

.payment-accordion-wrapper .panel-heading>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0px 20px;
}

.payment-accordion-wrapper .panel-body {
  border-top: 1px solid #e9e9e9 !important;
  padding: 20px;
}

.payment-accordion-wrapper .panel-heading .payment-logo {
  max-height: 19px;
}

.payment-accordion-wrapper .panel-heading .payment-logo img {
  max-height: inherit;
}

.connected-tag {
  font-size: 10px;
  color: #fff;
  background: #00a50e;
  padding: 2px 8px;
  border-radius: 3px;
}

.payment-accordion-wrapper .toggle-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-top: 2px solid #a5a5a5de;
  border-right: 2px solid #a5a5a5de;
  transform: rotate(135deg);
}

.payment-accordion-wrapper .toggle-arrow.active {
  transform: rotate(-45deg);
  top: 6px;
  position: relative;
}

.payment-accordion-wrapper .custom-rounded-border-btn {
  min-width: 125px;
}

.settings-sub-label.required:after {
  content: "*";
  color: #ff4444;
  font-size: 13px;
}

.payment-accordion-wrapper .form-group.required {
  margin-bottom: 15px;
}

.custom-rounded-btn[disabled] {
  background: #00000042;
}

select#currency-selector option {
  color: #444;
}

select#currency-selector {
  color: #0bb8a9;
  line-height: normal;
}

.payment-accordion-wrapper .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

/* Payment gateway ends here */

/* Custom Time picker starts here */
.custom_time_picker {
  border: 1px solid #c7c9ca;
  border-radius: 4px;
  overflow: hidden;
}

.custom_time_picker .input-group-addon {
  padding: 0px;
  border: 0;
}

.custom_time_picker .input-group-addon:nth-child(2) {
  border-right: 0px;
  border-left: 0px;
  border-radius: 0px;
}

.custom_time_picker select.hour-data {
  padding: 0px 0 0 10px;
  border: 0;
  border-right: 1px solid #c7c9ca;
}

.custom_time_picker select.seconds-data {
  padding: 0px 0 0 10px;
  border: 0px;
  border-right: 1px solid #c7c9ca;
}

.custom_time_picker select.meridian-data {
  padding: 0px 0 0 10px;
  border: 0px;
}

.custom_time_picker select.form-control {
  background-size: 14px !important;
}

/* Custom Time picker ends here */

/* Meeting Schedule Row */
.ms-title {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  color: #444;
  margin: 0px 0px 25px 10px;
}

.ms-row {
  display: grid;
  grid-template-columns: 250px auto;
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  font-style: normal;
}

.ms-row-title {
  text-align: left;
  padding-left: 30px;
  color: #7f7f7f;
  font-weight: 500;
}

.ms-row-data {
  text-align: left;
  padding-left: 30px;
  color: #060606;
  font-weight: 400;
}

.rs-row {
  display: grid;
  grid-template-columns: 30% 30% 15% 25%;
  /* height: 50px; */
  padding: 11px 0px;
  font-size: 13px;
  font-style: normal;
  position: relative;
  border-bottom: 0px;
}

.rs-row:after {
  content: "";
  width: calc(100% - 25px);
  margin: 0 auto;
  height: 1px;
  background: #eee;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.rs-row.rs-row-head:after {
  content: unset;
}

.rs-row-data {
  text-align: left;
  color: #060606;
  font-weight: 500;
  word-break: break-word;
}

.rs-row.rs-row-head {
  border-bottom: 1px solid #eee;
  box-shadow: 0px 8px 8px 0px #00000005;
  padding: 15px 0px 0px 0px;
}

.meeting-blue-link {
  color: #0e71eb;
  cursor: pointer;
  font-size: 13px;
}

.blue-text {
  color: #0e71eb;
  font-size: 13px;
}

.recordings-schedule-list .id-data {
  margin: 0px;
  font-weight: 500;
}

.justify-content-end {
  justify-content: flex-end;
}

.ml-3 {
  margin-left: 30px;
}

.mr-3 {
  margin-right: 30px;
}

.mt-3 {
  margin-top: 30px;
}

.mb-3 {
  margin-bottom: 30px;
}

.ml-2 {
  margin-left: 20px;
}

.mr-2 {
  margin-right: 20px;
}

.mt-2 {
  margin-top: 20px;
}

.mb-2 {
  margin-bottom: 20px;
}

.pr-3 {
  padding-right: 30px;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-15 {
  margin-bottom: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.live-blue-btn {
  font-size: 13px !important;
  border-radius: 8px !important;
  min-height: 36px !important;
}

.live-blue-btn.inactive {
  background: #fff;
  color: #a2a2a2;
  box-shadow: unset;
  border: 1px solid #ddd;
}

.recordings-schedule-wrapper {
  margin-top: 30px;
}

.sel-delete-btn {
  margin-top: -12px;
  padding: 0px 14px;
  min-height: 10px !important;
  height: 31px;
  line-height: 18px;
}

.rs-row-head {
  font-size: 12px;
}

.rs-row-head * {
  font-weight: 500;
}

.meet-record-info {
  margin: 0px 0px 0px 15px;
  font-size: 12px;
}

#live_lecture_form .section-create-wrapper {
  border: 0px;
}

/* updates on 25-11 */
.liveshedule-details-wrapper {
  background: #fff;
}

.liveshedule-details-wrapper .ms-title {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  color: #444;
  margin: 15px 0px;
}

.liveshedule-details-wrapper .preivew-area {
  background: #f7f8fc;
  border: 1px solid #efefef;
}

.liveshedule-details-wrapper .ms-row-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  color: #757575;
  font-weight: 400;
}

.liveshedule-details-wrapper .ms-row {
  grid-template-columns: 155px auto;
  border-bottom: 0px;
}

.liveshedule-details-wrapper .ms-row-data {
  text-align: left;
  padding-left: 30px;
  color: #4e4e4e;
  font-weight: 500;
}

.liveshedule-details-wrapper .meeting-schedule-list {
  padding-top: 15px;
}

.meeting-schedule-wrapper {
  background: #f7f8fc;
}

.ms-course-info-col {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 20px;
  border-bottom: 1px solid #eeeeeede;
}

.ms-course-info-col .ms-course-img {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 20px;
}

.ms-course-info-col .ms-course-info .ms-course-name {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  word-break: break-word;
}

.ms-course-info-col .ms-course-date {
  color: #ff851b;
  font-size: 13px;
  font-weight: 500;
  margin-top: 5px;
}

.ms-faculty-row {
  display: flex;
  align-items: center;
  margin-right: 35px;
  height: 28px;
}

.ms-faculty-img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

.ms-faculty-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ms-actions {
  display: flex;
  align-items: center;
  padding: 20px 25px;
}

.preview-class-btn {
  font-size: 13px !important;
  border-radius: 4px !important;
  min-height: unset !important;
  background: #0d70e7;
  color: #fff;
  text-transform: unset;
}

.preview-class-btn:hover,
.preview-class-btn:focus {
  color: #fff;
  background: #0b63cc;
}

.ms-details {
  padding: 20px;
  border-top: 1px solid #edeef0;
}

.manage-learner-section {
  position: relative;
  z-index: 999999;
}

.manage-learner-header {
  padding: 10px 10px 10px 15px;
  border-bottom: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  box-shadow: 0px 8px 8px 0px #00000005;
}

.manage-learner-header .settings-sub-label {
  color: #060606;
}

.ms-learner-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  position: relative;
}

.ms-learner-list:after {
  content: "";
  width: calc(100% - 25px);
  margin: 0 auto;
  height: 1px;
  background: #eee;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.ms-learner-list .ms-learnerlist-name {
  color: #444;
  font-size: 13px;
  font-weight: 400;
}

.ms-learner-list .ms-learnerlist-mail {
  color: #737373;
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
}

.ms-learner-list-wrapper {
  max-height: 525px;
  min-height: 525px;
  overflow-y: auto;
}

.ms-pagination-wrapper {
  box-shadow: 2px -6px 6px 0px #00000012;
}

.ms-pagination-wrapper .pagination-wrapper {
  position: unset;
  width: 100%;
  box-shadow: unset;
  justify-content: flex-end;
}

.rec-attendees-tab-holder {
  display: flex;
  align-items: center;
}

.rec-attendees-tab-holder .ms-title {
  margin: 13px 0px;
}

.rec-attendees-tab-holder li {
  opacity: 0.4;
}

.rec-attendees-tab-holder li.active {
  opacity: 1;
}

.recordings-schedule-list {
  min-height: 639px;
  max-height: 639px;
  overflow-y: auto;
}

/* updates on 25-11 ends */

/* Meeting Schedule Row */

.payment_message .i-icon {
  width: 15px;
  height: 15px;
  background: red;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 500;
  margin-right: 10px;
}

/* Samba Recording player */
.samba-rcording-player .samba-rcording-header {
  background: #fff;
  height: 50px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
  box-shadow: 0px 0px 4px 4px #00000017;
}

.samba-rcording-player .samba-recoding-title {
  font-size: 23px;
  font-weight: 500;
}

.samba-rcording-player .samba-recoding-close {
  font-size: 32px;
  font-weight: 400;
  color: #626262;
  cursor: pointer;
}

.samba-rcording-player .samba-rcording-body {
  padding: 20px;
  width: 900px;
  margin: 0 auto;
}

.samba-rcording-player .samba-player-holder {
  border-radius: 4px;
  overflow: hidden;
}

.samba-rcording-player .samba-player-holder video {
  width: 100%;
  display: block;
}

.samba-rcording-player .samba-recoding-info {
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
}

.samba-rcording-player .samba-role {
  font-weight: 400;
  color: #949494;
}

.samba-rcording-player .samba-recoding-timeinfo {
  font-size: 16px;
  font-weight: 400;
  color: #444;
  margin-top: 10px;
}

.samba-rcording-player .samba-rcording-data {
  text-align: center;
  margin: 30px 0px;
}

/* Samba Recording player ends */

/* Custom Phone Input Settings (Country, Country Code, Phone) */
.custom-phoneinput-settings {
  display: grid;
  grid-template-columns: 180px 65px auto;
  border: 2px solid #dfe0e0;
  height: 38px;
  border-radius: 4px;
  overflow: hidden;
}

.custom-phoneinput-settings .custom-phoneinput-col {
  border-right: 1px solid #dfe0e0;
  width: inherit;
}

.custom-phoneinput-settings .custom-phoneinput-col:nth-child(3) {
  border-right: 0px;
}

.custom-phoneinput-settings .custom-phoneinput-col select {
  border: 0px;
  height: 100%;
  padding: 0px 25px 0px 10px;
  width: 100%;
}

.custom-phoneinput-settings .custom-phoneinput-col select:hover,
.custom-phoneinput-settings .custom-phoneinput select:focus {
  outline: none;
}

.custom-phoneinput-settings .custom-phoneinput-col input {
  border: 0;
  width: 100%;
  border-radius: 0px;
  height: 100%;
  min-height: 100%;
  text-align: center;
  padding: 0px 10px;
}

.custom-phoneinput-settings .custom-phoneinput-col input:hover,
.custom-phoneinput-settings .custom-phoneinput-col input:focus {
  outline: none;
}

/* Custom Phone Input Settings (Country, Country Code, Phone) ends */

/* Email verification */
.navigator-email-wrapper {
  padding: 15px 0px;
  background: #fff;
  position: fixed;
  left: 70px;
  right: 0px;
  bottom: 0px;
  box-shadow: 0px 0px 4px 2px #00000014;
}

.navigator-email-wrapper .email-icon-wrapper {
  width: 20px;
}

.navigator-email-wrapper .email-specify-desc {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  padding-left: 10px;
}

.navigator-email-wrapper .email-specify-desc a {
  color: #e5473e;
  text-decoration: underline;
  padding-left: 10px;
}

.verify-mail {
  margin-bottom: 60px;
}

/* Random Question Pool UI */
.test-lecture-header {
  margin: 0 !important;
  padding: 10px 10px 10px 0px !important;
  position: fixed;
  top: 0;
  z-index: 9999;
  box-sizing: border-box;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #e2e2e27a !important;
}

.test-lecture-header h3 {
  margin: 0px;
  font-size: 16px;
  font-weight: 500;
  color: #292929;
  display: inline-block;
  vertical-align: middle;
}

.testcreation-steps-breadcrump {
  z-index: 9999;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 61px;
  background: #fff;
}

.testcreation-steps-breadcrump .nav-tabs {
  border: 0px;
  box-shadow: 0px 1px 2px 0px #0000001f;
}

.testcreation-steps-breadcrump .nav-tabs>li {
  border: 0px;
  overflow: unset;
}

.testcreation-steps-breadcrump .nav-tabs>li.active:before {
  content: "";
  position: absolute;
  left: -10px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #09b8a9;
  transform: skew(15deg, 0deg);
}

.testcreation-steps-breadcrump .nav-tabs>li>a {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  color: #444 !important;
  border-radius: 0px;
  padding: 12px 80px 12px 35px;
}

.testcreation-steps-breadcrump .nav-tabs .steps-label {
  font-size: 14px;
  font-weight: 400 !important;
  margin: 0px;
  text-transform: capitalize;
  line-height: 20px;
  color: #717171;
}

.testcreation-steps-breadcrump .nav-tabs>li.active>a {
  color: #fff !important;
}

.testcreation-steps-breadcrump .nav-tabs>li.active .steps-label {
  color: #fff;
}

.random-quespool-wrapper {
  position: relative;
  top: 124px;
  background: #f9f9f9;
  padding: 15px;
  height: 100%;
}

.random-quespool-col {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 1px 1px #e8e8e8;
  padding: 20px 25px 50px !important;
  width: calc(100% - 310px);
  margin-bottom: 50px !important;
}

.add-tax-btn {
  display: flex;
  align-items: center;
  line-height: 22px;
  padding: 5px 25px 5px 20px;
}

.add-tax-btn span {
  font-size: 20px;
  color: #fff;
  margin-right: 15px;
}

.tax-fixed-footer {
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 420px;
  background: #ffffff;
  padding: 10px 15px;
  text-align: right;
  box-shadow: 0px -1px 3px 0px #00000026;
}

.random-quespool-instructions {
  width: 310px;
  position: fixed;
  right: 0px;
  top: 124px;
  bottom: 0px;
  z-index: 999;
  background: #fff;
  padding: 20px;
}

.random-quespool-instructions h4 {
  color: #444;
  font-size: 13px;
  font-weight: 500;
  margin: 0px;
}

.random-quespool-instructions ul {
  margin-top: 15px;
  color: #848484;
  font-size: 13px;
  padding-left: 25px;
}

.random-quespool-instructions ul li {
  position: relative;
  margin-bottom: 20px;
}

.random-quespool-instructions ul li:before {
  content: "i";
  width: 14px;
  height: 14px;
  background: #00b545;
  border-radius: 50%;
  position: absolute;
  left: -25px;
  top: 3px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
}

.del-tax {
  padding-left: 5px;
}

.del-tax svg:hover {
  fill: #c31919 !important;
  cursor: pointer;
}

.random-quespool-col .form-group {
  padding-top: 8px;
}

.steps-input-info {
  font-size: 12px;
  color: #9e9e9e;
  margin: -3px 0px 8px 0px;
}

.test-cover-image {
  margin-left: 0px;
  width: 369px;
  height: 208px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  border: 0px;
}

.test-cover-image .section-card-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.test-cover-image .section-card-container .section-card {
  height: 100%;
  width: 100%;
  position: relative;
}

.test-cover-image .section-card .fileinput {
  height: 100%;
}

.test-cover-image .section-img-upload-btn {
  z-index: 999;
}

.test-fixed-footer {
  position: fixed;
  background: #fff;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 10px 15px;
  text-align: right;
  z-index: 9999;
  box-shadow: 0px 0px 2px 2px #0000001f;
}

.required-red {
  color: #ff0000;
}

.question-pool-info {
  background: #ffffff;
  margin: -20px -25px 0px -25px;
  height: 65px;
  box-shadow: 0px 6px 8px 0px #0000000a;
  border-bottom: 1px solid #0000000f;
  display: flex;
  align-items: center;
  padding: 0px 14px;
}

.total-ques-inpool,
.total-marks-inpool {
  background: #00bf00;
  color: #fff;
  padding: 7px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 12px;
  margin-left: 35px;
}

.total-rand-ques {
  background: #ff5253;
  color: #fff;
  padding: 7px;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 500;
  line-height: 12px;
  margin-left: 35px;
}

.addtest-checkbox-question {
  padding: 10px 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 400px;
}

.addtest-checkbox-question:after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 32px;
  height: 1px;
  background: #f3f3f3;
}

.random-quespool-wrapper .test-folder-delte .icon-pencil {
  font-size: 14px;
  color: #949494;
  margin-right: 15px;
}

.random-quespool-wrapper .test-folder-delte .icon-pencil:hover {
  color: #17b956;
}

.random-quespool-wrapper .test-folder-delte .icon-trash-empty {
  font-size: 18px;
  color: #828282;
}

.random-quespool-wrapper .test-folder-delte .icon-trash-empty:hover {
  color: #fd5928;
}

.import-quespool-btn,
.ulpoad-ques-btn,
.add-ques-btn {
  background: #f6f6f6;
  color: #656565;
  font-size: 13px !important;
  padding: 0px 0px 0px 15px;
  line-height: 36px !important;
  height: 42px !important;
  box-shadow: unset;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.import-quespool-btn span,
.ulpoad-ques-btn span,
.add-ques-btn span {
  background: #17b956;
  width: 25px;
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  line-height: 25px;
  border-radius: 50%;
  margin-right: 15px;
}

.addtest-checkbox-question .drager {
  width: 16px;
  height: 100%;
  word-break: break-word;
  line-height: 4px;
  color: #616161;
  font-size: 17px;
  font-weight: 500;
  margin: -10px 13px 0px 13px;
  display: flex;
  align-items: center;
  position: relative;
}

.addtest-checkbox-question .drager:after {
  content: "............";
  position: absolute;
}

#question_sortable li:last-child() .addtest-checkbox-question:after {
  display: none;
}

.test-del-ques {
  display: inline-block;
  width: 15px;
  margin-right: 10px;
  margin-left: 5px;
  opacity: 0.4;
}

/* Random Question Pool UI ends */

/* export-learner-modal starts here*/
.export-learner-modal .modal-dialog {
  width: 480px;
}

.export-learner-modal .modal-header {
  background: #fff;
  padding-top: 30px;
}

.export-learner-modal .modal-header button {
  top: 28px;
}

.export-learner-modal .modal-header h4 {
  text-transform: unset;
  font-size: 16px !important;
  color: #021d1a;
  margin-left: 6px;
}

.export-learner-modal .modal-body {
  padding: 0px 30px 40px 30px;
}

.export-learner-modal .inside-box {
  border: 0;
  min-height: 200px;
}

.export-learner-modal .invite-course-list {
  padding: 10px 1px;
}

/* export-learner-modal - ends */

/* Upgrade feature */
.feature-upgrade-msg {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #3c3c3c;
  margin: 25px 0px;
}

.feature-upgrade-col {
  background: #fff;
  padding: 35px;
  border: 2px dashed #eaeaea;
  margin-bottom: 12px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  text-align: center;
  width: 450px;
  margin: 0 auto;
}

.custom-settings-right .feature-upgrade-msg {
  margin: 5px 0px 25px 0px;
}

.custom-settings-right .feature-upgrade-col {
  width: 430px;
}

.feauture-upgrade-wrapper {
  transform: translateY(45%);
}

.custom-settings-right .feauture-upgrade-wrapper {
  transform: unset;
}

#integrationSettings .settings-column {
  width: 560px;
}

#appinit-zapier .settings-column {
  padding: 30px 0;
}

/* Upgrade feature */

/* Myaccount - plan */
.myaccount-info-container {
  display: flex;
  height: calc(100% - 43px);
}

.myaccount-info-container .olive-iframe-section {
  width: 350px;
  height: 100%;
}

.myaccount-info-container .olive-iframe-section iframe {
  width: 100%;
  height: 100%;
  min-height: 93.5vh;
}

.myaccount-info-container .myaccount-myplan-wrapper {
  width: calc(100% - 350px);
  padding: 20px;
  background: #fff;
  border-left: 1px solid #e7e7e7;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}

.myaccount-info-container .myplan-info-row {
  background: #25225b;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 40px;
  margin-bottom: 35px;
}

.myaccount-info-container .myplan-name {
  font-size: 19px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 3px;
  display: inline-block;
}

.myaccount-info-container .myplan-info {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.myaccount-info-container .custom-theme-red-btn {
  border: 0px;
  background: #e44036;
  box-shadow: none;
  color: #ffffff;
  font-size: 12px !important;
  font-weight: 400;
  border-radius: 18px !important;
  padding: 5px 20px;
  text-transform: unset;
  position: relative;
}

.myaccount-info-container .custom-theme-red-btn:hover,
.custom-theme-red-btn:focus {
  background: #bf372f;
  color: #fff !important;
}

.myaccount-info-container .plan-detail-title {
  font-size: 14px;
  font-weight: 500;
  color: #2f3335;
  margin-bottom: 15px;
}

.myaccount-info-container .plan-icon {
  display: flex;
  align-items: center;
  margin-right: 70px;
}

.myaccount-info-container .addon-details .myaddon-info-col {
  display: flex;
  align-items: flex-start;
  background: #f4f7fc;
  padding: 21px;
  border-radius: 9px;
  width: 30%;
  min-width: 30%;
  max-width: 30%;
  margin-right: 15px;
  margin-bottom: 15px;
}

.myaccount-info-container .info-justify-flex {
  width: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.addon-details .myaddon-info-col .myaddon-info-icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* addon icon color updates */
.addon-details-row .myaddon-info-col .myaddon-info-icon.mobile-app-pink {
  background: #ff0a69;
}

.addon-details-row .myaddon-info-col .myaddon-info-icon.enroll-violet {
  background: #713bdb;
}

.addon-details-row .myaddon-info-col .myaddon-info-icon.live-green {
  background: #00c8b0;
}

.addon-details-row .myaddon-info-col .myaddon-info-icon.storage-yellow {
  background: #ff8f53;
}

.addon-details-row .myaddon-info-col .myaddon-info-icon.certificate-green {
  background: #8bc34a;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.mobile-app-pink {
  background: #ff0a6929;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.enroll-violet {
  background: #713bdb30;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.live-green {
  background: #00c8b030;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.storage-yellow {
  background: #ff8f5330;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.certificate-green {
  background: #8bc34a30;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.mobile-app-pink svg {
  fill: #ff0a69 !important;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.enroll-violet svg {
  fill: #713bdb !important;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.live-green svg {
  fill: #00c8b0 !important;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.storage-yellow svg {
  fill: #ff8f53 !important;
}

.purchase-addon-row .myaddon-info-col .myaddon-info-icon.certificate-green svg {
  fill: #8bc34a !important;
}

/* addon icon color updates ends */

.purchase-addon-row {
  display: flex;
  flex-wrap: wrap;
}

.addon-details .myaddon-info-col .myaddon-status {
  margin-left: 15px;
}

.addon-details .myaddon-info-col .myaddon-label1 {
  font-size: 17px;
  font-weight: 700;
  color: #1f1f1f;
}

.addon-details .myaddon-info-col .myaddon-label2 {
  font-size: 13px;
  font-weight: 400;
  color: #7b7979;
}

.addon-details .addon-details-row {
  display: flex;
  flex-wrap: wrap;
}

.addon-details .addon-details-row .myaddon-info-icon svg {
  fill: #fff !important;
}

.myplan-info-row .myplan-info+.custom-theme-red-btn {
  margin-top: 15px;
}

.myaccount-info-container .upgradeplan-info-icon {
  width: 58px;
  min-width: 58px;
  height: 58px;
  background: #fff;
  border-radius: 50%;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.myaccount-info-container .upgradeplan-count {
  font-size: 19px;
  font-weight: 500;
  color: #ffffff;
}

.myaccount-info-container .upgradeplan-label {
  font-size: 13px;
  font-weight: 400;
  color: #ffffffa6;
}

.myaccount-info-container .additional-storage {
  font-size: 13px;
  color: #777777;
}

.myplan-info-row .additional-storage {
  color: #efefef;
}

.custom-theme-select {
  border: 1px solid #e8ecef;
  border-radius: 22px;
  height: 30px;
  padding: 0px 30px 0px 15px;
  font-size: 13px;
  color: #6d6d6d;
  font-weight: 400;
}

.purchase-addon-row .myaddon-info-col {
  width: 45% !important;
  min-width: 45% !important;
  max-width: 45% !important;
}

.addon-room-info {
  font-size: 14px;
  color: #949494;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* Myaccount - plan ends */

.custom-jscolor-picker {
  outline: 0px;
  border: 1px solid #d6d6d6;
  width: 120px;
  height: 30px;
}

/* password strength */
.progress-bar_wrap {
  width: 100%;
  height: 5px;
  background: #f6f6fa;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

/* .progress-bar_item {
 display: inline-block;
 height: 100%;
 width: 33.33%;
 float: left;
 visibility: hidden;
 transition: background-color .2s, visisility .1s;
} */
.progress-bar_item {
  display: inline-block;
  height: 100%;
  width: 32.5%;
  margin-right: 0.8%;
  float: left;
  transition: background-color 0.2s, visisility 0.1s;
}

.progress-bar_item-1.active {
  background-color: #ff4b47;
}

.progress-bar_item-2.active {
  background-color: #f9ae35;
}

.progress-bar_item-3.active {
  background-color: #2daf7d;
}

/* password strength ends */

/* password hint */
.password-hint-popover {
  position: absolute;
  top: -122px;
  right: 0px;
  background: #ffffff;
  padding: 10px 15px 10px 10px;
  border-radius: 8px;
  box-shadow: 0px 0px 2px 1px #00000021;
}

.password-hint-popover:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 45%;
  background: white;
  width: 15px;
  height: 15px;
  transform: rotate(45deg) translate(-50%, -50%);
  box-shadow: 3px 2px 0px -1px #00000021;
}

.password-hint-popover .hint-title {
  font-size: 12px;
  font-weight: 500;
  color: #444;
  margin-bottom: 5px;
  display: inline-block;
}

.password-hint-popover .psswd-hint {
  font-size: 12px;
  font-weight: 400;
  color: #717171;
  padding: 3px 0 3px 20px;
  position: relative;
}

.password-hint-popover .psswd-hint:before {
  content: "";
  background: #ffa802;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0px;
  top: 5px;
  border-radius: 50%;
}

.password-hint-popover .psswd-hint:after {
  content: "!";
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 8px;
  font-weight: 500;
  color: #fff;
}

/* password hint ends */

/* Tutor Dashboard */

/* grid reset */
/* .grid-stack-instance-2837 > .grid-stack-item[data-gs-y="1"]{top: 200px !important;} */
/* .grid-stack-item[data-gs-y="1"] {top: 180px !important;} */
/* .grid-stack-instance-4476 > .grid-stack-item[data-gs-y="6"] {top: 585px !important;} */
/* .grid-stack-instance-8382 > .grid-stack-item[data-gs-y="6"] {top: 585px !important;} */
/* .grid-stack-instance-9116 > .grid-stack-item[data-gs-y="6"] {top: 585px !important;} */
/* .grid-stack-item[data-gs-y="7"] {top: 740px !important;} */

.fc .fc-toolbar-title {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}

/* grid reset ends */
/* calendar */
.fc-timegrid-event {
  border-radius: 6px !important;
}

.fc-v-event .fc-event-main-frame {
  height: unset !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  padding: 5px 10px !important;
}

.fc-v-event .fc-event-time {
  overflow: hidden;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin: 0px !important;
  line-height: 16px !important;
}

.fc-v-event .fc-event-title-container {
  flex-grow: 1;


  flex-shrink: 1;
  min-height: 0;
  margin: 0px !important;
}

.fc-v-event .fc-event-title {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.fc-media-screen .fc-timegrid-event {}

/* calendar ends */

/* .tutor-info-wrapper{} */
.tutor-info-wrapper .tutor-welcome-header {
  background: #d6d4f9;
  height: 105px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 0px 20px 22px 20px;
  background-image: url(../images/tutor-profile-bg.png);
  background-repeat: no-repeat;
  background-size: 185px;
  background-position-x: right;
}

.tutor-info-wrapper .tutor-welcome-text {
  color: #465fd2;
  font-size: 16px;
  font-weight: 700;
}

.tutor-info-wrapper .tutor-welcome-text-alert {
  font-size: 13px;
  font-weight: 400;
  color: #444;
  margin-top: 10px;
}

.tutor-info-wrapper .tutor-welcome-text-alert a {
  color: #264af3;
}

.tutor-info-wrapper .tutor-settings {
  border: 2px solid #0088fe;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  margin-left: 5px;
  cursor: pointer;
}

.tutor-info-wrapper .tutor-settings:after {
  content: "...";
  font-size: 19px;
  font-weight: 700;
  line-height: 14px;
  color: #0088fe;
  margin-left: 4px;
}

.tutor-info-wrapper .tutor-settings:hover {
  background: #0088fe;
}

.tutor-info-wrapper .tutor-settings:hover:after {
  color: #fff;
}

.tutor-info-wrapper .tutor-info-container {
  display: flex;
  align-items: center;
  padding: 8px 12px 0px 25px;
}

.tutor-info-wrapper .tutor-avatar {
  width: 51px;
  height: 51px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #fff;
  box-shadow: 0px 0px 4px 2px #00000014;
}

.tutor-info-wrapper .tutor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tutor-info-wrapper .tutor-detail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 51px);
  padding-left: 15px;
  flex-wrap: wrap;
}

.tutor-name-row-col {
  width: calc(100% - 40px);
}

.tutor-info-wrapper .tutor-name {
  font-size: 16px;
  font-weight: 500;
  color: #565c61;
  word-break: break-word;
  /* white-space: nowrap; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  max-width: 100%;
}

.tutor-info-wrapper .tutor-role {
  font-size: 13px;
  font-weight: 400;
  color: #878d98;
  line-height: 16px;
}

.tutor-info-wrapper .tutor-profile-btn {
  background: #0181ff;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 4px 33px 4px 21px;
  position: relative;
}

.tutor-profile-btn:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 17px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.tutor-info-wrapper .tutor-profile-btn:hover,
.tutor-info-wrapper .tutor-profile-btn:focus {
  background: #0144ff;
}

.upcoming-live-wrapper .upcoming-events-wrapper {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  height: fit-content;
}

.upcoming-live-wrapper .upcoming-title {
  padding: 20px 20px 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.upcoming-live-wrapper .upcoming-title-icon {
  position: relative;
  width: 23px;
  height: 23px;
  display: inline-block;
  margin-right: 12px;
}

.upcoming-live-wrapper .upcoming-event-count {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 4px;
  font-size: 11px;
  font-weight: 700;
  color: #567df4;
  z-index: 99;
  text-align: center;
}

.upcoming-live-wrapper .upcoming-title-icon:after {
  content: "";
  position: absolute;
  width: 86%;
  height: 10px;
  background: #fff;
  left: 2px;
  right: 0px;
  top: 5px;
}

.upcoming-live-wrapper .upcoming-title h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 0px;
  color: #444;
}

.upcoming-live-wrapper .upcoming-events-list {
  display: flex;
  align-items: flex-start;
  margin: 12px 20px;
  border-bottom: 1px solid #eaeaea9e;
  padding-bottom: 12px;
  max-width: 100%;
}

.upcoming-live-wrapper .upcoming-events-list:last-child {
  border-bottom: 0px;
  padding: 0px;
}

.upcoming-live-wrapper .upcoming-events-list-holder {
  min-height: unset;
  max-height: calc(100% - 53px);
  overflow-y: auto;
}

@-moz-document url-prefix() {
  .upcoming-live-wrapper .upcoming-events-list-holder {
      max-height: 281px;
  }
}

.upcoming-live-wrapper .upcoming-events-list-holder::-webkit-scrollbar {
  width: 8px;
}

.upcoming-live-wrapper .upcoming-events-list-holder::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.upcoming-live-wrapper .upcoming-events-list-holder::-webkit-scrollbar-thumb {
  background: #83838354;
  border-radius: 10px;
}

.upcoming-live-wrapper .upcoming-events-list-holder::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}

.upcoming-live-wrapper .upcoming-course-card {
  width: 65px;
  min-width: 65px;
  max-width: 65px;
  height: 43px;
  border-radius: 4px;
  overflow: hidden;
}

.upcoming-live-wrapper .upcoming-course-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upcoming-live-wrapper .upcoming-course-info {
  padding: 0px 0px 0px 18px;
  width: calc(100% - 75px);
}

.upcoming-live-wrapper .upcoming-course-name {
  font-size: 14px;
  font-weight: 500;
  display: block;
  overflow: hidden;
  margin: 0px;
  color: #444;
  text-decoration: none;
  line-height: 16px;
}

.upcoming-live-wrapper .upcoming-course-name::first-letter {
  text-transform: capitalize;
}

.upcoming-live-wrapper .upcoming-course-timestamp {
  font-size: 13px;
  font-weight: 400;
  color: #939496;
  margin: 0;
  margin-top: 2px;
}

.upcoming-live-wrapper .upcoming-btn-holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 7px;
}

.upcoming-live-wrapper .assignment-label {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #606060;
}

.live-upcoming-icon {
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  background: red;
  padding: 0px 8px 0px 20px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
}

@keyframes blink {
  50% {
      opacity: 0;
  }
}

.live-upcoming-icon:after {
  content: "";
  background: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 5px;
  animation: blink 1.4s ease infinite;
}

.upcoming-live-wrapper .event-join-btn {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  background: #0181ff;
  padding: 3px 22px;
  border-radius: 6px;
  border: none;
  display: inline-block;
  cursor: pointer;
}

.upcoming-live-wrapper .event-join-btn:hover {
  background: #5577f1;
}

.more-events {
  font-size: 13px;
  font-weight: 500;
  color: #0181ff;
  cursor: pointer;
}

.more-events:hover {
  color: #0f73d6;
}

.no-upcoming-events {
  text-align: center;
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.no-upcoming-events h6 {
  font-size: 14px;
  font-weight: 400;
  color: #cbcbcb;
  line-height: 46px;
  margin: 0px;
}

/* Message widget css by binsu */
.tutor-blk {
  border: 1px solid #ececec;
  background-color: #fff;
  /* width:400px; */
  border-radius: 5px;
  height: 100%;
}

.tutor-title-blk {
  width: 100%;
  margin-bottom: 6px;
  padding: 20px 20px 15px 20px;
}

.tutor-title {
  font-size: 14px;
  font-weight: 500;
  margin: 0px;
  color: #444;
  text-transform: capitalize;
}

.tutor-viewall-btn {
  font-size: 13px;
  font-weight: 500;
  color: #0181ff;
  cursor: pointer;
}

.messages-widget-wrapper .tutor-msg-wrapper {
  max-height: 372px;
  overflow-y: auto;
  padding: 0px 20px 7px 20px;
}

.tutor-msg-wrapper::-webkit-scrollbar {
  width: 5px;
}

.tutor-msg-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.tutor-msg-wrapper::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 10px;
  cursor: pointer;
}

.tutor-msg-container {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}

.tutor-msg-container:last-child {
  border-bottom: 0;
}

.tutor-msg-avatar {
  min-width: 35px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #c11919;
}

.tutor-msg-contents {
  padding-left: 15px;
  width: 100%;
}

.msg-sender-name {
  font-size: 14px;
  font-weight: 500;
  display: block;
  overflow: hidden;
  margin: 0px;
  color: #444;
  text-decoration: none;
  line-height: 16px;
  text-transform: capitalize;
  max-width: 235px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tutor-msg {
  font-size: 13px;
  font-weight: 400;
  color: #939496;
  margin: 0;
  max-width: 235px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}

.unread-msg {
  color: #5f616e;
}

.tutor-msg-date {
  font-size: 11px;
  font-weight: 400;
  color: #7b7b7b;
  white-space: nowrap;
  text-transform: capitalize;
}

.tutor-msg-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #0ab66e;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  margin-top: 7px;
}

.object-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tutor-msg-right-part {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.tutor-msg-left-part {
  width: 100%;
}

.test-submission-header {
  background-color: #e2ebf0;
  color: #596978;
  font-size: 13px;
  font-weight: 500;
  padding: 18px 0px;
  text-transform: capitalize;
}

.test-sub-learners {
  flex: 0 0 50%;
  max-width: 50%;
}

.test-sub-date {
  flex: 0 0 30%;
  max-width: 30%;
}

.test-sub-status {
  flex: 0 0 20%;
  max-width: 20%;
  justify-content: flex-end;
  text-align: right;
}

.pl-18 {
  padding-left: 18px;
}

.pr-18 {
  padding-right: 18px;
}

/* .test-submission-blk{margin:15px 0;} */
/* .test-sub-data-blk{
 max-height: 441px;
 overflow-y: auto;
 padding: 0px 7px 7px 7px;
} */
.assignment-widget-wrapper,
.testsubmission-widget-wrapper,
.messages-widget-wrapper,
.upcoming-live-widget-wrapper,
.courses-widget-wrapper {
  /* min-height: 360px !important; */
  /* max-height: 400px !important; */
}

.assignment-widget-wrapper .test-sub-data-blk {
  max-height: calc(100% - 115px);
  overflow-y: auto;
  padding: 0px 7px 7px 7px;
}

.test-sub-data-blk::-webkit-scrollbar {
  width: 8px;
}

.test-sub-data-blk::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.test-sub-data-blk::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 10px;
  cursor: pointer;
}

.test-sub-data-row {
  padding: 15px 11px;
  border-radius: 5px;
}

.tutor-user-avatar {
  min-width: 35px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #c11919;
}

.tutor-test-contents {
  padding-left: 15px;
  width: 100%;
}

.tutor-test-username {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  margin: 0px;
  color: #444;
  text-decoration: none;
  line-height: 16px;
  text-transform: capitalize;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tutor-test-eval {
  font-size: 13px;
  font-weight: 400;
  color: #8f939e;
  text-transform: capitalize;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}

.tutor-test-date {
  font-size: 13px;
  font-weight: 400;
  color: #111;
  text-align: center;
}

.tutor-status-btn {
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  padding: 3px 12px;
  border-radius: 28px;
  border: 0;
  line-height: 14px;
}

.tutor-status-btn.green {
  background-color: #0ab66e;
  color: #fff;
}

.tutor-status-btn.green:hover,
.tutor-status-btn.green:focus {
  background-color: #098e56;
  color: #fff;
}

.tutor-status-btn.yellow {
  background-color: #fdb610;
  color: #fff;
}

.tutor-status-btn.yellow:hover,
.tutor-status-btn.yellow:focus {
  background-color: #ecaa00;
  color: #fff;
}

.test-sub-data-row:nth-child(even) {
  background-color: #f3f7fa;
}

.tutor-status-title {
  padding-right: 20px;
}

.assignment-widget-wrapper .tutor-status-btn.yellow {
  background-color: #0ab66e !important;
}

.assignment-widget-wrapper .tutor-status-btn.yellow:hover {
  background-color: #0b985d !important;
}

#messages-outter {
  align-items: start;
}

#messages {
  text-align: unset;
}

.msg-click {
  display: flex;
  align-items: start;
  justify-content: center;
  padding: 11px 0px;
  border-bottom: 1px solid #eaeaea9e;
  cursor: pointer;
  position: relative;
}

.msg-click:last-child {
  border-bottom: 0px;
}

.msg-click .tutor-msg-left-part,
.msg-click .tutor-msg-right-part {
  position: relative;
  z-index: 999;
}

.msg-click:hover:after {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: 0px;
  bottom: 0px;
  background: #f3f7fa;
  border-radius: 6px !important;
  z-index: 0;
}

/* Message widget css by binsu ends */

/* .tutor-info-widget-wrapper, .upcoming-live-widget-wrapper, .courses-widget-wrapper , 
.assignment-widget-wrapper, .testsubmission-widget-wrapper, .messages-widget-wrapper {
 height: unset !important;
 min-height: unset !important;
} */

.tutor-info-widget-wrapper .grid-stack-item-content,
.upcoming-live-widget-wrapper .grid-stack-item-content,
.courses-widget-wrapper .grid-stack-item-content,
.assignment-widget-wrapper .grid-stack-item-content,
.testsubmission-widget-wrapper .grid-stack-item-content,
.messages-widget-wrapper .grid-stack-item-content {
  width: calc(100% - 20px) !important;
  margin: 0px 0px 0px 0px !important;
  padding: 0px !important;
  border: 0px !important;
  height: unset;
  min-height: unset;
  max-height: unset;
  overflow: hidden;
  box-shadow: 0px 0px 1px 2px #00000005 !important;
}

/* .tutor-info-widget-wrapper[data-gs-height="1"]{height: 183px !important;min-height: unset !important;}
.tutor-info-widget-wrapper[data-gs-height="1"] .grid-stack-item-content{height: 174px !important;} */

.tutor-info-widget-wrapper[data-gs-height="1"] .tutor-welcome-header {
  height: 73px;
  background-size: 128px;
}

.tutor-info-widget-wrapper[data-gs-height="1"] .tutor-info-container {
  height: 55px;
}

.tutor-info-widget-wrapper[data-gs-height="1"] .tutor-info-wrapper .tutor-avatar {
  width: 42px;
  height: 42px;
  border: 4px solid #fff;
}

.tutor-info-widget-wrapper[data-gs-height="2"] .tutor-welcome-header {
  height: 60%;
  background-size: 51%;
  background-position-y: bottom;
}

.tutor-info-widget-wrapper[data-gs-height="2"] .tutor-info-container {
  height: 40%;
  padding-top: 0px;
}

/* .tutor-info-widget-wrapper .grid-stack-item-content{min-height: 167px !important;}
.upcoming-live-widget-wrapper .grid-stack-item-content{min-height: 270px !important;}
.testsubmission-widget-wrapper  .grid-stack-item-content{min-height: 270px !important;}
.assignment-widget-wrapper  .grid-stack-item-content{min-height: 270px !important;}
.courses-widget-wrapper .grid-stack-item-content{min-height: 270px !important;}
.messages-widget-wrapper .grid-stack-item-content{min-height: 270px !important;}
*/

.tutor-info-widget-wrapper .grid-stack-item-content .tutor-info-wrapper,
.upcoming-live-widget-wrapper .grid-stack-item-content .upcoming-live-wrapper,
.testsubmission-widget-wrapper .grid-stack-item-content .tutor-blk,
.assignment-widget-wrapper .grid-stack-item-content .tutor-blk,
.courses-widget-wrapper .grid-stack-item-content .upcoming-live-wrapper,
.messages-widget-wrapper .grid-stack-item-content .tutor-blk {
  height: 100%;
  border-radius: 4px !important;
  overflow: hidden;
  background: #fff;
}

.testsubmission-widget-wrapper .test-sub-data-blk {
  max-height: calc(100% - 115px);
  overflow-y: auto;
  padding: 0px 7px 7px 7px;
}

.custom-widget-container {
  width: calc(100% - 20px);
  margin: 15px 10px 15px 10px;
  height: unset;
  min-height: unset;
}

.widget-action-btn {
  background: #fff;
  width: 42px;
  height: 42px;
  border-radius: 26px;
  box-shadow: 0px 0px 2px 3px #00000005 !important;
  position: absolute;
  left: -5px;
  top: 0px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s ease opacity, 0.4s ease visibility;
}

.widget-action-btn .drag-widget,
.delete-widget {
  padding: 12px 0px;
}

.widget-action-btn .drag-widget+.delete-widget {
  margin-top: 11px;
}

.widget-action-btn .drag-widget:hover svg {
  fill: #009688 !important;
}

.widget-action-btn .delete-widget:hover svg {
  fill: #f44336 !important;
}

.tutor-info-widget-wrapper .widget-action-btn {
  height: 42px;
}

.widget-action-btn .delete-widget {
  display: none;
}

.grid-stack-item:hover .widget-action-btn {
  visibility: visible;
  opacity: 1;
}

.grid-stack-item {
  border: 2px dashed transparent;
  transition: 0.3s border ease;
}

.grid-stack-item.ui-draggable-dragging {
  background: #fff;
  border: 2px dashed #dedede;
  border-radius: 4px;
}

.user-list-label {
  font-size: 13px;
  font-weight: 400;
  color: #787878;
  margin-top: 4px;
  white-space: nowrap;
}

.calendar-modal .ms-cal-row-title {
  width: 73px;
  color: #787878;
  font-size: 13px;
  font-weight: 400;
}

.calendar-widget-wrapper .fc-view-harness {
  box-shadow: 0px 0px 1px 2px #00000005 !important;
  overflow: hidden;
}

.calendar-widget-wrapper .fc-timegrid.fc-timeGridWeek-view.fc-view,
.calendar-widget-wrapper .fc-daygrid.fc-dayGridMonth-view.fc-view {
  background: #fff;
}

.calendar-widget-wrapper .fc-view-harness table {
  border: 0;
}

.calendar-widget-wrapper .fc-direction-ltr .fc-timegrid-slot-label-frame {
  text-align: center !important;
}

.calendar-widget-wrapper .fc .fc-timegrid-slot-label-cushion {
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  padding: 0px !important;
  color: #909090;
}

.calendar-widget-wrapper .fc .fc-col-header-cell-cushion {
  display: inline-block;
  padding: 15px 0px !important;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #5a5d61;
}

.calendar-widget-wrapper .grid-stack-item-content {
  padding-top: 0px !important;
}

.calendar-widget-wrapper .fc .fc-toolbar-title {
  font-size: 13px;
  font-weight: 500;
  color: #5d5d5d;
  margin: 0;
  padding: 8px 15px 8px 42px;
  position: relative;
}

.calendar-widget-wrapper .fc .fc-toolbar-title:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 15px;
  right: 0px;
  width: 17px;
  height: 18px;
  background: url(../images/calender-icon.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  opacity: 0.65;
}

.calendar-widget-wrapper .fc-col-header .fc-timegrid-axis-frame:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 19px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: url(../images/calender-icon2.png);
  background-repeat: no-repeat;
  background-size: 16px;
  opacity: 0.45;
}

.fc-direction-ltr .fc-toolbar>*> :not(:first-child) {
  margin-left: 0px !important;
}

.calendar-widget-wrapper .fc-add_event-button {
  background: #0181ff !important;
  outline: 0px !important;
  border: 0px !important;
  padding: 0px 25px 0px 45px !important;
  font-size: 13px !important;
  text-transform: capitalize !important;
  position: relative;
  height: 31px;
}

.calendar-widget-wrapper .fc-add_event-button:before {
  content: "+";
  background: #fff;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 25px;
  height: 25px;
  border-radius: 2px;
  font-size: 26px;
  font-weight: 700;
  line-height: 24px;
  color: #0181ff;
  text-align: center;
}

.calendar-widget-wrapper .fc-add_event-button:hover,
.calendar-widget-wrapper .fc-add_event-button:focus {
  background: #2e83d6 !important;
}

.calendar-widget-wrapper .fc-scrollgrid-section-header .fc-scroller {
  overflow: hidden !important;
  width: calc(100% - 10px);
}

.calendar-widget-wrapper .fc-dayGridMonth-view .fc-scroller {
  width: 100%;
}

.calendar-widget-wrapper .fc-toolbar-chunk {
  border-radius: 4px !important;
  overflow: hidden;
}

.calendar-widget-wrapper .fc-toolbar-chunk .fc-button-group {
  box-shadow: 0px 0px 2px 1px #00000005 !important;
  border: 1px solid #f1f1f1 !important;
  border-radius: 4px;
}

.calendar-widget-wrapper .fc-button:not(.fc-add_event-button) {
  background: #ffffff !important;
  border-color: #fff !important;
  color: #7d7d7d !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 3px 0px !important;
  width: 73px !important;
  height: 32px !important;
  text-transform: capitalize;
}

.calendar-widget-wrapper .fc-button.fc-button-active {
  background: #0181ff !important;
  border-color: #fff !important;
  color: #fff !important;
  border-radius: 4px !important;
  opacity: 1 !important;
}

.calendar-widget-wrapper .fc-today-button:hover {
  background: #0181ff !important;
  color: #fff !important;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
  background: #fff;
  height: 31px;
  box-shadow: 0px 0px 1px 1px #00000003 !important;
  border: 1px solid #f1f1f1 !important;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-prev-button {
  background: #fff;
  color: #5d5d5d;
  border: 0px;
  border-right: 1px solid #cccccc59;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-next-button {
  background: #fff;
  color: #5d5d5d;
  border: 0px;
  border-left: 1px solid #cccccc59;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin: 0px !important;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-next-button:hover,
.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-next-button:focus,
.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-prev-button:hover,
.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-prev-button:focus {
  background: #0181ff0a;
}

.calendar-widget-wrapper .fc-header-toolbar .fc-toolbar-chunk .fc-button .fc-icon {
  color: #5d5d5da6;
  font-size: 18px;
}

.calendar-widget-wrapper .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 12px !important;
  padding: 15px 13px 5px 13px;
}

.calendar-widget-wrapper .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar {
  width: 10px !important;
}

.calendar-widget-wrapper .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px !important;
}

.calendar-widget-wrapper .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb {
  background: #cdcdcd !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}

.calendar-widget-wrapper .fc-scroller.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb:hover {
  background: #949494 !important;
}

.calendar-widget-wrapper .fc-daygrid-dot-event .fc-event-title {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  font-weight: 400;
}

.calendar-widget-wrapper .fc-daygrid-dot-event {
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
  justify-content: center;
  padding: 0px 10px;
  color: #fff;
}

.fc .fc-daygrid-more-link {
  font-size: 11px;
  font-weight: 400;
}

.fc-daygrid-event-dot {
  display: block !important;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  border-width: 20px !important;
  padding: 0px;
  margin: 0px 0px !important;
  width: unset !important;
}

.fc-daygrid-event-harness+.fc-daygrid-event-harness {
  margin-top: 5px;
}

.calendar-widget-wrapper table>colgroup col {
  width: 52px !important;
}

.fc-timegrid-slot-label {
  border-bottom: 0px !important;
  border-top: 0px !important;
}

.fc .fc-more-popover {
  z-index: 999999 !important;
}

.calendar-widget-wrapper .fc .fc-more-popover .fc-popover-body {
  max-height: 250px;
  overflow-y: auto;
}

.calendar-widget-wrapper .fc .fc-more-popover .fc-popover-body::-webkit-scrollbar {
  width: 5px !important;
}

.calendar-widget-wrapper .fc .fc-more-popover .fc-popover-body::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px !important;
}

.calendar-widget-wrapper .fc .fc-more-popover .fc-popover-body::-webkit-scrollbar-thumb {
  background: #cdcdcd !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}

.fc-daygrid-event-harness:hover,
.fc-timegrid-event-harness:hover {
  z-index: 99999 !important;
  min-width: 100%;
}

.fc-daygrid-event-harness+.fc-daygrid-event-harness {
  margin-top: 10px;
}

.grid-stack-placeholder.grid-stack-item {
  background: #00d0ff0f;
  border: 2px dashed #8686864f;
  border-radius: 4px;
  opacity: 1 !important;
  box-shadow: 0px 0px 1px 2px #00000005 !important;
}

.placeholder-content {
  background: transparent;
  border: 0px !important;
}

/* Calendar widget ends */

/* Manage widget popup */
.widget-modal-close {
  position: relative;
  font-size: 26px;
  font-weight: 400;
  color: #737373;
  line-height: 16px;
  cursor: pointer;
}

.widget-modal-header {
  width: 100%;
  text-transform: capitalize;
  margin: 0px;
}

.manage-widgets-blk .checkmark-reducer {
  border: 1px solid #bfb9b9 !important;
  border-radius: 3px;
}

.widget-modal .modal-dialog {
  width: 380px;
}

.widget-modal .modal-content {
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 0px 10px 4px #00000017;
}

.widget-modal-footer {
  margin-top: 25px;
}

.widget-checkbox-modal {
  margin-top: 25px;
}

.manage-widgets-blk .liveclass-label {
  color: #616161;
}

.widget-checkbox-modal .checkbox-margin {
  margin-top: -16px;
}

/* Manage widget popup ends */

/* Calendar Event popup */
.calendar-modal .modal-dialog {
  width: 800px;
}

.calendar-modal .modal-content {
  border-radius: 5px;
}

.calendar-meet-coursecard-blk {
  min-height: 150px;
  background-color: #f7f8fc;
  border: 1px solid #eeeeeede;
  margin: 10px 0;
}

.calendar-modal .coursecard-popup-blk {
  flex: 0 0 65%;
  max-width: 65%;
  border-right: 1px solid #eeeeeede;
  padding: 18px 18px 0px 18px;
}

.calendar-modal .coursecard-img-wrapper {
  width: 135px;
  min-width: 135px;
  height: 85px;
  border-radius: 4px;
  overflow: hidden;
}

.calendar-modal .coursecard-desc-blk {
  padding-left: 15px;
  padding-right: 30px;
}

.calendar-modal .coursecard-name {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  line-height: 23px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.calendar-modal .coursecard-name::first-letter {
  text-transform: capitalize;
}

.calendar-modal .notify-calendar-icon {
  width: 15px;
  height: 13px;
}

.calendar-modal .notify-calendar-icon svg {
  fill: #cf8846;
}

.calendar-modal .date-notify-blk {
  padding: 6px;
  background-color: #f5ebe2;
  color: #cf8846;
  border-radius: 4px;
  margin-top: 10px;
  display: inline-flex !important;
}

.calendar-modal .date-notify {
  font-size: 12px;
  font-weight: 500;
  padding-left: 10px;
  white-space: nowrap;
}

.calendar-modal .course-user-avatar-wrapper {
  min-width: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}

.calendar-modal .course-user-name {
  font-size: 13px;
  font-weight: 500;
  color: #444;
  text-transform: capitalize;
  max-width: 195px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar-modal .course-user-registered {
  margin: 5px 15px 0px 0px;
}

.calendar-modal .ms-cal-row {
  margin: 10px 0;
  margin-bottom: 15px;
}

.calendar-modal .ms-cal-data {
  padding-left: 10px;
  color: #4e4e4e;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.calendar-modal .duration-time {
  padding-left: 15px;
}

.calendar-modal .ms-row {
  display: grid;
  grid-template-columns: 250px auto;
  padding: 6px 0px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  font-style: normal;
}

.calendar-modal .calendar-details-wrapper .ms-row {
  grid-template-columns: 123px auto;
  border-bottom: 0px;
}

.calendar-modal .ms-row-title {
  text-align: left;
  padding-left: 30px;
  color: #7f7f7f;
  font-weight: 500;
}

.calendar-modal .calendar-details-wrapper .ms-row-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  color: #757575;
  font-weight: 400;
}

.calendar-modal .calendar-details-wrapper .ms-row-data {
  text-align: left;
  padding-left: 30px;
  color: #4e4e4e;
  font-weight: 500;
}

.calendar-modal .calendar-details-wrapper .invite-link {
  color: #126edd;
  display: inline-block;
  max-width: 346px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calendar-modal .calendar-footer-blk {
  justify-content: flex-end;
  margin-top: 20px;
}

.calendar-modal .live-blue-btn {
  font-size: 13px;
  border-radius: 4px !important;
  min-height: unset !important;
  background: #59c500;
  color: #fff;
  text-transform: unset;
}

.calendar-modal .live-edit-btn {
  font-size: 13px !important;
  border-radius: 4px !important;
  min-height: unset !important;
  color: #42c1f1;
  text-transform: unset;
  border: 2px solid #42c1f1;
  background: unset;
  box-shadow: unset;
  height: 34px;
}

.calendar-modal .live-edit-btn:hover,
.live-edit-btn:focus {
  color: #fff;
  background: #42c1f1;
  border: 2px solid #42c1f1;
}

.calendar-modal .live-blue-btn {
  font-size: 13px;
  border-radius: 4px !important;
  min-height: unset !important;
  background: #59c500;
  color: #fff;
  text-transform: unset;
}

.calendar-modal .live-blue-btn:hover,
.live-blue-btn:focus {
  color: #fff;
  background: #4ba004;
}

.calendar-modal .del-livebtn {
  font-size: 13px;
  background: unset;
  box-shadow: unset;
  color: #ff0000;
  text-transform: unset;
}

.calendar-modal .del-livebtn:hover,
.del-livebtn:focus {
  background: unset;
  color: #ff3939;
}

.calendar-modal .ms-cal-agenda-blk {
  flex: 0 0 35%;
  max-width: 35%;
  padding: 0px 18px 18px 18px;
}

.calendar-modal .ms-cal-agenda-header {
  margin: 4px 0 0 1px;
  justify-content: space-between;
  align-items: center;
  min-height: 45px;
  width: 100%;
  padding-top: 6px;
}

.calendar-modal .ms-agenda-title {
  font-size: 13px;
  font-weight: 500;
  color: #6f7376;
}

.calendar-modal .ms-agenda-more-dots {
  font-size: 31px;
  letter-spacing: -2px;
  color: #6f7376;
  line-height: 14px;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
}

.calendar-modal .ms-agenda-desc {
  margin-right: 20px;
  font-size: 11px;
  font-weight: 500;
  line-height: 23px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.calendar-modal .ms-agenda-more-dots-blk {
  position: relative;
}

.calendar-modal .agenda-popup {
  display: none;
  position: absolute;
  top: calc(100% - 30px);
  min-width: 175px;
  background-color: #fff;
  border-radius: 5px;
  left: 47px;
  z-index: 9999999;
  box-shadow: 0px 0px 10px #00000042;
}

.calendar-modal .agenda-popup::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 13px;
  left: -5px;
  transform: rotate(225deg);
}

.calendar-modal .agenda-popup-wrapper {
  padding: 0 18px;
  min-height: 180px;
  max-height: 188px;
  overflow-y: auto;
}

.calendar-modal .agenda-popup-wrapper::-webkit-scrollbar {
  width: 5px !important;
}

.calendar-modal .agenda-popup-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px !important;
}

.calendar-modal .agenda-popup-wrapper::-webkit-scrollbar-thumb {
  background: #cdcdcd !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}

.calendar-modal .agenda-popup-container {
  padding: 14px 3px;
  border-bottom: 1px solid #eaeaea;
  white-space: nowrap;
  max-width: 135px;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #444;
  text-transform: capitalize;
  cursor: pointer;
  position: relative;
}

.calendar-modal .agenda-popup-container:last-child {
  border-bottom: 0px;
}

.calendar-modal .agenda-popup-container:hover:after {
  content: "";
  position: absolute;
  left: -20px;
  right: -22px;
  top: 0px;
  background: #cccccc1a;
  height: 100%;
  z-index: 9999;
}

.calendar-modal .ms-agenda-more-dots-blk:hover .ms-agenda-more-dots {
  background-color: #e9edf0;
}

.calendar-modal .ms-agenda-more-dots-blk.active .agenda-popup {
  display: block;
}

.calendar-modal .tutor-modal-close {
  font-size: 28px;
  font-weight: 400;
  color: #444444a6;
  line-height: 22px;
  cursor: pointer;
}

/* Calendar Event popup ends */

/* Small widgets */
/* .institution-widget-wrapper .grid-stack-item-content{height: 502px;} */
.institution-widget-wrapper .institution-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: flex-start;
}

.institution-widget-wrapper .institute-widget-col {
  background: #fff;
  border-radius: 4px;
  padding: 20px 5px 20px 15px;
  width: calc(25% - 18px);
  margin: 0px 18px 18px 0px;
  position: relative;
  box-shadow: 0px 0px 1px 2px #00000005;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.institution-widget-wrapper .institute-widget-col:nth-child(4) {
  margin: 0px;
  width: 25%;
}

.institution-widget-wrapper .institute-widget-col {
  background: #fff;
  border-radius: 4px;
  padding: 10px;
  width: calc(25% - 18px);
  margin: 0px 18px 18px 0px;
  position: relative;
  box-shadow: 0px 0px 1px 2px #00000005;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.institution-widget-wrapper .institute-widget-col .institute-widget-icon {
  width: 38px;
  height: 38px;
  background: aquamarine;
  border-radius: 50%;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  /* margin-top: 13px; */
}

/* .institution-widget-wrapper .institute-widget-col .institute-widget-icon{
 width: 38px;
 height: 38px;
 background: aquamarine;
 border-radius: 50%;
 margin-right: 15px;
 display: flex;
 align-items: center;
 justify-content: center;
} */
.institution-widget-wrapper .institute-widget-col .institute-widget-icon svg {
  fill: #fff !important;
  width: 18px !important;
  height: 18px !important;
}

.institution-widget-wrapper .institute-widget-col .institute-widget-title {
  /* font-size: 18px; */
  font-size: 15px;
  font-weight: 700;
  color: #444;
  z-index: 9;
  position: relative;
}

.institution-widget-wrapper .institute-widget-col .widget-status-count {
  font-size: 13px;
  font-weight: 500;
  color: #00000087;
  z-index: 9;
  position: relative;
  display: none;
}

.institution-widget-wrapper .institute-widget-col .widegt-bg-icon {
  position: absolute;
  /* right: 5px;
 bottom: 20px;
 width: 45px;
 height: 45px; */
  right: 8px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  display: none;
}

.institution-widget-wrapper .institute-widget-col .widegt-bg-icon svg {
  width: 100% !important;
  height: 100% !important;
  fill: #f8f8f8 !important;
}

.institution-widget-wrapper .learner-widget .institute-widget-icon {
  background: #fe0000;
}

.institution-widget-wrapper .branches-widget .institute-widget-icon {
  background: #aa25ee;
}

.institution-widget-wrapper .batches-widget .institute-widget-icon {
  background: #4cccef;
}

.institution-widget-wrapper .question-widget .institute-widget-icon {
  background: #fbc701;
}

.institution-widget-wrapper .reports-widget .institute-widget-icon {
  background: #00c865;
}

.institution-widget-wrapper .events-widget .institute-widget-icon {
  background: #04c663;
}

.institution-widget-wrapper .courses-widget .institute-widget-icon {
  background: #ff0967;
}

.institution-widget-wrapper .liveclasses-widget .institute-widget-icon {
  background: #a824ee;
}

.institution-widget-wrapper .facilitators-widget .institute-widget-icon {
  background: #ff8f53;
}

.institution-widget-wrapper .institute-widget-col:nth-child(n + 5) {
  margin-bottom: 0px;
}

.institution-widget-wrapper .institute-widget-col:nth-child(8) {
  margin: 0px;
  width: 25%;
}

.institution-widget-wrapper .widget-action-btn {
  display: none;
}

/* .institution-widget-wrapper .grid-stack-item-content{min-height: 439px;} */

.institution-widget-wrapper[data-gs-height="1"] .institution-block {
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100%;
}

.institution-widget-wrapper[data-gs-height="1"] .institution-block .institute-widget-col {
  margin: 0px 18px 0px 0px;
}

.institution-widget-wrapper[data-gs-height="1"] .institution-block .institute-widget-col:last-child() {
  margin: 0px;
}

.institution-widget-wrapper[data-gs-height="2"] .institution-block {
  height: 100%;
  align-items: stretch;
}

.institution-widget-wrapper[data-gs-height="2"] .institution-block .institute-widget-col:nth-child(4) {
  width: 25%;
  margin-right: 0px;
  margin-bottom: 18px;
}

/*  */

@media (min-width: 1920px) {
  /* .institution-widget-wrapper .institute-widget-col .institute-widget-title{font-size: 18px;}
 .institution-widget-wrapper .institute-widget-col .widegt-bg-icon{
     right: 5px;
     bottom: 20px;
     width: 45px;
     height: 45px;
 }
 .institution-widget-wrapper .institute-widget-col{
     padding: 16px 25px;
     width: calc(20% - 12px);
     margin-right: 12px;
 }
 .institution-widget-wrapper .institute-widget-col .institute-widget-icon{
     width: 50px;
     height: 50px; 
     margin-bottom: 15px;
 }
 .institution-widget-wrapper .institute-widget-col .institute-widget-icon svg{
     width: 25px !important;
     height: 25px !important;
 } */
}

/* Small widgets ends*/

/* Tutor Dashboard ends */

/* Scorm Updates */
.attatchment-block {
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 17px;
  border: 1px solid #ffa650;
}

.attatchment-pin-icon {
  width: 40px;
  height: inherit;
  background: #ffa650;
  display: flex;
  align-items: center;
  justify-content: center;
}

.attatchment-label {
  background: #fff0e0;
  padding: 11px 15px;
  display: inline-flex;
  width: calc(100% - 40px);
  font-size: 14px;
  font-weight: 500;
  color: #444444d4;
}

.attatchment-label label {
  word-break: break-all;
}

.timer-icon {
  width: 55px;
  height: 55px;
  margin: 0 auto;
  margin-bottom: 30px;
}

/* Scorm Updates ends */

.rule-dripping-wrapper {
  background: #ffffffa6;
  border: 1px dashed #0000001a;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 15px;
}

.rule-dripping-wrapper .activities-row {
  border-bottom: 1px solid #0000000a;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

.rule-dripping-wrapper .activities-row:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

@media (min-width: 1367px) {
  .right-top-table td .rt-text {
      top: 33px !important;
      position: relative;
      padding-bottom: 7px;
  }
}

.date-format-message {
  font-size: 13px;
  font-weight: 400;
  color: #ff0000bf;
}

.meeting-schedule-wrapper .ms-row-data .invite-link {
  max-width: 280px !important;
}

.rulemore2 .custom-rounded-btn .plus-icon {
  font-size: 18px;
  font-weight: 500;
  margin-right: 10px;
  margin-top: 0;
  position: relative;
  top: 2px;
}

.fc-h-event .fc-event-main-frame {
  flex-direction: column-reverse;
  padding: 0px 7px;
}

@media (max-width: 1500px) {

  .builder-inner-from .lecture-dropdown,
  .builder-inner-from .lecture-action {
      font-size: 12px;
  }
}

/* Course-owner label */
.course-owner-label {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  background: #fee1ca;
  padding: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

.course-owner-label svg.courseowner-icon {
  fill: #fa7300;
  width: 12px;
  height: 12px;
}

.course-owner-tooltip {
  position: absolute;
  top: -37px;
  right: -5px;
  background: #444;
  padding: 2px 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease opacity;
  white-space: nowrap;
}

.course-owner-tooltip:after {
  content: "";
  position: absolute;
  bottom: -4px;
  right: 14px;
  background: #444444;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

.course-owner-tooltip-label {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  margin-left: 8px;
  line-height: 12px;
}

.course-owner-label:hover .course-owner-tooltip {
  visibility: visible;
  opacity: 1;
}

.unregistered-learner {
  display: inline-block;
  background: orange;
  width: 15px;
  height: 15px;
  min-height: 13px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  line-height: 15px;
  margin-left: 10px;
}

.duplicate-org-column {
  background: #00000005;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  margin-top: 5px;
}

.duplicate-org-name {
  color: #ff9c07;
  font-size: 15px;
  font-weight: 500;
}

.close-org-creation {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #717171 !important;
  text-transform: uppercase;
  background: unset !important;
  box-shadow: unset;
}

/* Booking Management */

/* Blended course */
.booking-wrapper {
  margin: 0px 15px 15px 15px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px 3px #00000003;
}

.booking-nav-tabs .nav-tabs {
  border-bottom: 2px solid #51aefb;
  padding: 6px 15px 0px 15px;
}

.booking-nav-tabs .nav-tabs li a {
  padding: 10px 20px 10px 20px;
  border-radius: 5px 5px 0px 0px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  color: #737373;
  margin-right: 25px;
}

.booking-nav-tabs .nav-tabs li a svg {
  width: 16px;
  height: 16px;
  margin-right: 15px;
  fill: #b3b4b7;
}

.booking-nav-tabs .nav-tabs li.active a {
  background: #0181ff;
  color: #fff;
}

.booking-nav-tabs .nav-tabs li.active a svg {
  fill: #fff !important;
}

.bc-row {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  box-shadow: 0px 4px 16px 0px #0000000a;
  border-bottom: 1px solid #ededed;
}

.bc-counter-col {
  text-align: center;
  /* width: 14.28%;
 min-width: 14.28%; */
  padding: 15px;
  position: relative;
}

.bc-counter-col:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 70%;
  width: 1px;
  background: #eeeeee;
}

.bc-counter-col:last-child:after {
  content: unset;
}

.bc-count {
  font-size: 16px;
  font-weight: 700;
  color: #444;
}

.bc-label {
  font-size: 12px;
  font-weight: 400;
  color: #ababab;
}

.bc-datatable-holder table.dataTable.nowrap th {
  background: #edf3f3 !important;
  color: #191919;
  font-size: 13px;
  font-weight: 500;
  border-color: #ededed;
  padding: 14px 22px;
  text-align: center;
  position: relative;
}

.bc-datatable-holder table.dataTable.nowrap th:focus {
  outline: none;
}

.bc-datatable-holder .dataTables_wrapper {
  width: 100%;
  margin: 0 auto;
}

/*.bc-datatable-holder table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color: #fff !important;}*/
.bc-datatable-holder table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #fff !important;
}

.bc-datatable-holder table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even {
  background-color: #f8faf9 !important;
}

.bc-datatable-holder table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd td {
  border: 0px !important;
  text-align: center;
}

.bc-datatable-holder table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even td {
  border: 0px !important;
  text-align: center;
}

.bc-datatable-holder .table.dataTable tbody th,
table.dataTable tbody td {
  padding: 10px 22px;
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 400;
}

.bc-datatable-holder table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
  background-color: unset;
}

.bc-datatable-holder .dataTables_scrollBody {
  border: 0px;
}

.bc-datatable-holder .dataTables_paginate .paginate_button {
  background: #e7e7e7 !important;
  border: 0px !important;
  color: #272727 !important;
  border-radius: 50% !important;
  width: 27px;
  height: 27px;
  padding: 0px !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 26px;
  margin: 0px !important;
  margin-right: 5px !important;
  position: relative;
}

.bc-datatable-holder .dataTables_paginate .paginate_button:hover {
  color: #272727 !important;
}

.bc-datatable-holder .dataTables_paginate .paginate_button.current {
  background: #0181ff !important;
  color: #fff !important;
}

.bc-datatable-holder .dataTables_paginate .paginate_button.previous,
.bc-datatable-holder .dataTables_paginate .paginate_button.next {
  font-size: 0px;
  line-height: 34px;
}

.bc-datatable-holder .dataTables_paginate .paginate_button.previous:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  transform: rotate(-45deg);
}

.bc-datatable-holder .dataTables_paginate .paginate_button.next:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #444;
  border-right: 1px solid #444;
  transform: rotate(45deg);
}

.bc-datatable-holder .dataTables_scrollBody {
  border-color: #ebebeb !important;
  /*padding-bottom: 5px;*/
}

.bc-datatable-holder .dataTables_info {
  display: none;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_paginate {
  float: left !important;
  padding: 14px 20px;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_filter {
  float: left;
  padding: 12px 15px;
}

.booking-wrapper .tab-pane {
  position: relative;
}

.blendedcourse-action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 11px 0px 11px 15px;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_filter input {
  border: 0;
  border-radius: 22px;
  padding: 8px 30px 8px 38px;
  background-color: transparent;
  margin-left: 3px;
  background: #eff3f6;
  min-width: 300px;
  font-size: 13px;
  font-weight: 400;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_filter input[type="search"]::placeholder {
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  color: #a9a9a9;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_filter input:focus {
  outline: none;
}

.bc-datatable-holder table.dataTable.nowrap th:nth-child(1),
.bc-datatable-holder table.dataTable.nowrap td:nth-child(1) {
  text-align: left;
  padding: 10px 22px;
}

.bc-datatable-holder table.dataTable.nowrap th:nth-child(2),
.bc-datatable-holder table.dataTable.nowrap td:nth-child(2) {
  text-align: left;
  padding: 10px 22px;
}

.bc-datatable-holder .dataTables_filter label {
  font-size: 0px;
}

.bc-datatable-holder .dataTables_scrollHead table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  position: relative;
}

.bc-datatable-holder .dataTables_scrollHeadInner table.dataTable thead th.sorting:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #818586c9;
  position: absolute;
  top: 18px;
  right: 10px;
}

.bc-datatable-holder .dataTables_scrollHeadInner table.dataTable thead th.sorting:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #818586c9;
  position: absolute;
  top: 25px;
  right: 10px;
}

.bc-datatable-holder .dataTables_scrollHeadInner table.dataTable thead th.sorting_asc:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #818586c9;
  position: absolute;
  top: 18px;
  right: 10px;
}

.bc-datatable-holder .dataTables_scrollHeadInner table.dataTable thead th.sorting_desc:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #818586c9;
  position: absolute;
  top: 25px;
  right: 10px;
}

.bc-datatable-holder table.dataTable .dataTables_empty {
  text-align: center !important;
  font-size: 15px !important;
  color: #a9a9a9 !important;
  padding: 100px 0px !important;
}

.theme-blue-btn1 {
  background: #0882fd;
  color: #fff;
  font-size: 13px !important;
  font-weight: 500;
  border-radius: 6px;
  padding: 7px 17px;
  box-shadow: unset;
  text-transform: unset;
  display: inline-block;
  position: relative;
}

.theme-blue-btn1:hover,
.theme-blue-btn1:focus {
  background: #0772de;
  color: #fff !important;
}

.theme-blue-btn2 {
  background: transparent;
  border: 1px solid #0882fd;
  color: #0882fd;
  font-size: 13px !important;
  font-weight: 500;
  border-radius: 6px;
  padding: 7px 17px;
  box-shadow: unset;
  text-transform: unset;
  position: relative;
}

.theme-blue-btn2:hover,
.theme-blue-btn2:focus {
  background: #0882fd12;
  color: #0882fd;
  border: 1px solid #0882fd;
}

.custom-add-btn {
  padding-left: 33px !important;
}

.custom-add-btn:after {
  content: "+";
  width: 16px;
  height: 16px;
  background: #fff;
  color: #0882fd;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 8px;
  top: 10px;
}

.bc-datatable-holder .datatable-searchicon {
  position: absolute;
  left: 28px;
  top: 23px;
  font-size: 13px;
}

.column-highlight {
  background: #ff00d40f !important;
}

.column-highlight2 {
  background: #0db1280f !important;
}

#bc-datatable td,
.dataTable th {
  border-right: 1px solid #f3f3f3 !important;
}

.bc-datatable-holder .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  height: calc(100vh - 388px);
  min-height: calc(100vh - 388px);
  max-height: calc(100vh - 388px);
}

#venue .dataTables_scrollBody {
  height: calc(100vh - 318px);
  min-height: calc(100vh - 318px);
  max-height: calc(100vh - 318px);
}

.bc-column-selector .dropdown-toggle {
  padding: 0px 15px;
  font-size: 26px;
  font-weight: 500;
  position: relative;
  top: -5px;
  letter-spacing: -1px;
  color: #a2a2a2;
  cursor: pointer;
}

.bc-column-selector .dropdown-toggle span {
  position: relative;
  top: -1px;
  left: -2px;
  user-select: none;
}

.bc-column-selector .dropdown-toggle:hover {
  color: #0772de;
}

.bc-column-selector .dropdown-toggle:hover:after {
  content: "";
  width: 30px;
  height: 30px;
  background: #0882fd12;
  position: absolute;
  top: 9px;
  left: 7px;
  right: 0px;
  bottom: 0px;
  border-radius: 50%;
  /* z-index: -9; */
}

.bc-column-selector .dropdown-menu {
  right: 10px;
  top: 40px;
  left: unset;
  margin: 0px;
  background: #fff;
  border: 0;
  padding: 0px;
  box-shadow: 0px 0px 4px 0px #00000026;
  overflow: hidden;
  width: 210px;
}

.bc-column-selector .dropdown-menu li label {
  font-size: 13px;
  font-weight: 500;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
}

.bc-column-selector .dropdown-menu li:hover {
  background: #eee;
}

.bc-column-selector .dropdown-menu li input {
  margin-right: 10px;
}

#events .bc-column-selector .dropdown-menu {
  position: absolute !important;
  top: 0 !important;
  margin-top: 25px;
  right: 20px !important;
}

#blended-courses .bc-column-selector .dropdown-menu {
  position: absolute !important;
  top: 0 !important;
  margin-top: 25px;
  right: 20px !important;
}

table#venuedata ul.dropdown-menu {
  position: absolute !important;
  top: 0 !important;
  margin-top: 25px;
}

#organisation table td .dropdown-menu {
  right: 0px;
  width: 200px !important;
  position: absolute !important;
  top: 0 !important;
  margin-top: 20px;
}

.no-sort:after,
.no-sort:before {
  content: unset !important;
}

.no-sort {
  pointer-events: none;
}

.table.dataTable.no-footer {
  border-bottom: 1px solid #f1f1f1 !important;
}

table#venue-datatable tbody tr td {
  border-right: 1px solid #f3f3f3 !important;
}

table.dataTable.nowrap th.text-left,
table.dataTable.nowrap td.text-left {
  text-align: left !important;
}

.bc-search {
  border: 0;
  border-radius: 22px;
  padding: 8px 30px 8px 38px;
  background-color: transparent;
  margin-left: 3px;
  background: #eff3f6;
  min-width: 300px;
  font-size: 13px;
  font-weight: 400;
  /* margin: 0px; */
}

.bc-search::placeholder {
  font-size: 13px;
  font-weight: 400;
  color: #ccd0d1;
  font-style: italic;
}

.bc-search:hover,
.bc-search:focus {
  outline: none;
}

.bc-counter-col.active * {
  color: #0181ff;
}

.dataTables_filter {
  position: relative;
}

.datatable-searchicon {
  position: absolute;
  left: 28px;
  top: 23px;
  font-size: 13px;
}

/* Blended course ends */

/* Create Course by binsu 22-01-2021 */
.el-schedule-page {
  margin: 0px 15px 15px 15px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px 3px #00000003;
}

.el-schedule-page *::placeholder {
  color: #cacaca;
}

.sidemenu-course-blk {
  position: fixed;
  padding: 15px;
  border-right: 1px solid #dedede;
  min-height: calc(100vh - 109px);
  background-color: #f9f9f9;
  border-bottom-left-radius: 4px;
  width: 218px;
}

.tabs-left>li,
.tabs-right>li {
  float: none;
  margin-bottom: 2px;
}

.tabs-left>li {
  margin-right: -1px;
}

.tabs-right>li {
  margin-left: -1px;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-right-color: transparent;
}

.tabs-left.nav-tabs {
  border-bottom: 0;
}

.tabs-left.nav-tabs li.active {
  background: #d8edf2;
}

.tabs-left>li {
  border-radius: 5px;
  margin: 7px 0;
}

.tabs-left.nav-tabs li.active a {
  color: #0778f0;
  font-weight: 500;
}

.tabs-left>li a {
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 500;
}

.sidemenu-course-tab-disply {
  padding-left: 218px;
}

/* schedule part starts here */
.schedule-blk {
  padding: 25px 20px;
  width: 50%;
  margin-bottom: 65px;
}

.course-caption {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  margin-bottom: 8px;
}

.course-caption.grey-color {
  color: #7b7b7b;
  font-weight: 500;
}

.course-subcaption {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  margin-bottom: 8px;
}

.schedule-wrapper {
  padding-left: 15px;
  padding-bottom: 15px;
}

.el-schedule-page input,
.el-schedule-page select {
  min-height: 36px;
  font-size: 13px;
  font-weight: 400;
  color: #444;
}

.select-caret-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-10%);
  right: 18px;
  pointer-events: none;
  border-width: 5px;
  border-style: solid;
  border-color: #444 transparent transparent transparent;
}

.custom-dropdn-holder select {
  /* background: unset !important; */
  background-size: 12px !important;
  font-size: 13px;
  /* height: 37px !important; */
}

.fixed-footer {
  left: 303px !important;
  right: 0px;
  bottom: 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 5px;
  box-shadow: unset !important;
  border-top: 2px solid #eee;
  border-left: 1px solid #eee;
  width: calc(100vw - 317px);
}

.next-custom-btn {
  text-transform: capitalize;
  background-color: #0181ff;
  color: #fff;
  border-radius: 5px;
  min-width: unset;
  padding: 6px 18px;
  outline: none;
  box-shadow: none;
}

.next-custom-btn:hover {
  color: #fff;
  filter: grayscale(0.25);
}

.cancel-btn {
  text-transform: capitalize;
  background-color: unset;
  color: #444;
  margin-right: 10px;
  outline: none;
  box-shadow: none;
}

.calandar-icon-holder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 15px;
}

.calandar-icon-holder img {
  width: 15px;
  height: auto;
}

.calandar-icon-holder svg {
  width: 15px;
  height: auto;
  margin-top: 3px;
}

.add-venue-btn-wrapper {
  color: #0078f3;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

.add-venue-btn-wrapper .plus-icon {
  display: inline-block;
  min-width: 15px;
  width: 15px;
  height: 15px;
  background-color: #0078f3;
  border-radius: 50%;
  color: #fff;
  font-size: 15px;
  margin-right: 12px;
  text-align: center;
}

.multiselect-input-holder .bootstrap-tagsinput .tag {
  color: #3e3838 !important;
  font-weight: normal;
  border-radius: 15px;
  width: auto !important;
  display: inline-block !important;
  white-space: normal;
  background: #e6e6e6;
  position: relative;
  padding: 6px 25px 6px 10px;
  min-width: 64px;
  margin-top: 5px;
  justify-content: space-between;
  margin-right: 2px;
}

.multiselect-input-holder .bootstrap-tagsinput .label-info span:after {
  content: "×" !important;
  background: #a5a5a580;
  color: #444;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 4px;
  line-height: 14px;
  cursor: pointer;
}

.multiselect-input-holder .bootstrap-tagsinput .tag.label-info span {
  float: right;
  display: inline;
}

.multiselect-input-holder .bootstrap-tagsinput input {
  font-size: 12px;
}

.multiselect-input-holder .bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}

.multiselect-input-holder .bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
  min-height: 100px;
  max-height: 100px;
  overflow-y: auto;
  padding-right: 40px;
}

.multiselect-input-holder .bootstrap-tagsinput::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
}

.multiselect-input-holder .bootstrap-tagsinput::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.multiselect-input-holder .bootstrap-tagsinput::-webkit-scrollbar-thumb {
  background: #888;
}

.multiselect-input-holder {
  position: relative;
}

.multiselect-input-holder-close {
  position: absolute;
  font-size: 26px;
  font-weight: 500;
  color: #8d8d8d;
  right: 35px;
  top: 10px;
  cursor: pointer;
}

.multiselect-down-arrow {
  position: absolute;
  top: 25px;
  right: 15px;
  border-width: 5px;
  border-style: solid;
  border-color: #8d8d8d transparent transparent transparent;
  cursor: pointer;
}

.max-content-display {
  max-height: 100%;
  overflow-y: auto;
}

/* website page */
.create-website-page {
  display: flex;
  margin-bottom: 20px;
}

.create-web-left-part {
  padding: 25px 20px;
  width: calc(100% - 409px);
  min-width: calc(100% - 409px);
  max-width: calc(100% - 409px);
}

.create-web-right-part {
  position: fixed;
  right: 32px;
  top: 95px;
  bottom: 0px;
  border-left: 2px solid #eee;
  padding: 25px 20px;
}

.website-wrapper {
  padding-left: 20px;
  padding-bottom: 15px;
  width: 80%;
}

.website-subtxt {
  margin-left: 28px;
}

.website-wrapper .website-radiobtn {
  margin: 0px;
  margin-right: 15px;
  cursor: pointer;
}

.website-wrapper label {
  font-size: 13px;
  font-weight: 500;
  align-items: center;
  margin-bottom: 10px;
}

.website-wrapper textarea.form-control {
  height: 125px;
  resize: none;
}

.website-wrapper textarea.form-control::placeholder {
  font-size: 13px;
}

.textarea.form-control.summary {
  height: 90px;
}

.section-del-icon-holder {
  margin-left: 15px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffe9db;
  margin-bottom: 4px;
  border-radius: 5px;
  cursor: pointer;
}

.section-del-icon-holder svg {
  width: 15px;
  height: auto;
  fill: #ff4400;
}

.banner-img-upload-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 2px dashed #ddd;
  background-color: #f8f8f8;
  overflow: hidden;
  width: 360px;
  height: 190px;
  /* background: url(../img/page-banner-placeholder.png); */
  background-size: 100%;
  background-repeat: no-repeat;
}

.banner-img-upload-wrapper img {
  width: 100%;
}

.upload-file-dimension {
  font-size: 12px;
  font-weight: 400;
  color: #a5aaae;
  margin-bottom: 15px;
}

.theme-blue-btn1-inverse {
  border: 1px solid #0078f3;
  color: #0078f3;
  background-color: unset;
  box-shadow: none;
  outline: none;
  text-transform: capitalize;
}

.theme-blue-btn1-inverse:hover {
  background-color: #0078f3;
  color: #fff;
}

.theme-blue-btn1-inverse:focus {
  background-color: #0078f3;
  color: #fff;
}

.d-none {
  display: none !important;
}

.custom-usage-btn {
  padding: 5px 20px;
  font-size: 12px !important;
}

.course-card-upload-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 2px dashed #ddd;
  background-color: #f8f8f8;
  overflow: hidden;
  width: 360px;
  height: 190px;
}

.course-card-upload-wrapper img {
  width: 100%;
}

.drag-drop-heading {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 15px;
}

.course-card-upload-container {
  position: absolute;
  text-align: center;
  display: none;
}

.course-card-upload-wrapper:hover .course-card-upload-container {
  display: block;
}

.banner-img-upload-container {
  position: absolute;
  display: none;
}

.banner-img-upload-wrapper:hover .banner-img-upload-container {
  display: block;
}

.h-unset {
  height: unset;
  min-height: unset !important;
}

/* general  tab starts here */
.general-course-page {
  min-height: calc(100vh - 165px);
  max-height: calc(100vh - 165px);
  overflow-y: auto;
}

.general-left-part {
  padding: 25px 20px;
  width: calc(100% - 450px);
  min-width: calc(100% - 450px);
  max-width: calc(100% - 450px);
  margin-bottom: 25px;
}

.general-right-part {
  width: 450px;
  padding: 25px 20px;
}

.general-wrapper {
  padding-left: 20px;
  padding-bottom: 15px;
  width: 80%;
}

.general-wrapper .website-radiobtn {
  margin: 0px;
  margin-right: 15px;
  cursor: pointer;
  min-height: unset;
}

.general-wrapper label {
  font-size: 13px;
  align-items: center;
  margin-bottom: 10px;
}

.general-wrapper select.form-control[disabled] {
  color: #aaa !important;
}

.red-mar-4 {
  margin-bottom: 4px !important;
}

.gen-course-code {
  margin-right: 60px;
  width: 106px;
}

.gen-chk-box input {
  min-height: 22px;
}

.gen-chk-box label {
  white-space: nowrap;
  margin-bottom: 0px;
  margin-top: 0px !important;
}

.gen-waitinglst-blk {
  margin-left: 20px;
}

.gen-certificate-blk {
  margin-left: 80px;
}

.gen-rht-wrapper {
  padding-left: 20px;
  padding-bottom: 15px;
}

.custom-row {
  display: flex;
  flex-wrap: wrap;
}

.gen-tax-blk {
  margin-top: 26px;
}

.general-wrapper .form-control[disabled],
.form-control[readonly],
fieldset[disabled] {
  background-color: #eeeeee !important;
}

.multiselect-input-holder .select2-selection--multiple {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c7c9ca;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.multiselect-input-holder textarea {
  margin: 0 !important;
}

.multiselect-input-holder .select2-container {
  width: 100% !important;
}

/* general  tab starts here */

/* certificate page starts here */
.cert-blk {
  min-height: calc(100vh - 155px);
  padding: 25px 20px;
  margin-bottom: 65px;
}

.cert-wrapper {
  padding-left: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}

.cert-wrapper .customm-radiobtn {
  margin: 0px;
  margin-right: 15px;
  cursor: pointer;
  min-height: unset;
}

.cert-wrapper label {
  font-size: 13px;
  align-items: center;
  margin-bottom: 10px;
}

.cert-input-holder {
  width: 50%;
}

.cert-checkbox-wrapper {
  width: 155px;
  margin-bottom: 15px;
}

.cert-temp-blk {
  background: #f9f9f9;
  padding: 15px;
  width: 100%;
}

.cert-temp-wrapper {
  list-style: none;
  padding: 0 15px;
  width: 100%;
}

.cert-temp-wrapper li {
  padding: 10px;
  /* margin-bottom: 15px; */
}

.cert-thumb {
  display: block;
  background: #e8e8e8;
  border: solid 5px #fff;
  border-radius: 5px;
  position: relative;
  height: inherit;
  max-height: inherit;
  min-height: inherit;
  box-shadow: 0px 0px 2px 1px #00000016;
  overflow: hidden;
}

.cert-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.layout-active {
  border: solid 6px #0882fd !important;
}

.cert-active-triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 40px solid #0882fd;
  border-left: 50px solid transparent;
  right: 0px;
  top: 0px;
  display: none;
}

.layout-active .cert-active-triangle {
  display: block !important;
}

.cert-active-triangle i {
  position: absolute;
  left: -24px;
  top: -37px;
  color: #ffffff;
  font-size: 20px;
}

.cert-uploader-blk {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px;
  background-color: #fff;
  height: 100%;
  text-align: center;
  /* margin-bottom: 15px; */
}

.cert-upload-formats {
  padding-top: 7px;
}

.cert-upload-format-txt {
  font-size: 11px;
  font-weight: 500;
  color: #7b7b7b;
  text-align: center;
}

.cert-upload-col {
  flex-direction: column;
  display: flex;
  height: 100%;
  padding: 20px;
}

.course-perform-table {
  margin-top: 15px;
}

.course-perform-table .grid-table-row {
  display: grid;
  grid-template-columns: 20% 19% 13% 13% 25% 10%;
  border-left: 1px solid #eee;
}

.course-perform-table .grid-table-row.course-bundle-grid {
  grid-template-columns: 20% 19% 51% 10%;
}

.course-perform-table .grid-table-head {
  padding: 14px 25px;
  border: 1px solid #eeee;
  border-top: 0px;
  border-right: 0px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  background-color: #edf3f3;
}

.course-perform-table .grid-table-data {
  font-size: 13px;
  font-weight: 500;
  padding: 10px 25px;
  border: 0px;
  border-right: 1px solid #eeee;
  border-left: 0;
}

.course-act-col {
  text-transform: capitalize;
}

.cert-checkbox-input {
  min-height: 23px !important;
}

.course-perform-table-data .grid-table-row:nth-child(even) {
  background-color: #f8faf9;
}

.course-perform-table .grid-table-data input {
  min-height: 32px;
}

.custom-add-orgnz-btn {
  color: #0882fd;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

label.error {
  font-size: 13px;
  font-weight: 400;
  margin: 5px 0px;
  color: #f44336;
}

/* certificate page ends here */

/* communication page starts here */
.commun-blk {
  min-height: calc(100vh - 165px);
  max-height: calc(100vh - 165px);
  overflow-y: auto;
  padding: 25px 20px;
  margin-bottom: 65px;
}

.commun-wrapper {
  padding-left: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}

.commun-wrapper .customm-radiobtn {
  margin: 0px;
  margin-right: 15px;
  cursor: pointer;
  min-height: unset;
}

.commun-wrapper label {
  font-size: 13px;
  align-items: center;
  margin-bottom: 10px;
}

.communicate-table {
  margin-top: 15px;
  border-bottom: 1px solid #eee;
}

.communicate-table .grid-table-row {
  display: grid;
  grid-template-columns: 30% 30% 25% 15%;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}

.communicate-table .grid-table-head {
  padding: 17px 25px;
  /* border: 1px solid #eeee; */
  border-top: 0px;
  border-right: 0px;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  background-color: #edf3f3;
}

.communicate-table .grid-table-data {
  font-size: 13px;
  font-weight: 500;
  padding: 17px 25px;
  border-bottom: 0;
  border-left: 0;
}

.tbl-grey-color {
  color: #7b7b7b;
  font-weight: 500;
}

.communicate-table-data .grid-table-row:nth-child(even) {
  background-color: #f8faf9;
}

.commun-first-col {
  text-transform: capitalize;
}

.commun-radio-btn-wrap {
  margin: 0px !important;
  margin-right: 15px !important;
  cursor: pointer;
  min-height: unset;
}

.commun-edit-btn,
.commun-edit-btn:active,
.commun-edit-btn:focus,
.commun-edit-btn:hover {
  color: #0882fd;
}

.theme-blue-btn1-inverse {
  border: 1px solid #0882fd;
  background-color: #fff;
  color: #0882fd;
}

.theme-blue-btn1-inverse:hover {
  background-color: #0882fd;
  color: #fff;
}

/* communication page ends here */

/* email template starts here*/
.el-email-page {
  margin: 0px 15px 15px 15px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px 3px #00000003;
  min-height: calc(100vh - 155px);
}

.modal#bulk_learner_enroll .pps-details-sec form .declaration-box#learner-consent-block {
  padding: 0;
}

.cart-box.bulk-box.waiting-list-box .cart-bulk-actions.bulk-learner-list .learner_lists span.learner-list-action span.edit-svg svg {
  margin: 8px auto 0;
}

.add_address_form#bill_address .pps-details-sec .bulk-cart-btn {
  border: none;
}

#bill_address .form-group span.number {
  width: 72%;
}

#bill_address .form-group span.select-item {
  width: 25%;
  margin-right: 2%;
}

.add_address_form#bill_address .pps-details-sec p {
  padding: 0 !important;
}

.cart-box.bulk-box.waiting-list-box.enroll-box .cart-price {
  top: -15px;
}

.msgBox .modal-header:not(.except-modal-header) {
  padding: 15px;
  border-bottom: 0;
  min-height: 0;
  background: transparent;
}

/* Add learners items block */
.bulk-learner-list.item-learners-wrapper {
  margin-left: 0;
  width: 100%;
}

.item-learner-wrapper .addleaner-name-icon {
  flex: none;
}

.item-learner-wrapper .addleaner-name {
  display: flex;
  align-items: center;
  width: 100%
}

.item-learner-wrapper .addlearner-name_email p {
  margin: 0;
}

.item-learner-wrapper .addlearner-name_email p.addleaner-email {
  width: 300px;
  margin: 0;
  font-weight: 400;
}

.item-learner-wrapper {
  width: 100%;
  padding-left: 0;
  display: block;
  margin-top: 0;
}

.item-learner-wrapper .add-leaner-details-block {
  position: relative;
  overflow: hidden;
  background: rgb(0 0 0 / 2%);
  margin: 0 0 15px;
  padding: 15px 14px;
}

.item-learner-wrapper .add-leaner-details {
  margin-top: 0;
}

.add-learner-details-block-wrap.item-learner-wrapper .add-leaner-details-block:first-child {
margin-top: 20px;
}

.item-learner-actions-wrapper {
  position: static;
  display: flex;
  align-items: center;
  padding: 0;
  border-radius: 8px;
  transform: none;
  transition: all .3s ease;
}

/* .item-learner-wrapper:hover .item-learner-actions-wrapper {
transform: translate(0, -50%);
} */

.item-learner-actions-wrapper .item-learner-inner-wrapper {
  display: flex;
  flex-direction: column;
}

.item-learner-wrapper .addlearner-price-info {
  display: flex;
  align-items: flex-start;
}

.item-learner-wrapper .addleaner-cp {
  margin-top: 10px;
  padding: 6px 8px;
  display: inline-flex;
  min-width: initial;
  font-size: 11px;
  text-align: left;
  background: #f0f5ff;
  border-radius: 2px;
}


.item-learner-actions-wrapper .item-learner-action {
  min-width: 80px;
  margin: 0 0 5px;
  padding: 4px 12px;
  font-size: 12px;
  background: #fff;
  border-radius: 4px;
}

.item-learner_action-inner-wrapper {
  display: flex;
  flex-direction: column;
}

.item-learner-actions-wrapper .item-learner-action.addleaner-edit {
  margin-left: 0;
}

.item-learner-actions-wrapper .item-learner-action svg {
  width: 10px;
  margin-right: 5px;
}

.price-actions-wrapper {
  display: flex;
  gap: 10px;
}

.addlearner-price-info .addleaner-price p:last-child {
  margin-bottom: 0;
}

.item-learner-actions-wrapper .item-learner-action.addleaner-delete svg path {
  fill: #e22727;
}

.pps-details-sec .add-learner-details-block-wrap.item-learner-wrapper {
  max-height: 300px;
  overflow: auto;
}

.add-learner-details-block-wrap.item-learner-wrapper::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
  background-color: #cdd3de;
  border-radius: calc(.5rem - 1px);
}

.add-learner-details-block-wrap.item-learner-wrapper::-webkit-scrollbar-thumb {
  background-color: #fff;
  border: 1px solid #cdd3de;
  border-radius: calc(.5rem - 1px);
}

.add-learner-details-block-wrap.item-learner-wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.footer-group .enquiry-footer button {
  background: transparent;
  border: 1px solid #fff;
  padding: 5px 10px;
  margin-bottom: 15px;
  border-radius: 6px;
}


@media only screen and (max-width: 600px) {
  .modal.enquiry-forontend-form .course-wraper {
      width: 90%;
  }

  .cart-text h5 {
      font-size: 16px;
      line-height: 20px;
      margin-top: 0;
      overflow: hidden;
  }

  .el-email-left-part {
      width: calc(100% - 282px);
      min-width: calc(100% - 282px);
      max-width: calc(100% - 282px);
      max-height: calc(100vh - 171px);
      margin-bottom: 78px;
      overflow-y: auto;
  }

  .el-email-right-part {
      position: fixed;
      right: 15px;
      top: 95px;
      bottom: 60px;
      width: 282px;
      border-left: 2px solid #eee;
      padding: 15px 20px;
      background-color: #f9f9f9;
      border-top-right-radius: 5px;
  }

  .el-page-footer {
      left: 83px !important;
      right: 15px;
      bottom: 15px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
  }

  .el-caption {
      font-size: 13px;
      font-weight: 500;
      color: #333;
      margin-bottom: 8px;
  }

  .sys-var-wrapper {
      margin-top: 15px;
  }

  .sys-var-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 7px 5px 7px 12px;
      background-color: #fff;
      border: 1px dashed #ddd;
      margin-bottom: 8px;
      border-radius: 3px;
  }

  .sys-var-name {
      font-size: 12px;
      font-weight: 500;
      color: #555;
  }

  .e-sys-btn-wrapper {
      background: #0485ff;
      color: #fff !important;
      padding: 1px 10px;
      min-width: unset;
      font-size: 10px !important;
  }

  .e-sys-btn-wrapper:hover {
      opacity: 0.8;
  }

  .email-temp-header {
      padding: 15px;
      font-size: 13px;
      font-weight: 500;
      color: #555;
      background-color: #fff;
      text-transform: capitalize;
  }

  .e-header-content-area {
      background-color: #f8faf9;
      padding: 15px;
      font-size: 13px;
      font-weight: 500;
      color: #7b7b7b;
  }

  .e-header-c-left-part {
      display: flex;
      justify-content: space-between;
      width: 80px;
  }

  .e-header-c-right-part {
      padding-left: 10px;
  }

  .edit-subject-email {
      width: 400px;
  }

  .e-header-ca-container {
      display: flex;
      align-items: center;
      margin-bottom: 9px;
  }

  .email-edit-template-blk {
      background-color: #e3e6eb;
      min-height: calc(100vh - 315px);
  }

  .email-edit-template-wrapper {
      width: 50%;
      min-height: calc(100vh - 315px);
      border-top: 1px solid #ddd;
      background-color: #fff;
      margin: 0 auto;
  }

  .email-temp-header-blk {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px dashed #ddd;
  }

  .email-temp-header-holder {
      width: 250px;
      height: 130px;
      padding: 20px 0;
      margin: 0 auto;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .email-temp-header-holder img {
      max-height: 100%;
  }

  .email-txtarea {
      color: #444;
      font-size: 12px;
      font-weight: 500;
  }

  .email-redactor-blk .redactor-box.redactor-styles-on {
      border: 0;
  }

  #registration {
      min-height: calc(100vh - 165px);
      max-height: calc(100vh - 165px);
      overflow-y: auto;
  }

  #registration .create-web-left-part {
      max-height: unset;
  }

  /* email template ends here*/

  .input-custom-alert {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      right: 15px;
      width: 20px;
      height: 20px;
      background: #ffa500;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      border-radius: 50%;
  }

  .custom-menu-tooltip {
      box-sizing: border-box;
      position: absolute;
      padding: 0.8rem 0.8rem 0.6rem;
      z-index: 999;
      border-radius: 0.4rem;
      background-color: #fff;
      color: #ed143d;
      font-size: 12px;
      line-height: 1.25;
      bottom: calc(100% + 0.6rem);
      width: unset;
      white-space: nowrap;
      right: 0px;
      box-shadow: 0px 6px 6px 0px #00000012;
      border: 1px solid #00000012;
  }

  .custom-menu-tooltip:after {
      content: "";
      position: absolute;
      top: 15%;
      right: 17px;
      transform: translate(-50%, 201%) rotate(45deg);
      width: 10px;
      height: 10px;
      background: #fff;
      z-index: -999;
      box-shadow: 0px 6px 6px 0px #00000012;
  }

  /*Multiple Session starts*/
  .multiple-session-grid {
      grid-template-columns: 30% 25% 15% 15% 15% !important;
  }

  .multiple-session-row .grid-table-row {
      grid-template-columns: 30% 25% 15% 15% 15%;
  }

  .multiple-session-icon {
      width: 22px;
      height: 22px;
      text-align: center;
      background: #e8e8e8;
      border-radius: 50%;
      color: #444;
      font-size: 14px;
      font-weight: 500;
      margin-left: 15px;
      margin-right: 5px;
      line-height: 22px;
      cursor: pointer;
      display: inline-block;
  }

  .multiple-session-info {
      color: #a5a5a5;
      font-size: 13px;
  }

  .ui-timepicker-wrapper {
      z-index: 999999999;
  }

  .edit-session {
      font-size: 13px;
      font-weight: 500;
      background: #0882fd;
      color: #fff;
      padding: 2px 15px;
      border-radius: 4px;
      line-height: 16px;
  }

  .edit-session:hover {
      color: #fff;
      background: #0772de;
  }

  .cancel-session {
      font-size: 13px;
      font-weight: 500;
      color: #ff4141;
      padding: 2px 15px;
      border-radius: 4px;
      line-height: 16px;
  }

  /*Multiple Session ends*/

  .dataTable tr.group td {
      background: #d6d4f9;
      font-size: 13px !important;
      font-weight: 500 !important;
      color: #6d6d6d !important;
      border-bottom: 1px solid #dddddd63 !important;
      border-top: 1px solid #dddddd63 !important;
  }

  /* Booking Management */

  /*News Feed*/
  .custom-dataseacrh-holder {
      position: relative;
      padding: 12px 15px;
  }

  .newsfeed-filter {
      width: unset;
      border: 0px;
      box-shadow: unset;
      font-size: 13px;
      font-weight: 500;
  }

  .newsfeed-title {
      font-size: 13px;
      font-weight: 400;
      color: #444;
      display: inline-block;
      max-width: 40%;
      min-width: 40%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  .newsfeed-descr {
      font-size: 13px;
      font-weight: 400;
      font-style: italic;
      color: #949494;
      display: inline-block;
      max-width: 40%;
      min-width: 40%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-left: 10px;
  }

  .top-feed-tag {
      font-size: 10px;
      font-weight: 500;
      font-style: italic;
      background: #ddeefe;
      color: #0086ff;
      display: inline-block;
      padding: 3px 12px;
      border-radius: 22px;
  }

  .active-feed,
  .inactive-feed {
      font-size: 12px;
      font-weight: 500;
      color: #fff;
      background: #0181ff;
      padding: 2px 13px;
      border-radius: 6px;
      line-height: 16px;
  }

  .inactive-feed {
      background: #f88319;
  }

  .booking-wrapper.newsfeed-wrapper .dataTables_scrollBody {
      min-height: calc(100vh - 270px) !important;
      max-height: calc(100vh - 270px) !important;
  }

  /* newsfeed popup starts here */
  .create-newsfeed .modal-dialog {
      width: 1000px;
  }

  .optional-txt {
      color: #7b7b7b;
      padding-left: 10px;
  }

  .clear-btn {
      font-size: 12px !important;
      font-weight: 500;
      color: #0772de;
      border: 0;
      box-shadow: none;
      outline: none;
      background-color: unset;
      padding: 0px;
      text-transform: capitalize;
      text-align: right;
  }

  .clear-btn:hover {
      color: #0772de;
  }

  .clear-btn:focus {
      color: #0772de;
  }

  .create-newsfeed textarea.form-control {
      height: 90px;
      resize: none;
  }

  .newsfeed-create-redactor-blk {
      border: 1px solid #c7c9ca;
      border-radius: 4px;
      height: calc(100% - 30px);
  }

  .newsfeed-create-redactor-blk .redactor-box.redactor-styles-on {
      border: 0;
      height: 100%;
  }

  .newsfeed-create-redactor-blk .redactor-styles {
      max-height: 100%;
  }

  .create-newsfeed .custom-row {
      margin-left: 5px;
      margin-top: 8px;
      padding: 0px;
      padding-right: 10px;
  }

  .create-newsfeed .newsfeed-radiobtn {
      margin-right: 15px;
      cursor: pointer;
  }

  .newsfeed-label {
      margin-right: 30px;
  }

  .newsfeed-btnblk {
      margin: 20px 5px 15px 0;
  }

  .white-modal-header {
      background: #fff !important;
      padding-top: 30px !important;
      padding-bottom: 0px !important;
  }

  .white-modal-header .close {
      top: 35px;
  }

  .bl-c-totl-nws-header {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 45px;
  }

  .blc-c-dropdown {
      top: -2px;
  }

  .bc-newsfeed-header {
      position: sticky;
      top: 95px;
      z-index: 99;
  }

  .newsfeed-assign-particp-popup {
      max-height: 298px;
      overflow-y: auto;
  }

  .newsfeed-lst-tbl-parent {
      min-height: calc(100vh - 189px);
      max-height: calc(100vh - 189px);
      overflow-y: auto;
  }

  .news_assign-popup-header {
      padding-right: 20px;
  }

  /*News Feed ends*/
  .bc-main-tbl {
      height: 100%;
      overflow: hidden;
      overflow-x: auto;
  }

  /* new css for BMS New registration starts */
  .bms-page-blk {
      margin: 0px 15px 15px 15px;
      background: #fff;
      border-radius: 4px;
      box-shadow: 0px 0px 3px 3px #00000003;
      min-height: calc(100vh - 165px);
      max-height: calc(100vh - 165px);
      overflow-y: auto;
      padding: 12px 20px;
  }

  .bms-caption {
      font-size: 14px;
      font-weight: 500;
      color: #333;
  }

  .bms-add-learn-blk {
      padding: 15px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #edf3f3;
      margin-top: 12px;
  }

  .bms-learner-code {
      font-size: 13px;
      font-weight: 500;
      color: #333;
  }

  .bms-learner-added-date {
      font-size: 11px;
      font-weight: 500;
      color: #7b7b7b;
  }

  .bms-blue-btn {
      background: #0882fd;
      color: #fff !important;
      font-size: 12px !important;
      font-weight: 500;
      border-radius: 6px;
      padding: 4px 15px;
      box-shadow: unset;
      text-transform: unset;
      position: relative;
  }

  .bms-blue-btn:hover {
      filter: grayscale(0.2);
  }

  .bms-blue-btn-inverse {
      font-size: 12px !important;
      font-weight: 500;
      border-radius: 6px;
      padding: 4px 15px;
      border: 1px solid #0078f3;
      color: #0078f3;
      background-color: unset;
      box-shadow: none;
      outline: none;
      text-transform: capitalize;
  }

  .bms-blue-btn-inverse:hover,
  .bms-blue-btn-inverse:focus,
  .bms-blue-btn-inverse:active {
      background-color: #0078f3;
      color: #fff;
  }

  .bms-add-learn-right-part {
      display: flex;
      align-items: center;
  }

  .bms-learner-tbl-blk {
      border-right: 1px solid #eeee;
      border-bottom: 1px solid #eeee;
  }

  .bms-learner-tbl-blk .grid-table-row {
      display: grid;
      grid-template-columns: 15% 15% 22% 14% 9% 14% 11%;
  }

  .bms-learner-tbl-blk .grid-table-head {
      padding: 10px 17px;
      border: 1px solid #eeee;
      border-top: 0px;
      border-right: 0px;
      font-size: 13px;
      font-weight: 500;
      color: #333;
      padding-left: 20px;
  }

  .bms-learner-tbl-blk .grid-table-data {
      padding: 10px 17px;
      border: 1px solid #eeee;
      border-top: 0px;
      border-right: 0px;
      font-size: 12px;
      font-weight: 500;
      color: #444;
      border-bottom: 0;
      padding-left: 20px;
  }

  .bms-learner-tbl-data .grid-td:last-child:after {
      content: none;
  }

  .bms-tbl-head-bg {
      background-color: #f8faf9;
  }

  .bms-add-learn-left-part {
      padding-left: 5px;
  }

  .bms-input {
      border: 1px solid #eee;
  }

  .bms-input-holder {
      margin-right: 6px;
  }

  .bms-input:focus {
      box-shadow: none;
  }

  .bms-editbtn {
      font-size: 13px;
      font-weight: 500;
      color: #1886e6;
      text-decoration: none;
      text-transform: capitalize;
  }

  .bms-editbtn:hover {
      color: #1886e6;
  }

  .bms-dropdn {
      width: 120px;
  }

  .bms-dropdn select {
      font-size: 12px;
      font-weight: 500;
      height: 28px !important;
      border: 1px solid #eee;
      box-shadow: none;
      background-color: #f2f2f2 !important;
  }

  .bms-dropdn select:focus {
      box-shadow: none;
  }

  .bms-action-blk {
      padding-right: 10px;
  }

  .bms-next-btn {
      background: #0882fd;
      color: #fff !important;
      font-size: 12px !important;
      font-weight: 500;
      border-radius: 6px;
      padding: 6px 20px;
      box-shadow: unset;
      text-transform: unset;
      position: relative;
      min-width: unset;
  }

  .bms-dropdn .select-caret-icon {
      top: 45%;
  }

  .bms-learner-table-portion {
      margin-bottom: 20px;
  }

  /* new css for BMS New registration ends */
  /* document manager css */
  .doc-top-blk {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .doc_mang-upload-blk {
      margin-right: 10px;
      margin-bottom: 0px !important;
  }

  .doc-create-folder-btn button {
      margin-right: 0px;
  }

  .doc_man-datatable-holder .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
      min-height: calc(100vh - 270px);
      height: calc(100vh - 270px);
      max-height: calc(100vh - 270px);
  }

  .doc_mang-icon-holder svg {
      width: 22px;
      height: auto;
  }

  .doc_mang-filedesc {
      font-size: 12px;
      font-weight: 500;
      color: #333;
      padding-left: 15px;
  }

  .doc_mang-file-size {
      margin-left: 15px;
      color: #918f8f;
      font-size: 11px;
      font-weight: 500;
      font-style: italic;
  }

  .doc-datatable {
      overflow: hidden;
  }

  .doc-datatable thead th {
      border-right: 0 !important;
  }

  .doc-radio-holder input[type="radio"] {
      margin-right: 15px;
  }

  .docmang-action-icon-holder svg {
      width: 18px;
      height: auto;
      fill: #7b7b7b;
      margin-right: 15px;
      cursor: pointer;
      margin-top: 5px;
  }

  .custom-upload-toster-blk {
      position: fixed;
      left: 0;
      right: 0px;
      bottom: 15px;
      width: 700px;
      margin: 0 auto;
      background-color: #000;
      border-radius: 0px;
      padding: 10px 15px;
      color: #a9a9a9;
      pointer-events: none;
  }

  .custom-upload-toster-blk .c100 {
      font-size: 22px;
      background-color: #000;
  }

  .custom-upload-toster-blk .c100 .bar {
      border: 0.08em solid #fff;
  }

  .custom-upload-toster-blk .c100 .fill {
      border-color: #fff;
  }

  .dm-uploader-loader {
      pointer-events: none;
  }

  .custom-upload-toster-blk .c100:after {
      background-color: transparent;
  }

  .uploading-toaster-info {
      font-size: 13px;
      font-weight: 500;
      color: #7b7b7b;
      padding: 0 13px;
  }

  .toast-cancel-btn {
      background-color: transparent;
      border: none;
      box-shadow: none;
      color: #fff;
      font-size: 13px;
      font-weight: 500;
  }

  .custom-upload-toster-left-blk {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .custom-upload-toster-wrapper {
      display: flex;
      align-items: center;
  }

  .uploaded-file-name-toast {
      font-size: 13px;
      font-weight: 500;
      color: #fff;
      padding: 0 13px;
      white-space: nowrap;
  }

  .dc-tags-lst-wrapper {
      color: #f98002;
  }

  .dc-tags-more-blk {
      position: relative;
      display: inline-block;
      padding-left: 8px;
  }

  .dc-tags-more-count {
      font-size: 12px;
      font-weight: 500;
      color: #fd7c08;
      font-style: italic;
      cursor: pointer;
  }

  .dc-tags-more-blk:hover .dc-tags-more-popup {
      display: block;
  }

  .dc-tags-more-popup {
      display: none;
      width: 250px;
      background: #fff;
      position: absolute;
      bottom: 25px;
      left: 0px;
      border-radius: 7px;
      box-shadow: 0px 0px 10px 0px #0000002b;
      padding: 15px;
      box-sizing: border-box;
      z-index: 99999999;
      cursor: default;
  }

  .dc-tags-more-popup::after {
      content: "";
      position: absolute;
      left: 20px;
      transform: translateX(-50%) rotate(61deg);
      background: #fff;
      width: 14px;
      height: 14px;
      bottom: -4px;
  }

  .dc-tags-icon svg {
      width: 11px;
      height: auto;
      fill: #fd7c08;
  }

  .dc-tags-popup-lst {
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding-left: 13px;
      font-size: 10px;
      font-weight: 500;
      font-style: italic;
      color: #fd7c08;
      word-break: break-word;
      line-height: 15px;
      white-space: normal;
  }

  .doc-datatable tbody td {
      border-right: 0px !important;
  }

  /* .doc-datatable tbody tr.even{
     background-color: #fff !important;
 } */
  .doc_man-datatable-holder .taglinesingle {
      font-size: 13px;
      font-weight: 500;
      font-style: italic;
  }

  .docmang-action-icon-holder.url-copy-icon svg {
      width: 12px;
      margin-top: 0px;
  }

  .doc_man-datatable-holder tbody tr:last-child .dropdown-menu {
      right: 50px;
      top: -100%;
  }

  .doc-fold-name {
      font-size: 12px;
      font-weight: 500;
      color: #333;
      padding-left: 10px;
  }

  .folder-btnblk .canceladd_file {
      font-size: 12px;
      font-weight: 500;
      text-transform: none;
      background: none;
      border: none;
      box-shadow: none;
  }

  .tags-editpop-holder {
      display: flex;
      align-items: center;
  }

  .tags-editpop-tagname {
      font-size: 12px;
      font-weight: 500;
      color: #333;
      padding-left: 10px;
  }

  .uploading-toaster-info.share-toast-info .doc_mang-icon-holder svg {
      width: 15px;
      height: auto;
      fill: #fff;
  }

  .uploading-toaster-info.share-toast-info .uploaded-file-name-toast {
      padding-left: 0px;
  }

  .cd-modified-user {
      margin-left: 7px;
      color: #918f8f;
      font-size: small;
      max-width: 130px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  .doc_man-datatable-holder tbody tr .dropdown-menu {
      right: 52px;
      top: 6px;
      width: 125px;
      min-width: 100px;
  }

  .custom-create-modal .institution-select #type_course {
      max-height: 298px;
      overflow-y: auto;
  }

  .custom-create-modal .institution-select #type_institute {
      max-height: 298px;
      overflow-y: auto;
  }

  .custom-create-modal .institution-select #type_batch {
      max-height: 298px;
      overflow-y: auto;
  }

  /* fix for dashboard home-page */
  .institute-top-lst-blk {
      min-height: 198px !important;
  }

  /* settings on basic details */
  .analytics-set-blk .custom-radio.learners-radiobtn .checkmark:after {
      background-color: #1dbeae;
  }

  .analytic-set-subheading {
      font-size: 13px;
      font-weight: 500;
      text-transform: capitalize;
      color: #444;
  }

  .analtic-set-desc {
      font-size: 13px;
      font-weight: 500;
      color: #929292;
      padding-right: 50px;
  }

  /* ui fix on single line learner */
  .myprofile-card-body .table-cell-mail .tooltipLink {
      display: inline-block;
  }

  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
      outline: 5px auto #0075ff;
  }

  .calendar-close-btn {
      display: flex;
      justify-content: center;
      width: 23px;
      height: 23px;
      background: #e3e3e3;
      border-radius: 50%;
      align-items: center;
      font-size: 22px;
      font-weight: 400;
      color: #7b7b7b;
      cursor: pointer;
  }

  .calendar-close-btn:hover {
      color: #111;
  }

  .training_course_topblk .dataTables_filter {
      width: auto !important;
      border-radius: 45px;
      overflow: hidden;
  }

  .training_course_topblk .bc_filter {
      padding: 10px 15px !important;
  }

  .training_course_topblk .dataTables_filter input.bc-search {
      border-radius: 45px !important;
  }

  .export-learner-modal .institution-select#learnerExportStep2 .inside-box .row.invitation-type-wrapper .add-selectn.alignment-order .inside-box-padding.invitation-content-wrapper .checkbox-wrap.invite-course-list span.inst-name {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 340px;
      position: relative;
      top: 5px;
  }

  .export-learner-modal .institution-select#learnerExportStep2 .inside-box .row.invitation-type-wrapper .add-selectn.alignment-order .inside-box-padding.invitation-content-wrapper .checkbox-wrap.invite-course-list {
      padding: 6px 1px;
  }

  .export-learner-modal .institution-select#learnerExportStep2 .inside-box {
      border: 0;
      min-height: 270px;
  }

  .duration-enable {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .duration-enable .input-group {
      width: 200px;
  }





  html {
      font-size: 16px !important;
  }

  .course-container .content-wrap {
      display: flex;
      flex-direction: column;
  }

  .content-wrap .content-filter-top {
      top: 63px !important;
  }

  .navbar-brand {
      display: flex;
      align-items: center;
  }

  .content-wrap .bc-newsfeed-header {
      top: 63px;
  }

  .navbar-brand>img {
      display: block;
      width: 100%;
      max-width: 170px;
      max-height: 30px;
      object-fit: contain;
  }

  /* .dashbrd-container {
top:0;
} */
  .main-content {
      padding-left: 0;
  }

  .base-cont-top.content-wrap {
      padding-top: 0 !important;
  }

  .fixed-right-col {
      top: 120px !important;
  }

  section.cont-course-big.courses-tab {
      height: calc(100% - 63px);
  }

  .courses-tab {
      top: 63px;
  }

  .content-wrap.top-spacing {
      top: 0px !important;
  }

  #liveSessionsWrapper .rTableRow.livesession-filter-row.livesession-header-filter {
      display: flex !important;
      justify-content: flex-start;
  }

  .rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input .input-group svg {
      display: none;
  }

  .rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input .input-group svg {
      display: none;
  }

  .container-fluid.nav-content.nav-course-content {
      top: 60px !important;
  }

  .course-container .setupweb-container {
      top: 0;
  }

  .course-container .cms-setup-page-footer {
      left: 185px;
      width: calc(100% - 185px);
  }

  .settings-top.content-wrap.create-group-wrap {
      top: 0;
  }

  body .container-fluid.nav-content.nav-course-content {
      top: 63px !important;
  }

  .right-wrap {
      top: 120px !important;
  }

  .notification-top-filter {
      left: 186px;
  }

  .settings-left-wrap .nav-content {
      top: 63px;
  }

  .right-content.faculty-right-content {
      height: calc(100% - 107px);
      top: 107px;
  }

  .right-content {
      width: calc(50% - 94px);
      top: 107px;
  }

  #dashboard-wrapper .pages-title {
      margin-top: 0;
  }

  /* .base-cont-top .nav-content {
position: unset;
} */
  .bc-newsfeed-header {
      top: 63px;
  }

  .main-wrapper .course-container {
      padding-top: 63px;
  }

  .content-wrap.content-wrap-top {
      top: 0 !important;
  }

  .information-settings {
      top: 50px !important;
  }

  .role-table-align {
      position: relative;
      top: 63px;
  }

  .multiline-search-container #user_keyword {
      box-shadow: none;
  }

  .rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input {
      margin: 0 7px;
  }

  .learners-bulk-list-column {
      top: 63px;
  }

  .innercontent .banner-setting {
      margin-bottom: 20px;
  }

  #order_create_form .bms-page-footer {
      margin-left: 103px;
  }

  .faculty ul.teacher-specs {
      padding-left: 0;
  }

  .faculty ul.teacher-specs .icon {
      display: none;
  }

  .widget-modal.in#widget-manager {
      display: block;
  }

  .item.grid-stack-item-content.calendar-container tr.fc-scrollgrid-section.fc-scrollgrid-section-body .fc-scroller-harness .fc-scroller .fc-daygrid-body table.fc-scrollgrid-sync-table {
      width: 100% !important;
  }

  .item.grid-stack-item-content.calendar-container tr.fc-scrollgrid-section.fc-scrollgrid-section-body .fc-scroller-harness .fc-scroller .fc-daygrid-body {
      width: 100% !important;
  }

  .item.grid-stack-item-content.calendar-container .fc .fc-scroller-harness .fc-scroller::-webkit-scrollbar {
      width: 10px;
  }

  .base-cont-top-heading.content-wrap {
      top: 63px;
  }

  .main-wrapper .course-container .main-content {
      padding-top: 0;
  }

  #summaryDetail .queryForm .midSide input.datepicker {
      width: 170px;
  }

  #schedule {
      position: relative;
  }

  #navbar .appcues-widget {
      display: flex;
      align-items: center;
  }

  #navbar .appcues-widget-icon {
      display: flex;
      align-items: center;
  }

  .appcues .appcues-widget-dropdown {
      border: 1px solid var(--bs-dropdown-select-border);
      border-radius: 0.5rem;
      overflow-y: inherit;
      overflow-x: inherit;
      max-height: 270px;
      padding: 0;
      scrollbar-color: #cdd3de;
      scrollbar-width: thin;
      top: 44px !important;
  }

  .appcues .appcues-widget-dropdown .appcues-widget-content {
      max-height: inherit;
      overflow-y: auto;
      position: relative;
  }

  .appcues ::-webkit-scrollbar {
      width: .5rem;
      height: .5rem;
      background-color: #cdd3de;
      border-radius: .25rem;
  }

  .appcues ::-webkit-scrollbar-thumb {
      background-color: #fff;
      border: 1px solid #cdd3de;
      border-radius: .25rem;
  }

  .appcues .appcues-widget-list li.appcues-nothing-new {
      font-family: 'Mulish', sans-serif;
      padding: .688rem;
  }
}

@media (min-width: 1680px) {
  .general-left-part {
      width: calc(100% - 600px);
      min-width: calc(100% - 600px);
      max-width: calc(100% - 600px);
  }

  .general-right-part {
      width: 600px;
  }
}

/* body .page-action-bottom {
margin-left: 186px;
} */
/* new sidebar css here */
/* 
.base-cont-top.content-wrap {
padding-top: 0;
}
#liveSessionsWrapper .rTableCell.date-input {
padding-left: 30px !important;
}
html {
font-size: 16px !important;
}
.courses-tab {
top: 60px;
}
.settings-top.content-wrap.create-group-wrap {
top: 0 !important;
}
body .container-fluid.nav-content.nav-course-content {
top: 60px !important;
}
.notification-top-filter {
left: 186px;
}
.base-cont-top.content-wrap {
padding-top: 0 !important;
}
.cont-course-big.nav-included.content-wrap {
top: 0 !important;
}
.settings-left-wrap .nav-content.faculty-nav-content {
top:60px;
}
.right-content.faculty-right-content {
width: calc(50% - 93px);
}
.settings-left-wrap .list-faculty-wrap {
top: 20px;
height: calc(100% - 20px);
}
.settings-left-wrap .nav-content {
top:60px;
}
.rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input .input-group svg {
display: none;
}
.rTableRow.livesession-filter-row.livesession-header-filter .rTableCell.date-input .input-group svg {
 display: none;
}
.rTableRow.livesession-filter-row.livesession-header-filter {
display: flex!important;
justify-content: flex-start;
}
.content-wrap.top-spacing {
top: 0 !important;
}
.el-page-footer {
left: 200px !important;
}
.role-table-align {
position: relative;
top: 60px;
}
.add-category .add-btn label {
margin-right: 5px;
}
.information-settings {
top: 60px !important;
} */
/* new sidebar css here */

.course-cont-wrap.image-uploader.innercontent.purchase-settings .settings-container .settings-column.course-cont-wrap.image-uploader .form-group select.form-control {
  width: 300px;
  appearance: none;
  background-image: url("../images/icon-arrow-down.png") !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings .settings-container .settings-column.course-cont-wrap.image-uploader .form-group input {
  width: 300px;
  box-shadow: none;
  font-size: 13px;
  color: #8f939e;
}

.course-cont-wrap.image-uploader.innercontent.purchase-settings .settings-container .settings-column.course-cont-wrap.image-uploader .form-group textarea {
  width: 300px;
  box-shadow: none;
  font-size: 13px;
  color: #8f939e;
}

.d-grid {
  display: grid;
}

.general-right-part label {
  font-weight: 600;
  color: #333;
}

.general-right-part .general-wrapper {
  width: 100%;
}

.course-price-list {
  position: absolute;
  bottom: 65px;
  padding: 5px 15px;
  display: flex;
  width: 100%;
}

.courselist-cp-txt {
  color: #72A6FD;
  font-weight: bold;
  font-size: 10px;
  margin-bottom: 5px;
}

.course-price-list .course-price-cp span {
  font-size: 16px;
  font-weight: bold;
}

.course-price-cp {
  font-size: 16px;
  font-weight: bold;
  color: #13171F;
}

.course-price-op {
  font-size: 12px;
}

.course-price-op span {
  font-size: 12px;
}

.courselist-mp-txt {
  color: #539A86;
  font-weight: bold;
  font-size: 10px;
  margin-bottom: 5px;
}

.course-price-mp {
  font-size: 16px;
  font-weight: bold;
  color: #13171F;
}

.course-price-list .course-price-mp span {
  font-size: 16px;
  font-weight: bold;
}

.border-left {
  border-left: 2px solid #f5f5f6;
}

.bundle-label {
  z-index: 99;
}

body .course-listing-wrapper .course-block-1 .courser-bottom .btnBlock {
  display: block;
  flex: none;
  width: 100%;
  align-items: center;
  padding-left: 0;
}

body .course-listing-wrapper .course-block-1:hover .courser-bottom div.star {
  display: inline-block;
  float: left;
}

.bundle-course-price .course-price-list {
  position: relative;
  bottom: inherit;
  padding-left: 0;
  padding-top: 0;
  border-bottom: none;
}

.bundle-course-price .course-price-list .courselist-cp-txt {
  color: #ffffff;
}

.bundle-course-price .course-price-list .course-price-cp {
  color: #fff;
}

.bundle-course-price .course-price-list .line-through {
  color: #fff;
}

.bundle-course-price .course-price-list .courselist-mp-txt {
  color: #ffffff;
}

.bundle-course-price .course-price-list .course-price-mp {
  color: #fff;
}

.bundle-course-price .course-price-list .border-left {
  border-left: 1px solid #f5f5f640;
}

#course-valdity-table .course-price-list {
  position: relative;
  bottom: inherit;
  padding: 0;
  border-bottom: inherit;
}

#course-valdity-table .course-price-list .courselist-cp-txt {
  font-size: 12px;
}

#course-valdity-table .course-price-list .courselist-mp-txt {
  font-size: 12px;
}

#course-valdity-table .course-price-list .course-price-cp {
  font-size: 26px;
}

#course-valdity-table .course-price-list .course-price-mp {
  font-size: 26px;
}

#course-valdity-table .course-price-list .course-price-op {
  font-size: 15px;
}

.cart-box.bulk-box .bulk-learner-list .add-learner-box svg {
  width: 9px;
  margin-right: 7px;
}

.cart-price .course-price-list {
  position: relative;
  bottom: inherit;
  padding: 0;
  border-bottom: none;
}

.cart-section .cart-block-innersec .trash-text span {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.cart-section .add-course {
  align-items: center;
  margin-top: -5px;
  padding-bottom: 5px;
}

.cart-section .add-course span.apply-text {
  margin-left: 6px;
  font-weight: bold;
  font-size: 10px;
  color: #6F75BC;
}

.cart-block-innersec .cart-bulk-actions.bulk-learner-list {
  display: block;
  clear: both;
  padding-top: 15px;
}

.add-leaner-details {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
}

.addleaner-name-icon {
  background: #2B72FD;
  color: #fff;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  font-size: 11px;
  line-height: 21px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
}

.addleaner-email-icon {
  background: #ffc400;
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 15px;
  font-size: 8px;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  margin-right: 10px;
  font-style: normal;
  color: #000;
}

.addleaner-email {
  display: block;
  align-items: center;
  font-size: 12px;
  font-style: italic;
  color: #919194;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
}

.addleaner-name {
  display: block;
  align-items: center;
  font-weight: bold;
  margin-right: 10px;
  font-size: 12px;
  color: #1B1C21;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 140px;
}

.addlearner-info {
  display: flex;
}

.addlearner-price-info {
  display: flex;
  align-items: center;
}

.addleaner-price {
  margin-right: 20px;
}

.addleaner-clse {
  color: #25252a !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  opacity: 1;
  font-family: auto;
  margin-right: 15px;
  cursor: pointer;
}

.addleaner-price {
  margin-right: 20px;
  font-weight: bold;
  font-size: 12px;
  color: #13171F;
}

.addleaner-cp {
  font-size: 10px;
  font-weight: bold;
  color: #72A6FD;
}

body .course-listing-wrapper .course-block-1 .star {
  flex: none;
  display: inline-block;
  align-items: center;
  float: left;
  margin-top: 10px;
}

body .course-listing-wrapper .course-block-1 .description:after {
  border-top: solid 1px #dedede;
}

.btnBlock::after {
  border-top: solid 1px #f5f5f6;
  content: '';
  position: absolute;
  width: 100%;
  bottom: 50px;
  left: 0;
}

body .course-listing-wrapper .course-block-1 .star span:after {
  left: 15px;
}

body .course-listing-wrapper .course-block-1 .add-cart {
  border: 1px solid transparent !important;
}

.line-through {
  text-decoration: line-through;
  color: #76777A;
}

#events-activities .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile {
  background: #fff;
  box-shadow: 0 0 3px 4px #e9e9e9;
  padding: 30px 15px 24px;
  border-radius: 5px;
}

#events-activities .course-price-list {
  position: relative;
  bottom: 0;
  padding: 10px 0px;
  display: flex;
  width: 100%;
  height: 70px;
}

#events-activities .course-price-list .course-price-cp {
  font-size: 22px;
  font-weight: bold;
  color: #000;
}

#events-activities .course-price-list .course-price-op {
  font-size: 17px;
  font-weight: 500;
}

#events-activities .course-price-list .course-price-mp {
  font-size: 22px;
  font-weight: bold;
  color: #000;
}

#events-activities .courselist-cp-txt {
  color: #2B72FD;
  font-weight: 500;
  font-size: 11px;
}

#events-activities .courselist-mp-txt {
  color: #539a86;
  font-weight: 500;
  font-size: 11px;
  width: max-content;
}

#events-activities .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile h2 {
  color: #000;
}

#events-activities .ex-course-container.row.mysubscrs-row.event-tile-row .event-tile .location h6 {
  color: #4d4d52;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 10px;
}

.addleaner-edit-info {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
  gap: 5px;
}

.addlearner-info:hover .addleaner-edit-info {
  display: flex;
}

.addleaner-edit-info svg path {
  fill: #6F75BC;
}

.cart-section .add-course path {
  stroke: #454B93;
}

.transfer-order-time {
  display: inline-block;
  width: 200px;
}

.transfer-order-cp {
  display: block;
  background: #ebf3ff;
  padding: 3px 10px;
  font-weight: 500;
  font-size: 11px;
  margin-left: 20px;
}

.transfer-order-list {
  align-items: center;
}

.transfer-order-price .line-through {
  text-decoration: line-through;
  font-size: 11px;
  opacity: .7;
  margin-left: 4px;
  font-weight: 500;
}

.transfer-order-list.sltd .transfer-order-cp {
  background-color: #fff;
}

.transfer-order-list {
  margin-bottom: 5px;
  padding: 10px 15px;
}

.text-cp {
  color: #629cfd;
}

.text-mp {
  color: #66a794;
}

.prime-notify-text {
  font-size: 11px;
  color: rgba(27, 28, 33, 0.5);
  font-weight: 500;
}

.member-price-applied-sec {
  display: flex;
  padding: 0 0;
  border-radius: 5px;
  align-items: center;
}

.member-price-applied-sec .member-price-text {
  color: #539A86;
  font-weight: 500;
  font-size: 10px;
}

.member-price-applied-sec b {
  font-size: 16px;
  font-weight: bold;
  color: #13171F;
}

.current-price-section {
  display: flex;
  justify-content: flex-end;
}

.current-price-section .member-price-text {
  color: #76777A;
  font-size: 10px;
  min-width: 126px;
}

.current-price-applied-sec {
  display: flex;
  padding: 5px 0;
  border-radius: 5px;
  justify-content: right;
  align-items: center;
}

.current-price-applied-sec .member-price-text {
  color: #539A86;
  font-weight: bold;
  font-size: 10px;
  min-width: 110px;
}

.current-price-applied-sec b {
  font-size: 16px;
  font-weight: bold;
  color: #13171F;
}

.current-price-applied-sec .current-price-text {
  color: #72A6FD;
  font-size: 10px;
  font-weight: 500;
  min-width: 110px;
}

.membrship-offer-price .mp-know-more-text {
  font-size: 10px;
  color: #2C70FC;
  text-decoration: underline;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
}

.cart-block-innersec .knowmore_tooltip_content {
  position: absolute;
  z-index: 99;
  background: #000;
  color: #fff;
  width: 316px;
  text-align: left;
  padding: 12px;
  bottom: 100%;
  margin-bottom: 10px;
  border-radius: 5px;
  line-height: 1.5;
  left: -15px;
  font-size: 12px;
  pointer-events: none;
  opacity: 1;
  display: none;
}

.membrship-offer-price {
  font-size: 10px;
  color: #8B8B8B;
  width: 250px;
}

.membrship-offer-price .member-offer-price {
  color: #4B4B4B;
  font-weight: bold;
  font-size: 11px;
  line-height: inherit;
  margin-left: 5px;
}

.member-offer-price .rupee-unicode {
  font-size: 11px;
  margin-left: 0;
  line-height: inherit;
}

.current-price-section {
  display: flex;
  justify-content: flex-end;
}

.current-price-section .member-price-text {
  color: #76777A;
  font-size: 10px;
  min-width: 126px;
}

.current-price-section .member-cp-text {
  min-width: 98px;
}

.current-price-applied-sec .member-price-text {
  color: #539A86;
  font-weight: bold;
  font-size: 10px;
  min-width: 110px;
}

.member-price-text .mp-know-more-text {
  font-size: 10px;
  color: #2C70FC;
  text-decoration: underline;
  position: relative;
}

.mp-know-more-text:hover .knowmore_tooltip_content {
  display: block;
}

.knowmore_tooltip_content:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 16px;
  margin-left: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

#course-valdity-table .course-price-list .course-price-cp .rupee-unicode {
  font-size: 26px;
}

#course-valdity-table .course-price-list .course-price-mp .rupee-unicode {
  font-size: 26px;
}

@media only screen and (max-width: 991px) {
  .add_address_form ::-webkit-calendar-picker-indicator {
      margin-top: -13px;
      background-image: none !important;
  }
}

@media screen and (max-width: 500px) {
  section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap {
      width: 100%;
  }

  section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-btn-wrap a.orange-flat-btn.progress-bar-btn-size {
      padding: 10px 5px;
      min-width: 105px;
      font-size: 11px;
  }

  section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-btn-wrap {
      margin-right: 5px;
  }

  section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap span.progress-days {
      margin-right: 5px;
      font-size: 12px;
  }

  section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap {
      width: auto;
      margin-right: 5px;
      margin-left: 5px;
  }

  section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap .Progress-course-validity-label {
      font-size: 12px;
  }

  section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum span.below-progress-bar-details-wrap span.progress-bar-course-details-wrap .br-wrapper.br-theme-fontawesome-stars .br-widget a {
      font-size: 13px;
  }

  section.header-theme-bg .dashbord-blue.header-theme-bg .container.container-res-chnger-frorm-page .changed-container-for-forum .course-share {
      margin: 18px 0 0 !important;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
  }
}

@media screen and (max-width: 767px) {
  .course-price-list {
      position: absolute;
      bottom: inherit;
      padding: 5px 10px;
      display: flex;
      width: 65%;
      right: 0;
      margin-top: 35px;
      top: 0;
  }

  .btnBlock::after {
      display: none;
  }

  .current-price-section .member-price-text {
      font-size: 10px;
  }

  .member-price-applied-sec .member-price-text {
      color: #539A86;
      font-weight: 600;
      font-size: 10px;
  }

  .member-price-applied-sec .member-cp-text {
      margin-left: 5px !important;
  }

  .member-price-applied-sec .course-price-cp {
      font-size: 14px;
  }

  .member-price-applied-sec .course-price-op {
      font-size: 11px;
  }

  .cart-block-innersec .member-price-applied-sec b {
      font-size: 18px;
  }

  .cart-block-innersec .knowmore_tooltip_content {
      right: 0;
      left: inherit;
      margin-bottom: 0;
  }

  .cart-block-innersec .warning-msg {
      position: relative;
      align-items: baseline;
      line-height: inherit;
      margin-top: 15px;
  }

  .cart_purchase_info span {
      font-size: 13px;
  }

  .addlearner-info {
      display: flex;
      flex-direction: column;
  }

  .modal#item-verify .pps-details-sec .cart-box .cart-text span.sold_out_text {
      font-weight: 500;
      vertical-align: baseline;
      display: flex;
      width: auto;
      height: auto;
      line-height: 13px;
      margin-right: 0;
      align-items: flex-start;
      padding: 5px 10px;
      font-size: 10px;
  }

  .sold_out_text .coupon-close {
      margin-left: 0;
      margin-right: 5px;
      width: 17px;
      height: 9px;
      background: #f25c54;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 3px;
  }

  .sold_out_text .coupon-close svg {
      width: 5px;
  }
}