@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');

/* basic css start */

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  font-family: Arial !important;
  overflow-x: hidden;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  padding: 0;
  margin: 0;
}

ol,
ul {
  list-style: none;
}

.clear {
  clear: both;
}

button:focus {
  outline: 0;
}

.content-wrapper .content .card .card-body {
  overflow: scroll;
}

.card .card-body label {
  font-size: 15px;
  color: #575757;
  font-weight: 600;
}

.card .card-footer {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  border: none;
  background: none;
}
.card .create-category-btn {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  border: none;
  background: none;
}
.card .create-category-btn a {
  border: 1px solid #fd2aa6;
  font-size: 17px;
  padding: 8px 40px;
  background: transparent;
  color: #fd2aa6;
  transition: all linear 0.3s;
}

.card .card-footer a {
  border: 1px solid #fd2aa6;
  font-size: 17px;
  padding: 8px 33px;
  background: transparent;
  color: #fd2aa6;
  transition: all linear 0.3s;
}

.card .card-footer a:hover {
  border: 1px solid #fd2aa6;
  background: #fd2aa6;
  color: #fff;
  transition: all linear 0.3s;
}
.card .create-category-btn a:hover {
  border: 1px solid #fd2aa6;
  background: #fd2aa6;
  color: #fff;
  transition: all linear 0.3s;
}

.card .card-footer button {
  color: #fff;
  background: #ec008c;
  font-size: 17px;
  padding: 8px 33px;
  margin-left: 20px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}
.card .create-category-btn button {
  color: #fff;
  background: #ec008c;
  font-size: 17px;
  padding: 8px 40px;
  margin-left: 20px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.card .card-footer button:hover {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
}

.card .create-category-btn button:hover {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
}

.custom_header {
  background-color: #fff !important;
  border-bottom: none !important;
}
.create-custom_header {
  background-color: #fff !important;
  border-bottom: none !important;
}
.create-custom_header h3 {
  font-size: 20px;
  color: #576271;
}

.custom_header h3 {
  font-size: 20px;
  color: #576271;
}

.control_height {
  height: 51px;
}

.toggle_switch .main_switch {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

p.toggle_switch_active {
  color: #ec008c;
  margin: 3px 0px;
  padding: 2px 0px;
}

.action_column {
  font-size: 18px;
}

.action_column .custom_edit_btn i {
  margin-right: 18px;
  color: #ec008c;
  font-weight: 600;
  cursor: pointer;
}

.action_column .custom_delete_btn i {
  margin-right: 18px;
  color: #ff0022;
  font-weight: 600;
  cursor: pointer;
}

/* basic css end */

/* admin navbar css starts */

.admin-navbar .navbar {
  padding: 0px;
  overflow-x: auto;
}

.admin-navbar .nav_logo img {
  height: 30px;
  margin-top: -3px;
}

.admin-navbar {
  background: #f1f4ff !important;
}

.admin-navbar .brand_section {
  width: 50%;
}

.admin-navbar .navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  font-size: 15px;
}

.admin-navbar nav {
  background: #f1f4ff !important;
}

.admin-navbar .navbar {
  padding-left: 50px;
  padding-right: 50px;
}

.admin-navbar nav h2.admin-navbar-name {
  font-size: 19px;
  color: #ec008c;
  font-weight: 600;
}

.admin-navbar nav ul.navbar-nav li.nav-item a {
  font-size: 14px;
  color: #365e7d;
  text-align: center;
  line-height: 17px;
  font-weight: 500;
}

.admin-navbar nav ul.navbar-nav li.nav-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.admin-navbar nav ul.navbar-nav li.nav-item {
  border-top: 4px solid transparent;
  margin-right: 20px;
}

.admin-navbar nav ul.navbar-nav li.nav-item:hover {
  border-top: 4px solid #ec008c;
  transition: all linear 0.3s;
}

.admin-navbar .navbar-light .navbar-nav .nav-link:focus,
.admin-navbar .navbar-light .navbar-nav .nav-link:hover {
  color: #ec008c;
  /* font-weight: 500; */
  /* border-top: 4px solid #ec008c; */
  /* transition: all linear 0.3s; */
}

.admin-navbar nav ul.navbar-nav {
  /* padding-left: 30px; */
}

.admin-navbar nav .form-inline ul li:first-child a {
  font-size: 15px;
  color: #365e7d;
  text-align: center;
  line-height: 17px;
  font-weight: 500;
}

.admin-navbar nav .form-inline ul li .nav-link {
  float: left;
}

.admin-navbar nav .form-inline ul li:first-child .admin-navbar-user-icon p {
  padding-left: 70px;
}

.admin-navbar
  nav
  .form-inline
  ul
  li:first-child
  .admin-navbar-user-icon
  p:first-child {
  font-size: 14px;
  color: #ec008c;
  font-weight: 500;
}

.admin-navbar
  nav
  .form-inline
  ul
  li:first-child
  .admin-navbar-user-icon
  p:last-child {
  font-size: 11px;
  color: #4c4c4c;
  font-weight: 400;
}

.admin-navbar
  nav
  .form-inline
  ul
  li:first-child
  .admin-navbar-user-icon
  p:last-child
  span {
  color: #ec008c;
  font-weight: 900;
}

.admin-navbar nav .form-inline ul li button {
  font-size: 15px;
  color: #fff;
  padding: 4px 14px;
  font-weight: 500;
  border-radius: 50px;
  background: #ec008c;
  border: 1px solid #ec008c;
}

@media (min-width: 295px) and (max-width: 991px) {
  .admin-navbar nav ul.navbar-nav li.nav-item:first-child {
    margin-top: 20px;
  }
}

@media (min-width: 700px) and (max-width: 991px) {
  .admin-navbar nav .form-inline {
    margin-left: 48%;
  }
}

@media (min-width: 500px) and (max-width: 699px) {
  .admin-navbar nav .form-inline {
    margin-left: 46%;
  }
}

@media (min-width: 295px) and (max-width: 499px) {
  .admin-navbar nav .form-inline {
    margin-left: 40%;
  }
}

/* admin navbar css ends */

/* admin notification */

.admin-navbar nav .admin_bell_icon {
  font-size: 20px;
  color: #475677;
  cursor: pointer;
  position: absolute;
  top: 5px;
  left: -36px;
}

.admin-navbar nav .admin_bell_icon .red_ball {
  position: absolute;
  background: red;
  font-size: 12px;
  color: #fff;
  padding: 5px;
  border-radius: 30px;
  height: 21px;
  width: 21px;
  text-align: center;
  top: -4px;
  right: -12px;
  line-height: 8px;
  font-weight: 700;
}

.admin_notification_box {
  position: absolute !important;
  top: 50px;
  padding: 13px 8px;
  right: 110px;
  box-shadow: 0px 1px 8px 0px #c0c0c0;
  z-index: 999;
  border-radius: 6px;
  width: 290px;
  max-height: 350px;
  overflow-y: auto;
}

.admin_notification_box .single_notification {
  box-shadow: rgb(0 0 0 / 15%) 0px 1px 13px 1px;
  flex: unset;
  padding: 12px 10px;
  margin: 7px 7px;
  border-radius: 5px;
  cursor: pointer;
}

.admin_notification_box .single_notification .notification_url {
  color: #ec008c;
  font-size: 13px;
  font-weight: 500;
}

.admin_notification_box::-webkit-scrollbar {
  width: 5px;
  background: #afafaf;
}

/* admin notification end*/

/* admin sub navbar css starts */

.sub_menu_compt .navbar {
  padding: 0px;
  overflow-x: auto;
}

.sub_menu_compt {
  background: #ec008c !important;
}

.sub_menu_compt nav {
  background: #ec008c !important;
}

.sub_menu_compt .navbar {
  padding-left: 30px;
  padding-right: 30px;
}

.sub_menu_compt .navbar .navbar-nav .nav-item p {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.sub_menu_compt .navbar .navbar-nav {
  margin-left: 21.2%;
  /* margin-left: 5.2%; */
}

.sub_menu_compt .navbar .navbar-nav .nav-item {
  border-bottom: 3px solid transparent;
  padding-right: 10px;
  padding-left: 10px;
  transition: all linear 0.3s;
}

.sub_menu_compt .navbar .navbar-nav .nav-item:hover {
  border-bottom: 3px solid #fff;
}

.sub_menu_compt nav ul.navbar-nav li.nav-item {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* admin sub navbar css ends */

/* login css starts */

/* .login-page {
    background-image: url("../image/Login_Bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
} */

.page_wrapper {
  height: 100vh;
}

.left_section {
}

.login_banner {
  height: 241px;
  padding-bottom: 15px;
}

.navbar-bottom .navbar .navbar-brand img {
  height: 30px;
}
.login_page h4 {
  color: #172b4d;
  font-size: 22px;
  font-weight: 700;
}
.login_page .login-paragraph {
  color: #989da4;
  font-size: 15px;
}
.banner_title {
  font-size: 22px;
}

.login_page .right_section {
  background: #eeeeee;
}

.login_page .right_section .input-group-text {
  height: 100%;
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.login_page .right_section .form-control {
  height: calc(2.5rem + 2px);
  border: none;
}

.login_card {
  width: 64%;
}

.login_page .right_section .card_title h4 {
  font-weight: 700;
  margin-bottom: 1px;
  font-size: 29px;
}

.login_page .right_section .card_title p {
  font-size: 13px;
}
.card_info h5 {
  font-weight: 700;
  color: #3f4450;
  font-size: 21px;
}
.card_info p {
  font-size: 14px;
}

.password_link a {
  text-decoration: none;
  color: #212529;
}

.login_copyright_text {
  position: absolute;
  color: #848484;
  font-size: 13px;
  bottom: 2px;
}

/* login css ends */

/* register css starts */

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .login-submit.register {
  margin-top: 30px;
}

/* register css ends */

/* otp css starts */

.right_section .input-group.otp-verify {
  padding-left: 15px;
}

.otp-verify-link span a {
  text-decoration: underline;
}

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  h3.login-signup.otp-verify-link
  span
  a {
  color: #53617b;
}

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .forgot-password.otp-resend {
  text-decoration: underline;
  margin-bottom: 5px;
  margin-top: 20px;
}

#otp-holder {
  width: 260px;
  overflow: hidden;
}

#otp-content {
  left: 0;
  position: sticky;
}

#otp-input {
  padding: 0px;
  letter-spacing: 20px;
  border: 0;
  background-image: linear-gradient(
    to left,
    #ff0084 70%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: bottom;
  background-size: 36px 1px;
  background-repeat: repeat-x;
  background-position-x: 0px;
  width: 73%;
  margin-bottom: 0px;
  color: #53627b;
  font-size: 25px;
  font-weight: 600;
  padding-left: 20px;
}

/* otp css ends */

/* participant navbar top css starts */

.navbar_top .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar_top .navbar {
  /* padding-left: 30px;
  padding-right: 30px; */
}

.navbar_top .logout_btn {
  border: none;
  font-size: 12px;
  background: #ffffff;
  padding: 1px 10px;
  color: #ec008c;
  border-radius: 5px;
  font-weight: 500;
  background: #ffffff;
}

.navbar_top {
  background: #ec008c !important;
  /* background-image: url(../image/nav_bg.png); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.navbar_top nav {
  background: transparent !important;
}

.navbar_top nav ul.navbar-nav li {
  font-size: 12px;
  color: #ffffff;
  line-height: 10px;
  padding-right: 30px;
}

.navbar_top nav ul.navbar-nav li i {
  font-size: 15px;
  margin-right: 6px;
}

.navbar_top nav ul.navbar-nav li p {
  float: right;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 300;
}

.navbar_top nav .form-inline ul li {
  float: left;
  padding-left: 25px;
}

.navbar_top nav .form-inline ul li .navbar-language a {
  color: #fff;
}

.navbar_top nav .form-inline ul li:nth-child(5) {
  /* background-color: #36464E; */
  /* border: 1px solid #fff; */
  margin-left: 20px;
  padding-left: 0px;
  border-radius: 5px;
}

.navbar_top nav .form-inline ul li:nth-child(5) .navbar-language a {
  font-size: 13px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-top: 5px;
  padding-left: 10px;
}

.navbar_top
  nav
  .form-inline
  ul
  li:nth-child(5)
  .navbar-language
  a:first-child:hover {
  color: #36464e;
  background-color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.navbar_top
  nav
  .form-inline
  ul
  li:nth-child(5)
  .navbar-language
  a.navbar-language-eng {
  color: #36464e;
  background-color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.navbar_top
  nav
  .form-inline
  ul
  li:nth-child(5)
  .navbar-language
  a.navbar-language-ban {
  color: #36464e;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.navbar_top
  nav
  .form-inline
  ul
  li:nth-child(5)
  .navbar-language
  a:last-child:hover {
  color: #36464e;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.navbar_top
  nav
  .form-inline
  ul
  li:nth-child(5)
  .navbar-language
  a:hover
  .navbar_top
  nav
  .form-inline
  ul
  li:nth-child(5) {
  background-color: #fff;
}

.navbar_top nav .form-inline ul li i {
  font-size: 16px;
  color: #fff;
}

.navbar_top nav .form-inline ul li:nth-child(6) a {
  color: #fff;
  font-size: 13px;
}

.navbar_top nav .form-inline ul li:nth-child(6) button {
  font-size: 13px;
  padding: 2px 8px;
  color: #fff;
  font-weight: 400;
  background: none;
  padding-left: 0px;
  border: none;
}

@media (min-width: 295px) and (max-width: 991px) {
  .navbar_top nav ul.navbar-nav li i {
    float: left;
    line-height: 10px;
    /* padding-top: 10px; */
  }
  .navbar_top nav ul.navbar-nav li p {
    float: left;
  }
  .navbar_top nav ul.navbar-nav li {
    padding-top: 10px;
  }
  .navbar_top nav .form-inline ul li:first-child {
    padding-left: 0px;
  }
  .navbar_top nav .form-inline ul li:nth-child(5) {
    float: none;
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 40px;
  }
  .navbar_top nav .form-inline ul li {
    margin-top: 2px;
  }
  .navbar_top nav .form-inline ul li:nth-child(6) {
    /* margin-top: 15px; */
    padding-left: 0px;
  }
}

.navbar-language button:first-child {
  border: 1px solid #fff;
  font-size: 12px;
  background: #fff;
  padding: 1px 10px;
  color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-weight: 500;
}

.navbar-language button:last-child {
  border: 1px solid #fff;
  font-size: 12px;
  background: #fff;
  padding: 1px 10px;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-weight: 500;
}

.btn-profile-incomplete .swal-footer {
  text-align: center;
  width: 100%;
  padding-bottom: 30px;
}

.btn-profile-incomplete
  .swal-footer
  .swal-button-container
  button.swal-button--cencel {
  background: #595e68;
}

/* participant navbar top css ends */

/* participant navbar bottom css starts */

.navbar {
  padding-left: 0px;
  padding-right: 0px;
}

.navbar-bottom {
  background: #f1f4ff !important;
  box-shadow: 0 5px 10px -2px #ddd;
  position: relative;
}

.navbar-bottom nav {
  background: #f1f4ff !important;
  position: relative;
}

.navbar-bottom .navbar {
  /* padding-left: 30px;
  padding-right: 30px; */
}

.navbar-bottom .form-inline {
  position: absolute;
  right: 0;
}

.navbar-bottom .navbar ul.navbar-nav li.nav-item {
  line-height: 36px;
}

.navbar-bottom .navbar ul.navbar-nav li.nav-item a {
  /* padding-left: 10px; */
  color: #475677;
  font-size: 14px;
  vertical-align: middle;
  font-weight: 500;
}

.navbar-bottom .navbar ul.navbar-nav li.nav-item a img {
  margin-top: -8px;
  margin-right: 8px;
}

.navbar-bottom .navbar .form-inline ul li {
  float: left;
  padding-left: 25px;
  line-height: 44px;
}

.navbar-bottom .navbar .form-inline ul li a {
  color: #475677;
  font-size: 14px;
  font-weight: 500;
}

.navbar-bottom .navbar .form-inline ul li:nth-child(6) {
  line-height: 21px;
}

.navbar-bottom .navbar .form-inline ul li:first-child,
.navbar-bottom .navbar .form-inline ul li:last-child {
  padding-left: 7px;
}

.navbar-bottom .navbar .form-inline ul li:last-child {
  line-height: 21px;
}

.navbar-bottom-trainer .form-inline ul li:nth-child(1) a,
.navbar-bottom-trainer .form-inline ul li:nth-child(2) a {
  color: #fff;
  font-weight: 400;
  background: #ec008c;
  padding: 5px 25px;
  border-radius: 25px;
  border: 1px solid transparent;
  transition: all linear 0.3s;
}

.navbar-bottom-trainer .navbar .form-inline ul li:nth-child(1) a:hover,
.navbar-bottom-trainer .navbar .form-inline ul li:nth-child(2) a:hover {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
}

.navbar-bottom-participant .navbar .form-inline ul li:nth-child(2) a {
  color: #ec008c;
  font-weight: 400;
  background: #fff;
  padding: 5px 25px;
  border-radius: 25px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.navbar-bottom-participant .navbar .form-inline ul li:nth-child(3) a {
  color: #ec008c;
  font-weight: 400;
  background: #fff;
  padding: 5px 25px;
  border-radius: 25px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.navbar-bottom-participant .navbar .form-inline ul li a:hover {
  color: #ec008c;
}

.navbar-bottom-participant .navbar .form-inline ul li:nth-child(2) a:hover {
  color: #fff;
  background: #ec008c;
  border: 1px solid #ec008c;
}

.navbar-bottom-participant .navbar .form-inline ul li:nth-child(3) a:hover {
  color: #fff;
  background: #ec008c;
  border: 1px solid #ec008c;
}

.navbar-bottom .navbar .form-control {
  height: 36px;
  width: 220px;
  border-radius: 25px;
  float: left;
  border: 1px solid #f263b8;
}

.navbar-bottom .navbar .navbar-bottom-search i {
  color: #ec008c;
  font-size: 15px;
  line-height: 36px;
  background: #fff;
  width: 36px;
  height: 31px;
  border-radius: 49px;
  text-align: center;
  margin-left: -40px;
  margin-top: 1px;
}

.navbar-bottom .navbar .navbar-bottom-search input {
  font-size: 15px;
}

.navbar-bottom .navbar .navbar-bottom-search input::placeholder {
  font-size: 13px;
}

.navbar-bottom .navbar .navbar-nav li {
  line-height: 36px;
  padding-left: 20px;
  font-size: 14px;
  vertical-align: middle;
  font-weight: 500;
}

.bottom_nav_left_item {
  padding-left: 250px;
}
.bottom_nav_left_item .left-ul-list .announcement a {
  color: #ec008c;
  font-size: 14px;
  font-weight: 600;
  line-height: 52px;
  padding: 7px 16px;
  border: 1px solid #ec008c;
  border-radius: 17px;
  background: #ffffff;
  transition: all linear 0.3s;
}
.bottom_nav_left_item .left-ul-list .announcement a:hover {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: #ec008c;
}
.bottom_nav_left_item .left-ul-list .feedback a:hover {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: #ec008c;
}
.bottom_nav_left_item .left-ul-list .feedback a {
  color: #ec008c;
  font-size: 14px;
  font-weight: 600;
  line-height: 52px;
  padding: 7px 16px;
  border: 1px solid #ec008c;
  border-radius: 17px;
  background: #ffffff;
  transition: all linear 0.3s;
}

@media (min-width: 992px) and (max-width: 1033px) {
  .navbar-bottom .navbar .form-inline ul li {
    padding-left: 10px;
  }
}

@media (min-width: 295px) and (max-width: 991px) {
  .navbar-bottom nav .form-inline .nav-item .nav-link {
    padding-left: 0px;
  }
  .navbar-bottom .navbar .navbar-nav li {
    padding-left: 0px;
  }
  .navbar-bottom-search {
    margin-top: 10px;
  }
  .navbar-bottom .navbar .form-inline ul li {
    float: none;
    /* padding-left: 0px; */
    padding-left: 0px !important;
  }
  .navbar-bottom .navbar .form-inline ul li:nth-child(4) {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .navbar-bottom .navbar .form-inline ul li:nth-child(6) {
    margin-left: -15px;
  }
}

.navbar-bottom .form-inline ul li a i {
  font-size: 22px;
  line-height: 47px;
}

/* participant navbar bottom css ends */

/* participant dashboard css starts */

.participant-dashboard .dashboard-welcome {
  padding-top: 46px;
  padding-bottom: 40px;
}

.welcome_text {
  color: #ec008c;
}

.participant-dashboard .dashboard-welcome h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
}

.participant-dashboard .dashboard-welcome h2 span {
  font-weight: 700;
}

.participant-dashboard-card-content
  .participant-dashboard-card-content-left
  h3 {
  font-size: 18px;
  color: #ec008c;
  font-weight: 700;
}

.participant-dashboard-card-content .participant-dashboard-card-content-left p {
  font-size: 13px;
  color: #4a4d6c;
  font-weight: 400;
}

.participant-dashboard-card-content .participant-dashboard-card-content-left {
  float: left;
  padding-left: 16px;
  padding-top: 100px;
  padding-bottom: 16px;
}

.participant-dashboard-card-content .participant-dashboard-card-content-right {
  float: right;
  margin-top: 15px;
  /* margin-right: 30px; */
}

.participant-dashboard-card-content {
  padding-right: 20px;
}

.participant-dashboard-card-footer i {
  color: #afafaf;
  float: left;
  font-size: 18px;
  padding-right: 20px;
  padding-left: 30px;
}

.participant-dashboard-card-footer a {
  float: left;
}

.participant-dashboard-card-footer a:last-child {
  float: right;
  margin-right: 15px;
}

.participant-dashboard-card-footer a p {
  font-size: 14px;
  color: #4a4d6c;
  font-weight: 400;
  padding-left: 20px;
  line-height: 22px;
}

.participant-dashboard-card-footer a p span {
  font-weight: 700;
  padding-right: 5px;
}

.participant-dashboard-card-footer {
  background: #fef8f9;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
}

.participant-dashboard-content .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 7px;
}

/* participant dashboard profile card css starts */

.participant-dashboard-profile
  .participant-dashboard-profile-top
  img.profile-img {
  margin-top: 20px;
  height: 100px;
  width: 100px;
}

.participant-dashboard-profile-top-img {
  margin: 0 auto;
  text-align: center;
}

.participant-dashboard-profile .participant-dashboard-profile-top h3 {
  font-size: 18px;
  color: #475677;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 19px;
  text-align: center;
}

.participant-dashboard-profile
  .participant-dashboard-profile-top
  p.profile-text {
  font-size: 14px;
  font-weight: 600;
  color: #ec008c;
  float: left;
  line-height: 26px;
  padding-right: 10px;
}

.participant-dashboard-profile
  .participant-dashboard-profile-top
  a.profile-arrow
  i {
  font-size: 12px;
  padding: 5px;
  border: 1px solid #ec008c;
  border-radius: 50px;
  color: #ec008c;
}

.participant-dashboard-profile .participant-dashboard-profile-top a {
  text-align: center;
}

.participant-dashboard-profile .participant-dashboard-profile-point,
.participant-dashboard-profile .participant-dashboard-profile-message {
  float: right;
}

.participant-dashboard-profile .participant-dashboard-profile-point i,
.participant-dashboard-profile .participant-dashboard-profile-point p {
  float: left;
  font-size: 19px;
  line-height: 30px;
  font-weight: 600;
  color: #faac17;
}

.participant-dashboard-profile .participant-dashboard-profile-point i {
  padding-right: 10px;
}

.participant-dashboard-profile-point {
  background: #fff4e1;
  padding: 5px 15px;
  border-radius: 5px;
  margin-top: -20px;
}

.participant-dashboard-profile-message i {
  font-size: 19px;
  color: #4f76fc;
}

.participant-dashboard-profile-message {
  background: #f1f4ff;
  padding: 8px 15px;
  border-radius: 5px;
  margin-top: -20px;
  margin-left: 10px;
  margin-right: 18px;
}

.progress {
  border-radius: 25px;
  margin-top: 10px;
  height: 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.progress .progress-bar {
  border-radius: 25px;
}

.participant-dashboard-profile-status p {
  color: #475677;
  font-size: 16px;
  font-weight: 500;
  padding-left: 20px;
  line-height: 30px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.participant-dashboard-profile-status {
  padding-left: 10px;
  padding-right: 10px;
}

.participant-dashboard-profile-finish-button a {
  font-size: 12px;
  padding: 9px 25px;
  color: #fff;
  background: #ec008c;
  border: 1px solid #ec008c;
  border-radius: 20px;
  margin-right: 18px;
}

.participant-dashboard-profile-finish-button {
  padding-bottom: 34px;
  text-align: center;
  margin-top: 24px;
}

.participant-dashboard-profile-status a {
  font-size: 12px;
  padding: 7px 17px;
  color: #fff;
  background: #ec008c;
  border-radius: 5px;
  margin-right: 18px;
}

.participant-dashboard-profile-looking-for {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}

.participant-dashboard-profile-looking-for h4 {
  font-size: 16px;
  color: #365e7d;
  font-weight: 600;
  float: left;
}

.participant-dashboard-profile-looking-for h5 {
  font-size: 16px;
  color: #365e7d;
  font-weight: 600;
  float: right;
}

.participant-dashboard-profile-looking-for p {
  color: #365e7d;
  font-size: 14px;
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 10px;
}

a.participant-dashboard-profile-looking-for-item {
  float: left;
  color: #4f76fc;
  font-size: 11px;
  border-radius: 5px;
  padding: 7px 15px;
  background: #f1f4ff;
  margin-right: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}

.participant-dashboard-content .row .col-md-7 .row .col-md-6:nth-child(1) a,
.participant-dashboard-content .row .col-md-7 .row .col-md-6:nth-child(3) a,
.participant-dashboard-content .row .col-md-7 .row .col-md-6:nth-child(4) a {
  cursor: not-allowed;
}

/* participant dashboard profile card css ends */

/* participant dashboard table css starts */

.participant-dashboard-table table tr td img {
  margin-right: 5px;
}

.participant-dashboard-table .card .card-body table tr td:last-child a:hover {
  color: #fff;
  background: #37a800;
}

.participant-dashboard-table .card .card-body table tr td:last-child a {
  color: #fff;
  background: #37a800;
  font-size: 12px;
  padding: 5px 20px;
  white-space: pre;
}

.participant-dashboard-table .card .card-header {
  color: #fff;
  background: #365e7d;
}

.participant-dashboard-table .card .card-header .card-title {
  font-size: 18px;
  font-weight: 400;
}

.participant-dashboard-table .card .card-body table tr th {
  color: #ec008c;
  font-size: 15px;
}

.participant-dashboard-table .card .card-body table thead tr th:last-child {
  text-align: center;
}

.participant-dashboard-table .card .card-body table tbody tr td:last-child {
  text-align: center;
}

.participant-dashboard-table {
  margin-top: 15px;
}

.participant-dashboard-table .card .card-body {
  overflow: auto;
}

/* participant dashboard table css ends */

.participant_onboard_session .card .card-header {
  color: #fff;
  background: #6d2c90;
}

.participant_onboard_session
  .trainer-create-training-submit
  button.trainer-create-training-publish {
  padding: 9px 41px;
  margin-bottom: 3px;
}

.participant_onboard_session .trainer-create-training-submit a {
  padding: 11px 37px !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .participant-dashboard-card-content {
    padding-right: 9px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* .participant-dashboard-card-content {
        padding-right: 5px;
    } */
  /* .participant-dashboard-card-content .participant-dashboard-card-content-left{
        padding-left: 0px;
    } */
}

.participant-dashboard-assessment-card {
  cursor: pointer;
}

/* participant dashboard css ends */

/* participant profile css starts */

.participant-profile {
  background-image: url(../image/profile_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 150px;
}

.participant-profile .participant-profile-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.participant-profile .participant-profile-bg .participant-profile-content-top {
  text-align: center;
}

.participant-profile
  .participant-profile-bg
  .participant-profile-content-top
  h2 {
  font-size: 28px;
  color: #fff;
  font-weight: 400;
  padding-top: 45px;
}

.participant-profile
  .participant-profile-bg
  .participant-profile-content-top
  p {
  font-size: 18px;
  color: #fff;
  font-weight: 300;
  padding-top: 5px;
}

.participant-profile-content {
  min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
  padding-bottom: 30px;
}

video {
  background: #fff;
}

.participant_present_address {
  border-top: 1px solid #ce008c;
  position: relative;
  padding-top: 14px;
  margin-top: 10px;
}

.participant_present_address .sec_title {
  color: #ce008c;
  position: absolute;
  background: #fff;
  top: -15px;
  left: 0px;
  padding-right: 9px;
  padding-left: 9px;
  font-size: 14px;
  font-weight: 600;
}

.participant_present_address.with_permanent .checkbox-container {
  color: #515c6f;
  font-size: 12px;
}

.participant_present_address.with_permanent .checkmark {
  border-radius: 3px;
}

.participant_area_of_interest {
  border-top: 1px solid #ce008c;
  position: relative;
  padding-top: 14px;
  margin-top: 10px;
}

.participant_area_of_interest .sec_title {
  color: #ce008c;
  position: absolute;
  background: #fff;
  top: -15px;
  left: 0px;
  padding-right: 9px;
  padding-left: 0px;
  font-size: 14px;
  font-weight: 600;
}

.image_conditions p {
  color: #717171;
}

.dynamic_button {
  color: #ec008c !important;
  border: 1px solid #ec008c;
  padding: 5px 20px;
  font-size: 15px;
  background: none;
  border-radius: 10px;
  margin-right: 10px;
  cursor: pointer;
}

.image_change_btns button:first-child {
  color: #000;
  border: 1px solid #fff;
  background: #fff;
  padding: 7px 20px;
  font-size: 13px;
  background: none;
  border-radius: 5px;
  margin-right: 10px;
  box-shadow: 0 0px 10px 1px #ddd;
  transition: all linear 0.3s;
}

.image_change_btns button:first-child:hover {
  color: #ec008c;
  /* border: 1px solid #ec008c;
    background: #fff; */
}

.image_change_btns button:last-child {
  color: #fff;
  background: #ec008c !important;
  border: 1px solid #ec008c;
  padding: 7px 20px;
  font-size: 13px;
  background: none;
  border-radius: 5px;
  margin-right: 10px;
  box-shadow: 0 0px 10px 1px #ddd;
  transition: all linear 0.3s;
}

.image_change_btns button:last-child:hover {
  color: #ec008c;
  background: #fff !important;
  border: 1px solid #fff;
}

.profile_update_btn {
  color: #fff;
  background: #ec008c !important;
  border: 1px solid #ec008c;
  padding: 9.5px 32px;
  font-size: 13px;
  background: none;
  border-radius: 5px;
  margin-right: 10px;
  box-shadow: 0 0px 10px 1px #ddd;
  transition: all linear 0.3s;
}

.profile_update_btn:hover {
  color: #ec008c;
  background: #fff !important;
  border: 1px solid #fff;
}

.profile_close_btn {
  color: #000;
  border: 1px solid #fff;
  background: #fff;
  padding: 10px 34px;
  font-size: 13px;
  background: none;
  border-radius: 5px;
  margin-right: 10px;
  box-shadow: 0 0px 10px 1px #ddd;
  transition: all linear 0.3s;
}

.profile_close_btn:hover {
  color: #fff !important;
  border: 1px solid #ec008c;
  background: #ec008c;
}

/* ------------------ participant profile photo start-----*/

.participant-profile-photo {
  margin-top: 20px;
  width: 100px;
  height: 100px;
  position: center;
  border: 3px solid #ddd;
  border-radius: 50%;
  box-shadow: 0 0px 10px 1px #ddd;
}

.participant-profile-photo-content {
  margin: 0 auto;
}

/* ------------------ participant profile photo end-----*/

/*        side pane       start  */

.participant-profile-summery-name h5 {
  text-align: center;
  font-size: 16px;
  color: #475677;
  font-weight: 500;
  padding-top: 15px;
}

.participant-profile-summery-progress .progress {
  height: 15px;
}

.participant-profile-summery-progress p {
  color: #475677;
  font-size: 12px;
  padding-left: 10px;
}

.side-pane-nav {
  height: '300px';
  padding: '7px';
  border: '1px';
  margin-top: 10px;
  padding-left: 10px;
}

.participant-profile-side-panel {
  min-height: 612px;
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
  padding-bottom: 143px;
}

.side-pane-nav a {
  background-color: FCF2F8;
}

.side-pane-nav h4 {
  color: #475677;
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.side-pane-nav-item ul li {
  padding: 8px 0px;
  padding-left: 10px;
  transition: all linear 0.3s ease;
  font-weight: 400;
  border-left: 4px solid transparent;
}

.side-pane-nav-item ul li a {
  color: #475677;
  font-size: 15px;
}

.side-pane-nav-item ul li:hover {
  background: #fcf2f8;
  border-left: 4px solid #ec008c;
}
.side-pane-nav-item ul .active {
  background: #fcf2f8;
  border-left: 4px solid #ec008c;
  padding: 8px 0px;
  padding-left: 10px;
  font-weight: bold !important;
}

.side-pane-nav-activity h3 {
  color: #475677;
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.side-pane-nav-activity {
  padding-left: 10px;
  padding-top: 40px;
}

.side-pane-nav-activity-item p {
  float: left;
  color: #475677;
  font-size: 15px;
  font-weight: 400;
}

.side-pane-nav-activity-item p:last-child {
  float: right;
}

/* .side-pane-nav */

/*        side pane      end   */

/*-----------     available courses start    -----------*/

.participant-available-course-list-card-item .card-body {
  height: 320px;
  overflow-y: auto;
}

.available-course-detail-page-item {
  padding-bottom: 50px;
  padding-left: 80px;
}

.nav-tabs {
  box-shadow: 0 0px 10px 1px #ddd;
  background: #ebefff;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  margin-bottom: 20px;
}

.nav-tabs .nav-item:hover {
  cursor: pointer;
}

.nav-tabs li.nav-item a.nav-link {
  line-height: 30px !important;
  font-size: 14px;
  color: #475677;
  font-weight: 500;
}

.nav-tabs li.nav-item .nav-link.active {
  border-color: #ec008c;
  color: #ec008c;
  border-radius: 10px;
}

.tab-content .card {
  box-shadow: 0 0px 10px 1px #ddd;
}

.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.tab-pane .card .card-header .card-title {
  color: #475677;
  font-weight: 500;
  font-size: 16px;
}

.tab-content .tab-pane .form-group label {
  color: #475677;
}

.tab-content-dynamic-header h3 {
  color: #475677;
  font-size: 23px;
  padding-left: 20px;
  padding-top: 30px;
}

.tab-content-dynamic-item {
  margin-bottom: 40px;
}

.tab-content-dynamic-footer .card-footer button {
  border-radius: 7px;
  font-size: 16px !important;
  box-shadow: 0 0px 10px 1px #ddd !important;
}

.tab-content-dynamic-footer .card-footer button:first-child {
  background: #fff;
  color: #475677;
  font-weight: 400;
}

.participant-profile-image-tab img {
  margin: 0 auto;
  height: 150px;
  width: 150px;
}

.participant-profile-image-input {
  text-align: center;
  margin-top: 15px;
}

.tab-pane .card .card-body .form-group {
  margin-bottom: 20px;
}

.asteric {
  color: #ec008c;
  font-size: 16px;
  font-weight: 700;
}

.participant-profile-image-tab {
  margin-top: 20px;
}

.tab-content-dynamic-footer {
  padding-bottom: 40px;
}

.tab-content-dynamic-item .card-body button {
  color: #ec008c;
  border: 1px solid #ec008c;
  padding: 5px 20px;
  font-size: 15px;
  background: none;
  border-radius: 10px;
  margin-right: 10px;
}

.participant-available-course {
  padding-top: 50px;
}

.participant-available-course .card {
  height: auto;
  /* width: 0px; */
}

.participant-available-course h3 {
  margin-left: 10px;
  font-size: 26px;
  color: #475677;
  font-weight: 700;
}

.participant-available-course p {
  margin-left: 10px;
  font-size: 17px;
  font-weight: 400;
  padding-top: 10px;
  color: #475677;
}

.participant-available-course .brac-right-img {
  margin-top: 37px;
  height: 55px;
}

.participant-available-course-search select {
  box-shadow: 0 0px 10px 1px #ddd;
  border: none;
  font-size: 13px;
}

.participant-available-course-top-card-border {
  border-right: 1px solid #c2c2c2 !important;
}

.participant-available-course-top-card-text {
  padding: 18px 30px;
}

.participant-available-course-search h4 {
  color: #475677;
  font-weight: 400;
}

.participant-available-course-search h4 span {
  font-weight: 700;
}

.participant-available-course-top {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
}

.participant-available-course-search button {
  color: #ec008c;
  background: #fff;
  font-weight: 600;
}

.participant-available-course-list-card-item {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
  margin: 5px !important;
}

.participant-available-course img {
  /* width: 100%;
  overflow: hidden;
  
  margin-bottom: -30px;
  margin-top: -30px; */
  /* margin-left: 20px; */
  /* height: 125px;
  width: 146px;  */
}

.participant-available-course-top-card-img {
  text-align: center;
}

.participant-available-course-slider {
  padding-top: 10px;
  padding-bottom: 40px;
}

.available-course-detail-page-banner-text-icon i {
  font-size: 40px;
  font-weight: 600;
  color: #fff;
}

.available-course-detail-page-banner-text-icon {
  text-align: center;
}

.participant-available-course-search {
  /* //width: auto; */
  padding-top: 30px;
}

.available-course-detail-page-banner-text h4 {
}

/* .participant-available-course-search .header-text{
  padding-top: 10px;
} */

.participant-available-course-search button {
  width: 130px;
  border: 1px solid #ec008c;
  font-size: 13px;
  padding: 8px 0px;
}

.participant-available-course-search button:hover {
  color: #fff;
  background: #ec008c;
  transition: all linear 0.3s;
}

.participant-available-course-list-card {
  padding-top: 30px;
}

.participant-available-course-list-card .card {
  margin-left: 1px;
  margin-right: 3px;
}

.participant-available-course-list-card img {
  height: 100%;
  width: 100%;
}

.participant-available-course-list-card-course-name h4 {
  margin-top: 20px;
  font-size: 22px;
  font-weight: 600;
  color: #ec008c;
  text-align: center;
  margin-bottom: 5px;
  /* border-bottom:  2px black; */
}

.participant-available-course-list-card p {
  margin-left: 10px;
  color: #475677;
  font-size: 15px;
}

.participant-available-course-list-card hr {
  margin-left: 2rem;
  margin-right: 2rem;
  /* border: 1px solid #eaeaea; */
  margin-bottom: 0px;
}

.participant-available-course-list-card span {
  margin-left: 10px;
  font-size: 20px;
  color: #475677;
  font-weight: 700;
}

.participant-available-course-list-card ul {
  margin-top: 10px;
  margin-left: 10px;
  font-size: 20px;
  font-weight: 200px;
}

.participant-available-course-list-card ul li {
  margin-top: 10px;
}

.participant-available-course-list-card ul li a {
  color: #475677;
  font-size: 18px;
}

.participant-available-course-list-card ul li a:hover {
  color: #ec008c;
}

.available-course-landing-counter {
  background: #ffffff;
  padding-top: 90px;
  padding-bottom: 90px;
}

.available-course-landing-counter-header {
  text-align: center;
}

.available-course-landing-counter-header h4 {
  color: #475677;
  font-size: 30px;
  font-weight: 600;
}

.available-course-landing-counter-header p {
  color: #475677;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 60px;
}

.available-course-landing-counter .available-course-conter_inner {
  text-align: center;
}

.available-course-conter_inner h2 {
  font-size: 25px;
  padding-top: 10px;
  padding-bottom: 5px;
  color: #ec008c;
  font-weight: 600;
}

.available-course-conter_inner p {
  font-size: 18px;
  color: #475677;
  font-weight: 500;
}

.participant-available-course-icon a i {
  font-size: 40px;
  color: #fff;
}

.participant-available-course-icon {
  text-align: center;
}

a.participant-available-course-search-left-arrow {
  float: left;
  margin-right: 10px;
}

.available-course-detail-page-top a.available-course-detail-page-top-left-icon {
  float: left;
  color: #fff;
  font-size: 27px;
  padding-right: 10px;
}

.teacher-all-course {
  width: 180px;
  box-shadow: 0 0px 10px 1px #ddd;
}
.teacher-all-course .user-course-card-image img {
  height: 25px;
  width: 25px;
}
.teacher-all-course .user-course-card-image h3 {
  font-size: 26px;
  font-weight: 700;
}
.teacher-all-course .user-course-card-image span {
  font-size: 14px;
}
.dashboard-table-header h5 {
  font-size: 15px;
  padding-top: 20px;
  padding-left: 16px;
  font-weight: 600;
  color: #403c3d;
  position: relative;
}
.dashboard-table-header h5::before {
  content: '';
  position: absolute;
  left: 16px;
  bottom: -9px;
  height: 1px;
  width: 3%;
  border-bottom: 3px solid #403c3d;
}
/* .ant-table-thead tr th {
  color: #111111 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
} */
.krmNah {
  background-color: #ec008c !important;
}
.eWjCzc {
  background-color: #ffffff !important;
  box-shadow: none !important;
}
.eWjCzc:hover:enabled,
.eWjCzc:focus:enabled {
  color: #000 !important;
  background-color: none !important;
}
.eAyARa {
  background-color: #ffffff !important;
  color: #000 !important;
  box-shadow: none !important;
}
/* .ant-table-pagination.ant-pagination {
  justify-content: center !important;
} */

.table-export {
  float: right;
  margin-top: -40px;
  color: #ec008c;
  border: 1px solid #ddd;
  padding: 6px 10px;
  border-radius: 5px;
}

@media (min-width: 100px) and (max-width: 767px) {
  .participant-available-course-top-card-border {
    border-right: none !important;
  }
  .participant-available-course-top-card-right-image {
    text-align: center;
  }
}

@media (min-width: 100px) and (max-width: 991px) {
  .participant-available-course-search h4 {
    padding-bottom: 20px;
  }
}

@media (min-width: 100px) and (max-width: 767px) {
  .available-course-conter_inner p {
    padding-bottom: 25px;
  }
}

@media (min-width: 100px) and (max-width: 991px) {
  .available-course-detail-enroll-card .card {
    margin-top: 0px !important;
    margin-right: 0px !important;
  }
}

/* available course ends */

/*----   course detail start-----*/

.available-course-detail-page-banner {
  /* min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px)); */
  background-image: url(../image/participant_details_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 320px;
}

.available-course-detail-page-banner-text {
  padding-top: 50px;
  padding-left: 50px;
}

.available-course-detail-page-banner-text img {
  margin-top: 10px;
}

.available-course-detail-page-banner-text h4 {
  color: white;
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 5px;
}

.available-course-detail-page-banner-text h6 {
  color: yellow;
  font-size: 20px;
  font-weight: 300;
  padding-bottom: 5px;
  padding-left: 23px;
}

.available-course-detail-page-banner-text p {
  color: white;
  font-size: 20px;
  font-weight: 300;
  padding-bottom: 5px;
  padding-left: 23px;
}

.available-course-detail-page-banner-text .course-rating {
  margin-bottom: 20px;
  padding-left: 23px;
}

.course-wishlist {
  margin-left: 23px;
}

.course-rating-star {
  float: left;
  padding-right: 15px;
}

.course-wishlist {
  margin-left: 23px;
}

.course-rating-star {
  float: left;
  padding-right: 15px;
}

.available-course-detail-page-banner-text-details h4 {
  font-size: 25px;
  padding-bottom: 10px;
  font-weight: 500;
}

.available-course-detail-page-banner-text-details h6 {
  color: yellow;
  font-size: 18px;
  padding-bottom: 5px;
}

.available-course-detail-page-banner-text-details p {
  line-height: 25px;
  padding-bottom: 10px;
}

.available-course-detail-page-content h4 {
  font-weight: 700;
  font-size: 25px;
  padding-bottom: 30px;
}

.available-course-detail-page-card {
  text-align: right;
}

.available-course-detail-page-banner-text .course-rating .checked {
  color: yellow;
}

.available-course-detail-page-banner-text .course-rating p {
  margin-left: -70px;
  color: yellow;
  font-size: 15px;
  font-weight: 300;
}

.available-course-detail-page-content {
  padding-top: 20px;
  /* padding-left: 200px; */
}

.available-course-detail-page-content .card {
  margin-right: 6px;
}

.available-course-detail-enroll {
  margin-top: 20px;
  /* margin-left: 40px; */
  text-align: center;
}

.available-course-detail-enroll a {
  padding: 8px 50px;
  background: #ec008c;
  color: #fff !important;
  font-size: 15px;
  border-radius: 50px;
  font-weight: 400;
  transition: all linear 0.3s;
  border: 1px solid #ec008c;
  text-align: center;
  margin-bottom: 25px;
}

.modal-body h5 {
  color: #475677;
  font-weight: 500 !important;
}

.modal-body h2 {
  color: #475677;
  font-weight: 600 !important;
  font-size: 24px;
}

.modal-body h3 {
  color: #475677;
  font-weight: 600 !important;
  font-size: 24px;
}

.course-enroll-confirm-cancel-button button {
  margin-right: 20px;
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 5px;
  border: none;
  padding: 8px 30px;
  font-size: 14px;
}

.modal-body h4 {
  color: #475677;
  font-size: 18px;
  font-weight: 500 !important;
}

.available-course-detail-page-content .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
  margin-top: -190px;
  margin-right: 80px;
}

.available-course-detail-page-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* .available-course-detail-page-img img{
  background: rgba(255, 255, 255, 0.7);
} */

.available-course-detail-page-overlay a i {
  color: #ec008c;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
}

.available-course-detail-page-img {
  position: relative;
}

.available-course-detail-page-content-info {
  padding-left: 25px;
  padding-top: 20px;
  padding-right: 25px;
  color: #475677;
}

.available-course-detail-page-content-info strong {
  color: #475677;
  font-size: 20px;
}

.available-course-detail-page-content .modal-content {
  height: 350px;
  /* width: 600px; */
}

.available-course-detail-page-content .modal .fade {
  opacity: 100%;
}

.available-course-detail-page-content .modal-body {
  max-height: 100%;
  overflow-y: auto;
  text-align: center;
  padding-top: 45px;
}

.available-course-detail-page-content .modal-body h5 {
  font-weight: 200;
  padding-bottom: 5px;
}

.available-course-detail-page-content .modal-body h4 {
  font-weight: 200;
  padding-bottom: 8px;
}

.available-course-detail-page-content .modal-body h3 {
  font-weight: inherit;
  padding-top: 15px;
}

.available-course-detail-page-content .modal-body h2 {
  font-weight: bold;
  color: #ec008c;
  padding-bottom: 5px;
}

.available-course-detail-page-content .modal-body hr {
  margin-top: 15px;
  border: 1px solid;
  color: #d8d8d8;
  margin: 0px 60px 0px 60px;
}

.available-course-detail-page-content .course-enroll-confirm-cancel-button {
  padding-top: 20px;
}

.available-course-detail-page-content
  .course-enroll-confirm-cancel-button
  button {
  margin-right: 20px;
}

.available-course-detail-page-content
  .course-enroll-confirm-cancel-button
  .enroll {
  background-color: #ec008c;
  border: 1px solid #ec008c;
}

.sweet-alert-button {
  color: #f8f4f6;
  background-color: #ec008c;
  margin-left: 10px;
}

/* .sweet-alert-button :hover{
  pointer-events: none;
} */

.swal-button:not([disabled]):hover {
  background-color: #ec008c;
}

.swal-footer {
  width: 100%;
  text-align: center;
  padding-top: -40px;
  margin-top: 9px;
  margin-right: 152px;
  padding: -1px 166px;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.participant-enroll-card {
  text-align: right;
}

.participant-enroll-video {
  margin-bottom: 10px;
}

.participant-enroll-price {
  text-align: center;
}

/*----   course detail end-----*/

/*-----------     available courses end    -----------*/

.dropdown-content .panel-content .select-panel label {
  text-align: left;
  /* display: none; */
}

@media (min-width: 100px) and (max-width: 392px) {
  .tab-content-dynamic-footer .card-footer button:nth-child(1) {
    margin-bottom: 10px;
  }
  .tab-content-dynamic-item .card-body button.dynamic-form-add {
    margin-top: 10px;
  }
}

@media (min-width: 100px) and (max-width: 767px) {
  .participant-profile-employment-to-date {
    margin-top: 10px;
  }
}

/* participant profile css ends */

/* participant my courses css starts */

.participant-my-course-filter {
  padding-top: 40px;
}

.participant-my-course-filter select {
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #ec008c;
}

.participant-my-course-filter label {
  font-size: 13px;
  color: #475677;
}

.participant-my-course-label-transparent label {
  color: transparent;
}

.participant-my-course-reset a {
  color: #ec008c;
  font-size: 15px;
  line-height: 44px;
  font-weight: 500;
}

.participant-my-course-search input {
  width: 98%;
  float: left;
  border: 1px solid #ec008c;
}

@media (min-width: 768px) and (max-width: 991px) {
  .participant-my-course-search input {
    width: 90%;
    float: left;
    border: 1px solid #ec008c;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .participant-my-course-search input {
    width: 98%;
    float: left;
    border: 1px solid #ec008c;
  }
}

.participant-my-course-search {
  margin-top: 30px;
}

.participant-my-course-search button {
  margin-left: -35px;
  color: #ec008c;
}

.participant-my-course-card-header h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
}

.participant-my-course-card-header h2 span {
  font-weight: 700;
}

.participant-my-course-card-header {
  margin-top: 40px;
  margin-bottom: 30px;
}

.participant-my-course-item-content .progress {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.participant-my-course-item-text p {
  color: #475677;
  font-weight: 400;
}

.participant-my-course-card {
  margin-bottom: 50px;
}

.participant-accordion-schedule-item p:nth-child(2) {
  float: left;
}

.participant-accordion-schedule-item a {
  float: right;
  color: #ff0022;
  margin-top: -25px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 12px !important;
  padding: 2px 11px;
  transition: all linear 0.3s;
  line-height: 24px;
  border: 2px solid #ff0022;
}
.participant-accordion-schedule-item a i {
  color: #ff0022;
  font-size: 19px;
}
.participant-accordion-schedule-item .assesment-start a {
  float: right;
  color: #71bc5f;
  margin-top: -25px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 12px !important;
  padding: 2px 16px;
  transition: all linear 0.3s;
  line-height: 24px;
  border: 2px solid #71bc5f;
}
.participant-accordion-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-bottom: 0px !important;
  margin-top: 15px !important;
}
.participant-accordion-content .participant-accordion-schedule-title {
  padding-top: 10px;
}
.participant-accordion-schedule .content-source a {
  font-size: 15px;
  font-weight: 600;
  color: #05252f;
}
.participant-accordion-schedule .content-source .content-link {
  float: right;
  border: 1px solid #1872f9;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 5px;
}
.participant-accordion-schedule .content-source .content-download {
  float: right;
  border: 1px solid #1872f9;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 5px;
}
.participant-accordion-schedule .content-source .content-download a {
  color: #1872f9;
}
.participant-accordion-schedule .content-source .content-link a {
  color: #1872f9;
}
.participant-accordion-schedule-item a i:hover {
  color: #fff;
}
.participant-accordion-assignment-upload {
  float: right;
}

.participant-accordion-assignment-upload .custom-file {
  width: 300px;
  color: #007bff;
}

.participant-accordion-assignment-upload .custom-file-input {
  border: 1px solid transparent !important;
  box-shadow: 0 0px 10px 1px #ddd;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 24px;
}

.participant-accordion-assignment-upload .custom-file input[type='submit'] {
  float: right;
  color: #fff;
  margin-top: 1px;
  font-weight: 500;
  font-size: 12px !important;
  padding: 7px 20px;
  border: 1px solid #ce0f81;
  background: #ec008c;
  transition: all linear 0.3s;
}

.participant-accordion-assignment-upload .custom-file input[type='button'] {
  float: right;
  color: #007bff;
  margin-top: -25px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 12px !important;
  padding: 6px 20px;
  border: 1px solid #007bff;
  background: #fff;
  transition: all linear 0.3s;
}

a.participant-my-course-view-result {
  margin-left: 5px;
}

.participant-assignment-custom-section {
  position: relative;
}

.participant-assignment-custom-section-form {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}

.participant-accordion-schedule-additional-li:last-child {
  margin-bottom: 0px;
}

/* participant my courses css ends */

/* participant my course detail start */

.course-detail-content-top-button {
  position: absolute;
  left: 0;
}

.course-detail-content-top {
  position: relative;
}

.training_progress_bar {
  padding-left: 100px;
  padding-right: 100px;
}

.training_progress_bar .RSPBprogression {
  /* background: #88cc2a !important; */
  /* width: 100% !important; */
}

.participant-course-progress-bar-progress-status {
  position: relative;
}
.progress-bar-start {
  background: #d5001b;
}
.participant-course-progress-bar-progress-status h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #1c9400;
}
.participant-course-progress-bar-progress-status h3 {
  color: #fff;
  font-size: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 15px;
  width: 15px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #1c9400;
  left: 35%;
}

/* zoom custom UI css starts */

/* prev css starts */

/* #zmmtg-root {
  width: 1120px !important;
  height: 75% !important;
  background-color: #2E3032 !important;
  left: 50%!important;
  transform: translateX(-50%)!important;
  top: 155px!important;
}

.meeting-app {
    width: 600px !important;
    height: 600px !important;
}

.meeting-client,
.meeting-client-inner,
.root-inner {
    width: 1120px!important;
    height: 100% !important;
}

.join-dialog {
    width: 300px !important;
    height: 100%!important;
}
.gallery-video-container__wrap canvas.gallery-video-container__canvas{
  height: 500px!important;
  width: 100%!important;
} */

/* prev css ends */

/* new css starts */

/* .suspension-window {
    transform: translate(-444px, 10px) !important;
}

#zmmtg-root {
    margin-top: -24px;
}

#zmmtg-root,
.meeting-client,
.meeting-client-inner {
    width: 1120px!important;
    height: 500px!important;
    position: relative!important;
}

#dialog-join {
    width: 1120px !important;
}

#dialog-invite {
    display: none!important;
}

.join-dialog {
    width: 1103px!important;
}

#wc-footer span {
    color: #fff!important;
}

#wc-container-left {
    width: 850px!important;
}

#wc-container-right {
    width: 253px!important;
    height: 657px!important;
}

.ReactVirtualized__List.chat-virtualized-list {
    height: 460px!important;
}

#wc-footer {
    width: 1120px!important;
}

.speaker-bar-container__horizontal-view-wrap {
    background: #000!important;
}

.ReactVirtualized__Grid__innerScrollContainer {
    max-width: 260px!important;
}

.ReactVirtualized__List {
    width: 260px!important;
}

.main-layout {
    height: 259px!important;
    margin-left: 320px!important;
}

#wc-content {
    height: 709px!important;
    overflow-y: scroll!important;
}

.live-online-class-content {
    padding-left: 0px!important;
}

.chat-container__chat-list {
    height: 505px!important;
}

.full-screen-icon {
    right: 9px!important;
}

.gallery-video-container__wrap {
    height: 856px!important;
}

.speaker-view__canvas {
    margin-left: -128px!important;
}

.speaker-view {
    background: #000!important;
}

.speaker-active-container__video-frame {
    margin-left: -130px!important;
}

.gallery-video-container__video-frame {
    height: 638px!important;
}
.chat-message-text{
  width: 210px!important;
} */

/* new css ends */

/* test css starts */

#zmmtg-root,
.meeting-client,
.meeting-client-inner {
  width: 1120px !important;
  height: 500px !important;
  position: relative !important;
}

#wc-footer {
  bottom: auto !important;
  width: 1120px !important;
}

#dialog-join {
  width: 1120px !important;
}

.join-dialog {
  width: 1120px !important;
}

#sv-active-video,
.active-main,
#sv-active-speaker-view,
.main-layout {
  height: 500px !important;
  width: 1120px !important;
}

.suspension-window {
  transform: translate(-444px, 10px) !important;
}

#dialog-invite {
  display: none !important;
}

#zmmtg-root {
  margin-top: -24px !important;
}

.live-online-class-content {
  padding-left: 0px !important;
}

#wc-container-right {
  margin-top: -457px !important;
  float: right !important;
}

#wc-footer span {
  color: #fff !important;
}

#wc-footer {
  position: absolute;
  /* bottom: -209px!important; */
  bottom: -218px !important;
}

#sv-active-video,
.active-main,
#sv-active-speaker-view,
.main-layout {
  height: 70px !important;
  width: 1120px !important;
}

#wc-content {
  overflow-y: scroll !important;
}

.ReactVirtualized__List.chat-virtualized-list {
  height: 464px !important;
}

.chat-message-text {
  width: 340px !important;
}

/* .speaker-active-container__video-frame{
    left: 50%!important;
    transform: translateX(-63.5%)!important;
} */

.speaker-view__canvas {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.speaker-active-container__video-frame {
  left: 73px !important;
}

.speaker-bar-container__video-frame {
  left: 447px !important;
}

/* .video-avatar__avatar-footer{
    bottom: 70px!important;
    left: 30px!important;
} */

#zmmtg-root {
  display: none;
}

.zoom-display {
  display: block !important;
}

.gallery-video-container__video-frame {
  transform: translate(130px, -662px) !important;
}

/* test css ends */

/* zoom custom UI css ends */

.participant-course-progress-bar-progress-status p {
  color: #505869;
  font-size: 15px;
  margin-top: 90px;
  font-weight: 500 !important;
}

.participant-course-progress-bar-progress-complete p {
  margin-top: 20px !important;
}

.progress_bar_item h2 {
  color: #000;
  font-size: 16px;
}

.progress_bar_item p {
  color: #fff;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #88cc2a;
  font-size: 12px;
  font-weight: 700;
  margin: 0px;
}

.RSPBprogressBar {
  height: 8px !important;
}
.training_details_tab {
  background-color: #f1f1f1;
}
.training_details_tab .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #f1f1f1 !important;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
  background: none !important;
}
.training_details_tab .nav-tabs .nav-link {
  color: #000;
  border: none;
}

.training_details_tab .nav-tabs .nav-link.active {
  font-weight: 600;
  position: relative;
  color: #ec008c;
}

.training_details_tab .nav-tabs .nav-link.active::after {
  content: '';
  display: block;
  width: 122px;
  height: 4px;
  background: #ec008c;
  position: absolute;
  bottom: -7px;
  right: 30px;
  transform: translateX(-72%);
}

.participant-accordion-item-content i {
  color: #fff;
  padding: 12px;
  background: #88cc2a;
  border-radius: 50%;
  margin-right: 25px;
  float: left;
}

.participant-accordion-item-training i {
  color: #e2e2e2;
  padding: 10px;
  background: #e2e2e2;
  border-radius: 50%;
  margin-right: 25px;
  float: left;
  border: 1px solid #ff0022;
  border-radius: 50%;
}

.participant-accordion-item-content p {
  float: left;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  font-weight: 600;
}

.participant-accordion-item-content h3 {
  float: right;
  font-size: 16px;
  line-height: 42px;
  color: #000;
  padding-right: 20px;
}

.participant-my-course-accordion-item .MuiSvgIcon-root {
  color: #000 !important;
}

.participant-my-course-accordion-item {
  margin-bottom: 30px;
}

.participant-my-course-accordion-item .MuiPaper-root {
  /* box-shadow: 0 0px 10px 1px #ddd; */
  margin-bottom: 5px;
  border-radius: 10px;
}

.participant-accordion-inner-item {
  text-align: left;
}

.participant-accordion-topic label {
  font-size: 18px;
  font-weight: 600 !important;
  padding-right: 20px;
  padding-left: 20px;
}
.participant-accordion-topic h3 {
  font-size: 20px;
  font-weight: 600 !important;
  padding-right: 20px;
  padding-left: 20px;
}

.participant-accordion-topic h2 {
  font-size: 16px;
  padding-bottom: 10px;
  line-height: 10px;
}

.participant-accordion-topic p {
  font-size: 16px;
}

.participant-accordion-topic {
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 20px;
  word-break: break-all;
  border: 1px solid #ddd;
}
.participant-accordion-training {
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 20px;
  word-break: break-all;
  /* border: 1px solid #ddd; */
}
.participant-accordion-training h3 {
  font-size: 27px;
  font-weight: 600;
}
.participant-accordion-training label {
  font-size: 18px;
}

.participant-accordion-schedule i {
  float: left;
  line-height: 25px;
  padding-right: 10px;
}

.participant-accordion-schedule-item {
  padding-left: 25px;
}

.participant-accordion-schedule p:first-child {
  font-size: 18px;
  font-weight: 600;
}

.participant-accordion-schedule-paragraph {
  /* padding-bottom: 0px !important; */
}

.participant-accordion-schedule-item p {
  font-size: 15px;
}

.participant-accordion-resource {
  font-size: 15px;
}

.participant-accordion-resource .participant-accordion-schedule-item {
  /* margin-bottom: 10px; */
}

.participant-accordion-resource .participant-accordion-schedule-item ul li {
  text-decoration: underline;
  font-weight: 600;
  margin-bottom: 20px;
}

.participant-accordion-schedule-additional-ul {
  margin-top: 25px;
}

.participant-accordion-schedule-additional-li {
  margin-bottom: 30px;
}

.participant-accordion-schedule-additional-li a {
  float: left !important;
}

.participant-my-course-accordion-item .MuiTypography-root {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.participant-my-course-accordion-item .MuiAccordionSummary-root {
  background: #e2e2e2;
  padding-top: 10px;
}

.MuiPaper-root .MuiAccordionSummary-content {
  display: block !important;
  margin: 0px !important;
}

.training_details_overview_card {
  /* background-image: url(../image/profile_bg.png); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 3px 74px;
  min-height: 270px;
}

.course-detail-content-top {
  text-align: center;
}

.course-detail-content-top h2 {
  padding-top: 30px;
  color: #000;
  font-size: 26px;
  font-weight: 700;
}

.course-detail-content-top h4 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  padding-right: 50px;
}

.course-detail-content-top p {
  padding-top: 5px;
  color: #000;
  font-weight: 400;
  font-size: 18px;
  padding-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

.course-detail-content-top a {
  float: left;
  padding: 4px;
  color: #ec008c;
  background: transparent;
  transition: all linear 0.3s;
  margin-top: 25px;
  width: 90px;
  font-size: 25px;
}
.my-course-content .accordion-header {
  background-color: #475677;
}

.my-course-content .header-course-content h6 {
  color: #fff;
  line-height: 32px;
}

.header-course-content {
  display: inline-block;
}

.header-course-content p {
  color: #fff;
  line-height: 32px;
  float: right;
}

.my-course-accordion-inner-item .my-course-accordion-inner-item-box {
  background-color: #f6faff;
}

.my-course-accordion-inner-item .my-course-accordion-inner-item-box h3 p {
  text-align: left !important;
}

.my-course-accordion-inner-item-box-item {
  margin-top: 15px;
  font-weight: bold;
}

.course-wishlist button {
  color: white;
  padding: 5px 30px;
  border: 1px solid #fff;
  font-size: 14px;
  border-radius: 25px;
  background-color: transparent;
}

.course-wishlist button i {
  color: yellow;
  padding-right: 5px;
}

.participant-accordion-disable {
  color: #ddd;
}

.participant-accordion-schedule-title {
  color: #000000;
  padding-left: 25px;
}
.participant-accordion-inner-item
  .participant-accordion-schedule-item
  .participant-accordion-schedule-paragraph {
  font-size: 14px;
  font-weight: 700;
}
.participant-accordion-inner-item
  .participant-accordion-schedule-item
  .live-class-session {
  /* padding-top: 2px !important; */
}
.participant-accordion-schedule {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.participant-accordion-schedule:last-child {
  /* border-bottom: none; */
}

.participant-accordion-schedule i {
  color: #afafaf;
}

.participant-accordion-schedule-additional {
  padding-bottom: 20px;
}

.participant-accordion-schedule-item ul li button {
  background: #fff !important;
  color: #007bff;
  float: none;
  border: none;
  font-size: 12px !important;
  float: right;
  border: 1px solid #007bff;
  padding: 5px 15px;
  margin-top: -25px;
  transition: all linear 0.3s;
}

.participant-accordion-schedule-item
  ul
  li
  button:hover
  .participant-accordion-schedule-item
  ul
  li
  a {
  /* float: none;
    border: none;
    font-size: 15px!important;
    padding-left: 0px;
    text-decoration: underline; */
  float: none;
  border: none;
  font-size: 12px !important;
  float: right;
  border: 1px solid;
  padding: 5px 15px;
}

.participant-accordion-schedule-item ul li {
  padding-bottom: 5px;
}

.participant-accordion-schedule-additional ul {
  padding-top: 5px;
  float: left;
}

.participant-my-course-daywise-tag {
  float: right;
}

.participant-my-course-daywise-tag i {
  color: #fff;
  background: none;
  font-size: 20px;
  padding: 10px;
  border: 1px solid #fff;
  transition: all linear 0.3s;
}
.user-title {
  position: relative;
}
.user-title h2 {
  margin-top: 20px;
}
.user-title:before {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 7px;
  height: 1px;
  width: 18%;
  border-bottom: 3px solid #d5001b;
}
.participant-my-course-daywise-tag i:hover {
  color: #ec008c;
  background: #fff;
}

/*   participant my course detail end  */

/* participant my course details forum starts */

.participant-discussuin-forum {
  padding-top: 30px;
  padding-bottom: 30px;
}

.participant-discussuin-forum-create button.participant-discussuin-modal {
  color: #fff;
  background: #ec008c;
  padding: 11px 35px;
  border: 1px solid #ec008c;
  border-radius: 10px;
  font-weight: 500;
  font-size: 18px;
}

.participant-discussuin-forum-create {
  margin-bottom: 40px;
}

.participant-discussuin-forum-item .card {
  padding: 20px 30px;
}

.participant-discussuin-forum-item-title h2 {
  font-size: 20px;
  padding-bottom: 15px;
  font-weight: 700;
}

.participant-discussuin-forum-item-icon i {
  float: left;
  padding-right: 10px;
}

.participant-discussuin-forum-item-icon i,
.participant-discussuin-forum-item-icon p {
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  color: #989691;
}

.participant-discussuin-forum-main-discussion p {
  font-size: 16px;
  padding-top: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #373636;
}

.participant-discussuin-forum-read-more a {
  color: #ec008c;
  font-size: 16px;
  font-weight: 600;
}

.participant-discussuin-forum-item {
  margin-bottom: 15px;
}

.participant-create-discussion-modal-item label {
  padding-left: 10px !important;
}

.participant-create-discussion-modal-item .modal-dialog {
  min-width: 720px;
}

.participant-create-discussion-editor .ck.ck-editor {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.participant-create-discussion-editor
  .ck.ck-editor__main
  > .ck-editor__editable {
  min-height: 200px;
}

button.participant-create-discussion-modal-submit {
  background: #ec008c !important;
}

.participant-create-discussion-modal-item .modal-header {
  background: #475677;
  color: #fff;
}

.participant-create-discussion-modal-item .modal-header button span {
  color: #fff;
}

.participant-survey-question-button {
  float: none !important;
}

/* participant my course details forum ends */

/* participant discussion details css starts */

.participant-forum-discussion-details {
  padding-bottom: 30px;
}

.participant-forum-discussion-details-header a:first-child {
  float: left;
  color: #fff;
  font-size: 13px;
  padding: 6px 20px;
  border: 1px solid #fff;
  border-radius: 25px;
  margin-left: 15px;
  transition: all linear 0.3s;
}

.participant-forum-discussion-details-header {
  padding-top: 10px;
  padding-bottom: 10px;
}

.participant-forum-discussion-details-header a:first-child i {
  padding-right: 5px;
}

.participant-forum-discussion-details-header button {
  float: right;
  color: #fff;
  font-size: 13px;
  padding: 6px 20px;
  border: 1px solid #ec008c;
  border-radius: 25px;
  background: #ec008c;
  margin-right: 15px;
}

.participant-forum-discussion-details-header {
  background: #475677;
}

.participant-forum-discussion-details-title h2 {
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: 700;
  color: #000000;
}

.participant-forum-discussion-details-title ul li {
  float: left;
  margin-right: 15px;
}

.participant-forum-discussion-details-title ul li:first-child a {
  color: #ec008c;
}

.participant-forum-discussion-details-title ul li a {
  font-size: 14px;
  font-weight: 500;
}

.participant-forum-discussion-details-title ul {
  padding-bottom: 20px;
}

.participant-forum-discussion-details-user img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin-top: 40px;
  box-shadow: 0 0px 10px 1px #ddd;
}

.participant-forum-discussion-details-content h4 {
  padding-top: 40px;
  font-size: 16px;
  font-weight: 700;
}

.participant-forum-discussion-details-content h4 span {
  color: #c7c7c7;
  font-size: 12px;
  font-weight: 700;
  padding-left: 5px;
}

.participant-forum-discussion-details-content p {
  padding-top: 10px;
  font-size: 15px;
  color: #475677;
  font-weight: 400;
  line-height: 25px;
}

.participant-forum-discussion-details-comment textarea {
  margin-top: 35px;
  min-height: 100px;
}

.participant-forum-discussion-details-comment button {
  color: #fff;
  background: #ec008c;
  border: 1px solid #ec008c;
  font-size: 14px;
  margin-left: 8px;
  font-weight: 500;
  border-radius: 25px;
  padding: 6px 19px;
}

.participant-forum-discussion-details-comment-avatar img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  box-shadow: 0 0px 10px 1px #ddd;
  margin-top: 4px;
}

.participant-forum-discussion-details-comment-list h5 {
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 25px;
  font-weight: 600;
}

.participant-forum-discussion-details-comment-list h4 {
  font-size: 15px;
  font-weight: 700;
}

.participant-forum-discussion-details-comment-avatar {
  text-align: center;
}

.participant-forum-discussion-details-comment-list p {
  font-size: 15px;
  color: #475677;
}

.participant-forum-discussion-details-comment-list a {
  color: #ec008c;
  font-size: 15px;
  font-weight: 500;
}

/* .participant-forum-discussion-details-comment-edit{
    margin-top: 10px;
} */

.participant-forum-discussion-details-comment-list-item {
  margin-bottom: 15px;
}

.participant-forum-discussion-details-comment-edit {
  text-align: center;
}

.participant-forum-discussion-details-comment-edit button {
  color: #ec008c;
  font-size: 15px;
  font-weight: 500;
  border: none;
  background: transparent;
}

.participant-forum-discussion-details button.close {
  background: transparent;
  border: none;
}

.participant-forum-discussion-details button.close span {
  font-size: 25px;
}

.participant-forum-discussion-details-title ul li:last-child button {
  color: #475677;
  border: none;
  background: none;
  font-weight: 500;
}

.participant-forum-discussion-details-title
  button.participant-edit-discussion-modal {
  color: #475677;
  border: none;
  background: none;
  font-weight: 500;
}

.participant-edit-comment input {
  min-height: 50px;
}

p.discussion-comment-datetime {
  color: #c7c7c7;
  font-size: 13px;
  margin-top: 5px;
  font-weight: 600;
}

/* participant discussion details css ends */

/* participant my course file css starts */

.participant-accordion-file-topic h2 {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 5px;
}

.participant-accordion-file-topic p {
  font-size: 16px;
  padding-bottom: 20px;
}

.participant-accordion-file-close a {
  padding: 7px 25px;
  background: #ec008c;
  color: #fff;
  border: 1px solid #ec008c;
  border-radius: 25px;
  font-size: 15px;
}

.participant-accordion-file-close {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 40px;
}

.participant-accordion-file {
  padding-top: 25px;
}

.participant-my-course-file-item .MuiCollapse-wrapper {
  background: #ebf3ff;
}

.participant-accordion-file-content {
  padding-bottom: 30px;
}

.participant-accordion-file-content iframe {
  min-height: 600px;
}

.participant-accordion-schedule-item p span {
  font-weight: 600;
}

.participant-accordion-schedule-item p {
  font-size: 14px;
  word-break: break-all;
}

.participant-accordion-schedule-item span {
  font-size: 14px;
  word-break: break-all;
}

.participant-accordion-schedule-item
  span.participant-my-course-not-started-yet-button {
  float: right;
  color: #7a8fa4;
  margin-top: -25px;
  font-weight: 500;
  font-size: 12px !important;
  padding: 6px 20px;
}

.trainer-participant-question-common-item h4 {
  float: right;
  padding-right: 5px;
  font-weight: 500;
  color: #ec008c;
}

/* participant my course file css ends */

/* participant my wishlist css starts */

.my-wishlist .landing-training-slider {
  background: #fff;
}

.my-wishlist {
  margin-top: 10px;
}

.my-wishlist .landing-training-slider-top {
  padding-top: 0px;
}

.my-wishlist .landing-training-slider {
  padding-top: 30px;
}

/* participant my wishlist css ends */

/* participant my quiz css starts */

.participant-my-quiz {
  background-image: url(../image/participant_details_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 160px;
}

.participant-my-quiz-header {
  text-align: center;
}

.participant-my-quiz-header h2 {
  font-size: 25px;
  color: #fff;
  font-weight: 500;
  padding-bottom: 5px;
  padding-top: 50px;
}

.participant-my-quiz-header p {
  font-size: 18px;
  font-weight: 400;
  color: yellow;
}

.participant-my-quiz-header a {
  position: absolute;
  left: 0;
  top: 50px;
  padding: 4px 20px;
  color: #fff;
  background: transparent;
  border-radius: 25px;
  border: 1px solid #fff;
  font-size: 15px;
  transition: all linear 0.3s;
}

p.hidden-text {
  visibility: hidden;
}

p.hidden-text {
  visibility: hidden;
}

.participant-my-quiz-header a i {
  padding-right: 5px;
}

.participant-my-quiz-header {
  position: relative;
}

.participant-my-quiz-item-header {
  text-align: center;
}

.participant-my-quiz-item-header h3 {
  font-size: 18px;
  color: #ec008c;
  padding-top: 30px;
  font-weight: 700;
  padding-bottom: 5px;
}

.participant-my-quiz-item-header p {
  font-size: 35px;
  padding-bottom: 40px;
  color: #475677;
}

.participant-my-quiz-serial p:last-child {
  float: right;
  color: #ec008c;
}

.participant-my-quiz-serial p:first-child {
  color: #475677;
  float: left;
}

.participant-my-quiz-serial p {
  font-size: 23px;
}

.participant-my-quiz-serial p span {
  font-weight: 600;
}

.participant-my-quiz-serial {
  padding-bottom: 15px;
}

.participant-my-quiz-question p {
  font-size: 20px;
  color: #475677;
  /* padding-bottom: 20px; */
}

.participant-my-quiz-question h6 {
  color: #475677;
  font-weight: 600;
  font-size: 23px;
  padding-bottom: 15px;
}

.participant-my-quiz-mcq {
  /* padding-top: 50px; */
}

.participant-my-quiz-form {
  padding-bottom: 50px;
}

.participant-my-quiz-form-item {
  padding-bottom: 5px;
}

.participant-my-quiz-submit {
  text-align: center;
}
.participant-my-quiz-submit .btn-custom-reset {
  background: #ffffff;
  color: #ec008c;
  padding: 6px 23px;
  border-radius: 10px;
  font-size: 17px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
  margin: 0px 11px;
}

.btn-custom-reset:hover {
  color: #fff !important;
  background: #ec008c !important;
  border: 1px solid #ec008c !important;
}
.participant-my-quiz-submit button {
  background: #ec008c;
  color: #fff;
  padding: 7px 27px;
  border-radius: 10px;
  font-size: 17px;
  border: 1px solid #ec008c;
}
.assessment-submit .btn-custom-hover {
  background: #ec008c !important;
  color: #ffffff !important;
  padding: 8px 20px !important;
  border: none !important;
  border-radius: 10px !important;
}

.participant-my-quiz-answer input[type='radio'] {
  width: 20px;
  height: 20px;
  margin-top: 6px;
  margin-right: 20px;
}

.participant-my-quiz-option input {
  float: left;
}
.participant-my-quiz-option textarea {
  width: 100%;
  height: 100px;
  padding: 11px;
  font-size: 13px;
}
.participant-my-quiz-answer input[type='radio']:before {
  width: 53%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

.participant-my-quiz-option p {
  font-size: 20px;
  color: #475677;
}

.participant-my-quiz-option {
  padding-bottom: 15px;
}

.trainer-participant-details-img {
  text-align: center;
}

.trainer-participant-details-table .card .card-body {
  overflow: auto;
}

@media (min-width: 100px) and (max-width: 991px) {
  .trainer-participant-form {
    text-align: left !important;
    line-height: 80px !important;
  }
  .trainer-participant-info h3 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 100px) and (max-width: 767px) {
  .trainer-participant-details-status {
    padding-top: 15px;
  }
  .trainer-participant-details-img {
    text-align: left;
    margin-bottom: 20px;
  }
}

@media (min-width: 100px) and (max-width: 575px) {
  .trainer-participant-form select {
    margin-left: 0px !important;
    margin-bottom: 10px;
  }
}

/* participant my quiz css ends */

/* participant my result css starts */

.participant-my-result .participant-my-quiz-item-header p {
  padding-bottom: 0px;
}

.participant-my-result .participant-my-quiz-item-header p:last-child {
  font-size: 18px;
  padding-bottom: 30px;
}

.participant-my-question-descriptive {
  height: 800px;
  overflow-y: scroll;
  margin-bottom: 50px;
}

.participant-my-question-descriptive-question p {
  font-size: 23px;
}

.participant-my-question-descriptive-question p:first-child {
  float: left;
  color: #475677;
  font-weight: 400;
}

.participant-my-question-descriptive-question p:first-child span {
  font-weight: 700;
}

.participant-my-question-descriptive-question p:last-child {
  float: right;
  padding-right: 5px;
  font-weight: 500;
  color: #ec008c;
}

.participant-my-question-descriptive-content p {
  color: #475677;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.participant-my-question-descriptive-content h2 {
  color: #475677;
  font-size: 23px;
}

.participant-my-question-descriptive-content {
  padding-bottom: 20px;
}

.participant-my-question-descriptive-answer .card {
  margin-right: 5px;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 5px;
}

.participant-my-question-descriptive-answer .card p {
  color: #9294a7;
}

.participant-my-question-descriptive-item {
  padding-bottom: 30px;
}

.participant-my-question-mcq-answer
  .participant-my-quiz-answer
  .participant-my-quiz-option
  p {
  float: left;
}

/* participant my result css ends */

/* participant my certificate css starts */

.participant-achievement-header img {
  float: left;
  margin-top: 6px;
  margin-right: 10px;
}

.participant-achievement-header a {
  float: left;
}

.participant-achievement-header {
  padding-top: 40px;
  padding-bottom: 30px;
}

.participant-achievement-header h4 {
  color: #475677;
  font-weight: 400;
  font-size: 27px;
}

.participant-achievement-header h4 span {
  font-weight: 700;
}

.participant-achievement-item .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
  padding: 15px 20px;
}

.participant-achievement-item-training h2 {
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 5px;
}

.participant-achievement-item-training-name h2 {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 15px;
}

.participant-achievement-item-training-name p {
  color: #2f9d16;
  padding: 5px 32px;
  border: 1px solid #2f9d16;
  border-radius: 25px;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  transition: all linear 0.3s;
}

.participant-achievement-item-training-linkedin {
  float: right;
}

.participant-achievement-item-training-linkedin a {
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #0077b7;
  color: #0077b7;
  padding: 8px 12px;
  border-radius: 5px;
  transition: all linear 0.3s;
}

.participant-achievement-item-training-linkedin a:hover {
  background: #0077b7;
  color: #fff;
}

.participant-achievement-item-training-linkedin a i {
  font-size: 15px;
  font-weight: 500;
  padding-right: 5px;
}

.participant-achievement-item-training-linkedin {
  margin-top: 25px;
}

.participant-achievement-item-footer {
  border-top: 1px solid #989898;
  padding-top: 20px;
}

.participant-achievement-item-training-name {
  margin-bottom: 40px;
}

.participant-achievement-item-footer-date p {
  font-size: 15px;
  font-weight: 500;
}

.participant-achievement-item-footer-certificate a {
  font-size: 15px;
  font-weight: 500;
  color: #ec008c;
  float: right;
}

.participant-achievement {
  padding-bottom: 30px;
}

.participant-achievement-item {
  padding-bottom: 10px;
}

.participant-my-certificate .participant-achievement-header h4 {
  font-size: 25px;
  float: left;
}

.participant-my-certificate .participant-achievement-header a:last-child {
  float: right;
  padding: 7px 30px;
  color: #fff;
  background: #ec008c;
  border-radius: 25px;
  font-weight: 400;
  transition: all linear 0.3s;
  border: 1px solid #ec008c;
  font-size: 15px;
}

.participant-my-certificate .participant-achievement-header a:last-child:hover {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
}

.participant-my-certificate .participant-achievement-header a:first-child {
  float: left;
}

.participant-my-certificate .participant-achievement-header {
  margin-bottom: 30px;
}

.participant-certificate-item {
  padding-bottom: 50px;
}

.participant-certificate-item {
  position: relative;
}

.certificate-header {
  text-align: center;
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.certificate-header h2 {
  font-size: 55px;
  color: #fff;
  font-weight: 500;
}

.certificate-header p {
  color: #fff;
  font-weight: 300;
  font-size: 25px;
}

.certificate-footer {
  text-align: center;
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
}

.certificate-footer p:first-child {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.certificate-footer p.certificate-footer-second-child {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  padding-top: 10px;
}

.certificate-footer h2 {
  font-size: 55px;
  font-family: 'Playball', cursive;
}

.certificate-footer h3 {
  color: #ec008c;
  font-size: 22px;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
}

.certificate-footer p.certificate-footer-last-child {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.certificate-serial {
  position: absolute;
  top: 5%;
  right: 5%;
}

.certificate-serial p {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.participant-my-certificate iframe {
  min-height: 600px;
  border-radius: 10px;
}

.participant-my-certificate {
  margin-bottom: 50px;
}

/* participant my certificate css ends */

/* Not Found Page css starts */

#not-found {
  display: table;
  width: 100%;
  height: 100vh;
  text-align: center;
}

.fof {
  display: table-cell;
  vertical-align: middle;
}

.fof h1 {
  color: #888;
  font-size: 50px;
  display: inline-block;
  padding-right: 12px;
  animation: type 0.5s alternate infinite;
}

@keyframes type {
  from {
    box-shadow: inset -3px 0px 0px #888;
  }
  to {
    box-shadow: inset -3px 0px 0px transparent;
  }
}

/* Not Found Page css ends */

/* admin dashboard css starts */

@media (min-width: 768px) {
  body:not(.sidebar-mini-md) .content-wrapper,
  body:not(.sidebar-mini-md) .main-footer,
  body:not(.sidebar-mini-md) .main-header {
    margin-left: 0px;
  }
}

.content-wrapper {
  background: #f9f9f9;
}

.content-wrapper .container {
  min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
}

.content-wrapper .container .admin-dashboard-distance {
  padding-top: 30px;
}

.admin-dashboard .admin-dashboard-welcome h2 {
  font-size: 30px;
  font-weight: 300;
  color: #fff;
}

.admin-dashboard .admin-dashboard-welcome {
  background: rgb(237, 4, 126);
  background: linear-gradient(
    180deg,
    rgba(237, 4, 126, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 15px;
}

.admin-dashboard .admin-dashboard-welcome h2 span {
  font-weight: 600;
}

.admin-dashboard .admin-dashboard-welcome p {
  font-weight: 300;
  color: #fff;
  font-size: 15px;
  padding-top: 5px;
}

/* admin dashboard css ends */

/* admin training management css starts */

.admin-training-details-modal .modal-dialog {
  max-width: 800px;
}

.modal-body label {
  padding-right: 20px;
  padding-left: 20px;
}

.modal-body .form-group {
  padding-left: 0px;
}

.modal-body .form-row .form-group {
  padding-left: 5px;
}

.admin-training-details-img img {
  height: 154px;
  margin-left: 20px;
}

.admin-training-details-img video {
  height: 150px;
}

.admin-training-details-resource ul li a {
  text-decoration: underline;
  color: #4c4c4c;
  margin-right: 10px;
}

.admin-training-details-day-label {
  font-weight: 500;
  font-size: 20px;
}

.admin-training-details-file ul {
  margin-left: 20px;
}

.admin-training-details-single-day-item {
  color: #ec008c !important;
}

.admin-training-details-modal .modal-header {
  background: 'white';
}

.admin-training-details-single-day {
  border-top: 1px solid #575757;
  padding-top: 15px;
}

.admin-training-details-modal .modal-header button span {
  color: #fff;
  border: 1px solid #fff;
  line-height: 30px;
  border-radius: 50%;
  padding-top: 5px;
  padding-bottom: 9px;
  padding-left: 11px;
  padding-right: 11px;
}

button.training-management-accept {
  background: #fff;
  color: green;
  border: 1px solid green;
}

button.training-management-accept:hover {
  background: green;
  color: #fff;
  border: 1px solid green;
}

button.training-management-reject {
  background: #fff;
  color: #dc3545;
  border: 1px solid #dc3545;
}

button.training-management-reject:hover {
  background: #dc3545 !important;
  color: #fff;
  border: 1px solid #dc3545;
}

button.training-management-details {
  background: #ec008c !important;
  border: 1px solid #ec008c;
  color: #fff;
  border-radius: 5px;
  white-space: nowrap;
  transition: all linear 0.3s;
}

/* .ReactModal__Body--open {
  overflow: hidden;
} */

.ReactModal__Content {
  background: none !important;
  border: none !important;
  max-width: 60%;
  left: 20% !important;
  /* overflow: hidden !important; */
}
.ReactModal__Content
  .admin-only-training-details-modal
  .modal-content
  .modal-header
  h5 {
  font-size: 16px;
  padding: 6px 10px;
}
.ReactModal__Content
  .admin-only-training-details-modal
  .modal-content
  .modal-header
  i {
  padding-right: 5px;
}

.ReactModal__Content::-webkit-scrollbar {
  width: 0px;
  background: #afafaf;
}

@media (max-width: 425px) {
  .ReactModal__Content {
    max-width: 100%;
    background: none !important;
    border: none !important;
    left: 0% !important;
    inset: 0px !important;
  }
}
.ReactModal__Overlay {
  z-index: 5;
}

.admin-only-training-details-modal .modal-header button span {
  padding-top: 0px !important;
  padding-bottom: 5px !important;
}

.admin-training-details-img .rh5v-DefaultPlayer_component {
  margin-left: 25px;
}

.admin-training-details-img.admin-training-details-video video {
  border: 1px solid #ddd;
}

.admin-training-management-training-details p,
.admin-training-management-training-overview p,
.admin-training-management-pricing-package p,
.admin-training-management-class-topics p,
.admin-training-management-live-class p,
.admin-training-management-assignment p,
.admin-training-management-additional-requirement p,
.admin-training-management-offline-lab p,
.admin-training-management-quiz p {
  word-break: break-all;
  padding-left: 20px;
}

.admin-training-management-day-download ul,
.admin-training-management-day-read ul {
  word-break: break-all;
}

.admin-training-management-resource-scheduling ul,
.admin-training-management-training-name p {
  word-break: break-all;
  padding-left: 20px;
}

/* admin training management css ends */

/* admin evaluation css starts */

.admin-evaluation table thead tr th:last-child,
.admin-evaluation table tbody tr td:last-child {
  text-align: center;
}

.admin-evaluation table tbody tr td:last-child a {
  background: #ec008c;
  color: #fff;
  border-radius: 5px;
}

.admin-evaluation
  table
  tbody
  tr
  td:last-child
  button.participant-evaluation-details {
  background: #ec008c;
  color: #fff !important;
  border-radius: 5px;
  border: none;
}

.admin-evaluate-course .modal-header button span {
  color: #fff;
  border: 1px solid #fff;
  line-height: 29px;
  border-radius: 50%;
  padding-top: 4px !important;
  padding-bottom: 9px !important;
  padding-left: 11px;
  padding-right: 11px;
}

.admin-evaluate-course p {
  text-align: left !important;
  font-size: 20px !important;
  color: #000 !important;
  padding-bottom: 30px !important;
}

.admin-evaluate-course-question {
  text-align: left !important;
}

.admin-evaluate-course-question label {
  font-size: 20px !important;
}

.admin-evaluate-course h5 {
  text-align: left !important;
}

.admin-evaluate-course-question-item input {
  box-shadow: none !important;
  border: 1px solid #ec008c !important;
  margin-left: 20px;
  margin-top: 5px;
}

.admin-evaluate-course-question-answer {
  margin-bottom: 10px;
}

.admin-evaluate-course .modal-dialog {
  min-width: 650px !important;
}

button.admin-evaluation-initiate-survey-button {
  background: #ec008c;
  color: #fff !important;
  border: 1px solid #ec008c;
  padding: 6px 15px;
  border-radius: 5px;
  font-weight: 400;
  white-space: nowrap;
  transition: all linear 0.3s;
}

button.admin-evaluation-initiate-survey-button:hover {
  background: #fff;
  color: #ec008c !important;
  border: 1px solid #ec008c;
}

button.admin-evaluation-initiated-button {
  background: #fff;
  color: #ec008c !important;
  border: 1px solid #ec008c;
  padding: 6px 15px;
  border-radius: 5px;
  font-weight: 400;
  transition: all linear 0.3s;
}

button.admin-evaluation-initiated-button:hover {
  background: #ec008c;
  color: #fff !important;
  border: 1px solid #ec008c;
}

/* admin evaluation css ends */

/* admin improvement plan css starts */

.admin-improvement-plan table tbody tr td select {
  font-size: 14px;
}

.admin-improvement-plan table tbody tr td button {
  font-size: 13px;
  background: #107209;
  border: 1px solid #107209;
  color: #fff;
  padding: 4px 20px;
  border-radius: 3px;
  transition: all linear 0.3s;
}

.admin-improvement-plan table tbody tr td button:hover {
  color: #107209;
  background: #fff;
}

/* admin improvement plan css ends */

/* admin skill management css starts */

.admin-skill-management table tbody tr td a {
  background: #ec008c !important;
  color: #fff !important;
  font-size: 13px !important;
  padding: 4px 20px !important;
  border-radius: 25px;
  border: 1px solid #ec008c !important;
  transition: all linear 0.3s;
}

.admin-skill-management table tbody tr td a i {
  padding-right: 5px;
  font-size: 13px;
  font-weight: 500;
}

.admin-skill-management table tbody tr td a:hover {
  background: #fff !important;
  color: #ec008c !important;
  border: 1px solid #ec008c !important;
}

/* admin skill management css ends */

/* admin funding info list, create, edit css starts */

.admin-funding-info table tr td img {
  height: 80px;
}

.admin-funding-info
  .card
  .card-body
  table
  tbody
  tr
  td:last-child
  a.admin-funding-action-button {
  font-size: 14px !important;
  color: #fff !important;
  padding: 4px 20px !important;
  font-weight: 500;
  border-radius: 50px;
  background: #ec008c;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.admin-funding-info
  .card
  .card-body
  table
  tbody
  tr
  td:last-child
  a.admin-funding-action-button:hover {
  background: #fff;
  color: #ec008c !important;
}

.funding-info-create .donor-file .form-control {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  margin-left: 5px;
}

.funding-info-create .donor-image img {
  height: 100px;
}

p.image-size-ratio {
  font-size: 13px;
  padding-top: 5px;
  color: #afafaf;
}

/* admin funding info list, create, edit css ends */

/* admin signatory info css starts */

/* .admin-funding-info table tr td.signatory-text, .admin-funding-info table tr th.signatory-text{
    text-align: center;
} */

.signator-textarea textarea {
  min-height: 100px;
}

.admin-sgnatory-info-texteditor
  .signator-textarea
  .ck.ck-content.ck-editor__editable {
  min-height: 150px;
}

.admin-digital-signature img {
  height: 50px;
}

.admin-digital-signature-create .form-control {
  padding: 3px 8px !important;
}

/* admin signatory info css ends */

/* admin zoom management css starts */

.zoom-user-id-management textarea {
  min-height: 100px;
}

.admin-zoom-account-list-page table tbody tr td:last-child a {
  border: 1px solid #ddd;
  border-radius: 5px;
  transition: all linear 0.3s;
}

/* admin zoom management css ends */

/* admin time extension css starts */

table.admin-time-extension tbody tr td:nth-child(5) button {
  background: #f8f9fa;
  color: #107209;
  border: 1px solid #107209;
  padding: 5px 17px;
  font-weight: 500;
  font-size: 13px;
  border-radius: 3px;
  transition: all linear 0.3s;
}

table.admin-time-extension tbody tr td:nth-child(5) button:hover {
  background: #107209;
  color: #fff;
}

table.admin-time-extension tbody tr td:nth-child(6) button {
  background: #f8f9fa;
  color: #ff0000;
  border: 1px solid #ff0000;
  padding: 5px 17px;
  font-weight: 500;
  font-size: 13px;
  border-radius: 3px;
  transition: all linear 0.3s;
}

table.admin-time-extension tbody tr td:nth-child(6) button:hover {
  background: #ff0000;
  color: #fff;
}

/* admin time extension css ends */

/* admin Footer css starts */

footer#admin-footer {
  text-align: center;
  font-size: 16px;
  line-height: 50px;
}

.main-footer {
  background: #f9f9f9;
  border-top: none;
  color: #869099;
  padding-top: 0px;
  padding-bottom: 0px;
}

footer#admin-footer p {
  color: #ef3fa7;
  font-weight: 500;
}

/* admin Footer css ends */

/* admin designation management css starts */

.designation_management h2 {
  font-size: 17px;
  font-weight: 600;
  color: #ec008c;
  line-height: 50px;
}

.designation_management .page_title {
  position: relative;
  margin-top: 11px;
  margin-bottom: 25px;
}

.designation_management .page_title:before {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0;
  height: 1px;
  width: 4%;
  border-bottom: 3px solid #d5001b;
}

.designation_management.card .card-header {
  border-bottom: 2px solid #ddd;
}

.designation_management .card .card-header a:hover {
  color: #fff;
  background: #ec008c !important;
}

.designation_management .card .card-body table thead tr th {
  color: #576271;
  font-size: 14px;
}

.designation_management .card .card-body table tbody tr td {
  font-size: 14px;
  color: #576271;
}

.designation_management .card .card-body table tbody tr td:last-child a {
  font-size: 14px;
  color: #576271;
  padding: 5px 15px;
}

.designation_management .card .card-body table tr td:last-child a:hover {
  color: #fff;
  background: #ec008c;
}

div.dataTables_wrapper div.dataTables_info {
  font-size: 14px;
}

.radio-distance {
  margin-right: 20px;
  margin-top: -5px;
  margin-left: 5px;
}

.radio-item {
  margin-top: 13px;
}

input[type='radio']:checked + label {
  color: #fd2aa6;
}

.designation_management .card .card-body {
  /* overflow: auto; */
}

input[type='radio'] {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  outline: none;
  border: 1px solid #ec008c;
}

input[type='radio']:before {
  content: '';
  display: block;
  width: 53%;
  height: 57%;
  margin: 20% auto;
  border-radius: 50%;
}

input[type='radio']:checked:before {
  background: #ec008c;
}

/* admin designation management css ends */

/* role management css starts */

.card .card-body table tbody tr td li {
  list-style: none;
  line-height: 30px;
}

.card .card-body table tbody tr td {
  vertical-align: middle;
}

.role-checkbox {
  margin-top: 6px;
}

.form-group .role-checkbox .role-permission {
  float: left;
  /* margin-right: 15px; */
}

.form-group .role-checkbox .role-permission input {
  margin-right: 5px;
  float: left;
  margin-top: 6px;
}

.form-group .role-checkbox .role-permission label {
  margin-right: 5px;
  font-size: 14px;
  color: #646464;
  font-weight: 400;
}

.role-management .card .card-body {
  overflow: unset;
}

.permission-group label {
  font-weight: 400 !important;
}

.permission-group label i {
  color: #ec008c;
}

.permission-row {
  margin-bottom: 20px;
}

input[type='checkbox']#dashboard:checked + label {
  color: #ec008c;
}

/* role management css ends */

/* trainer dashboard css starts */

.participant-info-table img.trainer-dashboard-participant-profile-image {
  /* max-height: 100px; */
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 1px solid #cecece;
}

.participant-info-table .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
}

.trainer-dashboard .dashboard-welcome h2 {
  float: left;
}

.trainer-dashboard .dashboard-welcome p {
  text-align: right;
  font-size: 25px;
  font-weight: 400;
  color: #05252f;
}

.trainer-dashboard-welcome-card {
  padding-top: 40px;
}

.trainer-dashboard-welcome-card .trainer-dashboard-welcome-card-content h3 {
  font-size: 25px;
  font-weight: 800;
  color: #272d3b;
}

.trainer-dashboard-welcome-card .trainer-dashboard-welcome-card-content p {
  font-size: 16px;
  font-weight: 600;
  color: #272d3b;
}

.trainer-dashboard-welcome-card .card {
  padding: 50px 45px;
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
}

.trainer-training-header h3 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  float: left;
}

.trainer-training-header {
  padding-top: 30px;
}

.trainer-training-header h3 span {
  font-weight: 700;
}

.trainer-training-header a {
  float: right;
  font-size: 16px;
  color: #ec008c;
  border: 1px solid #ec008c;
  padding: 7px 21px;
  border-radius: 25px;
  font-weight: 500;
}

.trainer-training-header a:hover {
  color: #fff;
  background: #ec008c;
  transition: all linear 0.3s;
}

.trainer-dashboard-training-item-create .card a i {
  padding: 18px;
  background: #ec008c;
  color: #fff;
  border: 1px solid #ec008c;
  border-radius: 50%;
  font-size: 20px;
}

.trainer-dashboard-training-item-inside
  .card:hover
  .trainer-dashboard-training-item-icon
  i {
  color: #fff;
  transition: all linear 0.3s;
}

.trainer-dashboard-training-item-create .card a {
  text-align: center;
  padding-top: 75px;
}

.trainer-dashboard-training-item-create .card p {
  text-align: center;
  padding-top: 15px;
  font-size: 20px;
  font-weight: 700;
  color: #272d3b;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 97px;
}

.trainer-dashboard-training-item-inside .card:hover {
  background: #ec008c;
  transition: all linear 0.3s;
}

.trainer-dashboard-training-item-create .card {
  box-shadow: 0 0px 10px 1px #ddd;
}

.trainer-dashboard-training-item {
  padding-top: 40px;
  padding-bottom: 40px;
}

.trainer-dashboard-training-item .card {
  box-shadow: 0 0px 10px 1px #ddd;
  margin-top: 5px;
  border-radius: 10px;
  margin-left: 3px;
  margin-right: 3px;
}

.trainer-dashboard-training-item-border {
  position: relative;
}

.trainer-dashboard-training-item-icon {
  float: right;
}

.trainer-dashboard-training-item-border::before {
  content: '';
  position: absolute;
  left: 7px;
  height: 4px;
  top: 11px;
  width: 30%;
  background: #ec008c;
  border-radius: 10px;
}

.trainer-dashboard-training-item-inside
  .card:hover
  .trainer-dashboard-training-item-border::before {
  background: #fff;
  transition: all linear 0.3s;
}

.trainer-dashboard-training-item-icon i {
  font-size: 16px;
  color: #707070;
  font-weight: 500;
  padding-left: 15px;
}

.trainer-dashboard-training-item .card .card-header {
  padding: 10px 10px;
  border-bottom: none;
}

.owl-height {
  height: auto;
}

.trainer-dashboard-training-item .card .card-body {
  padding-top: 0px;
}

.trainer-dashboard-training-item-inside
  .card:hover
  .card-body
  .trainer-dashboard-training-info
  h3,
.trainer-dashboard-training-item-inside
  .card:hover
  .card-body
  .trainer-dashboard-training-info
  p,
.trainer-dashboard-training-item-inside
  .card:hover
  .card-body
  .trainer-dashboard-training-details
  p {
  color: #fff;
  transition: all linear 0.3s;
}

.trainer-dashboard-training-item-inside
  .card
  .card-body
  .trainer-dashboard-training-info
  h3 {
  font-size: 16px;
  font-weight: 700;
  color: #272d3b;
  height: 26px;
  min-height: 50px;
}

.trainer-dashboard-training-item
  .card
  .card-body
  .trainer-dashboard-training-info
  p {
  font-size: 14px;
  font-weight: 400;
  color: #272d3b;
  padding-top: 5px;
  padding-bottom: 15px;
}

.trainer-dashboard-training-item
  .card
  .card-body
  .trainer-dashboard-training-details
  p {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #272d3b;
  padding-top: 5px;
}

.trainer-dashboard-training-item
  .card
  .card-body
  .trainer-dashboard-training-details
  img {
  margin-bottom: 15px;
  height: 100%;
  width: auto;
}

.trainer-participant-info {
  padding-top: 30px;
}

.trainer-participant-info h3 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  float: left;
  padding-bottom: 30px;
}

.trainer-participant-info h3 span {
  font-weight: 700;
}

.trainer-participant-form {
  line-height: 90px;
  text-align: right;
}

.trainer-participant-form select {
  margin-left: 15px;
  font-size: 15px;
  color: #475677;
  border: 1px solid #ec008c;
}

.trainer-participant-form a {
  margin-left: 15px;
  text-align: right;
  color: #ec008c;
  font-weight: 500;
  font-size: 17px;
}

.participant-info-table table thead {
  background: #475677;
}

.participant-info-table .card .card-body table thead tr th {
  color: #fff;
}

.participant-info-table .card .card-body table tbody {
  background: #ebf3ff;
}

.participant-info-table .card .card-body table tbody tr td {
  color: #05252f;
  font-size: 15px;
}

.participant-info-table .card .card-body {
  overflow: auto;
}

.participant-info-table .card .card-body table tbody tr td span {
  color: #52575d;
  font-size: 13px;
  font-weight: 500;
}

.participant-info-table .card .card-body table tbody tr td:nth-child(5) a {
  font-size: 15px;
  color: #1570f9;
  font-weight: 400;
  padding-left: 5px;
  text-decoration: underline;
}

.participant-info-table
  .card
  .card-body
  table
  tbody
  tr
  td:nth-child(6)
  span.running {
  color: #1570f9;
  font-size: 16px;
}

.trainer-dashboard-seminar-item {
  padding-bottom: 40px;
}

.trainer-dashboard-training-details-resize {
  height: 110px;
  overflow: hidden;
}

.participant-info-table a.trainer-generate-certificate {
  background: #ec008c;
  color: #fff !important;
  text-align: center;
  padding: 5px 10px !important;
  border-radius: 3px;
  margin-top: 10px;
  display: block;
}

.participant-info-table a.trainer-generate-certificate i {
  padding-left: 5px;
}

.participant-info-table p.trainer-certificate-generated {
  color: #ec008c;
  font-size: 15px;
  font-weight: 500;
  display: block;
  padding-top: 5px;
}

.trainer-dashboard-welcome-card-content a {
  color: #ec008c;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 25px;
  border: 1px solid #ec008c;
  margin-top: 25px;
  display: inline-block;
  border-radius: 25px;
}

.participant-info-table tr .trainer-offline-compenency select {
  color: #05252f;
  font-size: 16px;
  background: transparent;
  border: none;
  font-weight: 500;
}

.trainer-participant-info button.trainer-participant-info-button {
  float: right;
  background: #1c9400;
  color: #fff;
  padding: 6px 35px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 25px;
  border: 1px solid #1c9400;
  transition: all linear 0.3s;
}

.trainer-participant-info button.trainer-participant-info-button:hover {
  background: #fff;
  color: #1c9400;
}

.trainer-details-button {
  padding: 0.375rem 0.8rem;
  font-size: 14px;
  border-radius: 18px;
}

/* trainer dashboard css ends */

/* trainer my activities css starts */

.trainer-my-activities {
  padding-top: 50px;
  padding-bottom: 50px;
}

.trainer-my-activities-header h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  margin-left: 30px;
}

.trainer-my-activities-header h2 span {
  font-weight: 700;
}

.trainer-my-activities-header a {
  float: left;
}

.trainer-my-activities-item {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 40px;
}

.trainer-my-activities-item label {
  font-weight: 600 !important;
}

.trainer-my-activities-item select {
  box-shadow: 0 0px 10px 1px #ddd;
  height: 45px;
  margin-top: 10px;
}

.trainer-my-activities-content h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  margin-left: 30px;
}

.trainer-my-activities-content h2 span {
  font-weight: 700;
}

.trainer-my-activities-content {
  margin-top: 40px;
}

.trainer-my-activities-content #accordion {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
}

.trainer-accordion-topics p {
  font-weight: 600;
}

.trainer-accordion-join a {
  color: #fff;
  border: 1px solid #ec008c;
  background: #ec008c;
  padding: 5px 20px;
  font-size: 12px !important;
}

.trainer-accordion-additional {
  padding-bottom: 0px;
}

.trainer-accordion-additional .participant-accordion-schedule-additional-ul {
  margin-top: 30px;
}

.trainer-accordion-join a.trainer-accordion-attendance {
  color: #ec008c;
  background: #fff;
  margin-right: 10px;
  /* border-radius: 25px; */
}

.trainer-my-activities-content-text {
  float: left;
}

.trainer-my-activities-content button {
  float: right;
  background: #fff;
  color: #ec008c;
  margin-right: 30px;
  font-size: 15px;
  padding: 8px 30px;
  border-radius: 25px;
  font-weight: 500;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.trainer-my-activities-content button:hover {
  background: #ec008c;
  color: #fff;
}

.trainer-my-activities-content
  button.participant-accordion-schedule-alert-participant {
  color: #fff;
  border: 1px solid #ec008c;
  background: #ec008c;
  padding: 5px 20px;
  border-radius: 5px;
  margin-left: 0px;
  margin-right: 10px;
  margin-top: -25px;
  font-size: 12px !important;
  transition: all linear 0.3s;
}

.trainer-my-activities-content
  button.participant-accordion-schedule-alert-participant:hover {
  color: #ec008c;
  background: #fff;
}

.trainer-accordion-join .main-loading {
  float: right !important;
  margin-top: -20px !important;
  margin-right: 10px !important;
}

/* trainer my activities css ends */

/* trainer attendace css starts */

.trainer-attendance {
  padding-top: 50px;
  padding-bottom: 50px;
}

.trainer-attendance .trainer-my-activities-header {
  padding-bottom: 30px;
}

.trainer-attendance-header-left select {
  box-shadow: 0 0px 10px 1px #ddd;
  border: none;
}

.trainer-attendance-header-right-alert button {
  color: #ec008c;
  border: 1px solid #ec008c;
  padding: 7px 25px;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  border-radius: 5px;
  background: transparent;
  transition: all linear 0.3s;
}

.trainer-attendance-header-right-alert button:hover {
  background: #ec008c;
  color: #fff;
}

.trainer-attendance-header-right-present h5 {
  font-size: 16px;
  padding-top: 10px;
}

.trainer-attendance-header-right-update button {
  color: #ec008c;
  border: 1px solid #ec008c;
  padding: 7px 25px;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  border-radius: 5px;
  background: transparent;
  transition: all linear 0.3s;
}

.trainer-attendance-header-right-update button:hover {
  background: #ec008c;
  color: #fff;
}

.trainer-my-participant-attendance-list {
  padding-top: 10px;
}

.trainer-my-participant-attendance-list .card {
  margin-top: 30px;
  box-shadow: 0 0px 10px 1px #ddd;
}

.trainer-my-participant-attendance-list .card-header h3 {
  color: #475677;
  font-weight: 600;
  font-size: 18px;
}
.card-header h5 {
  color: #475677;
  font-weight: 600;
  font-size: 18px;
}
.trainer-my-participant-attendance-list table thead tr th {
  color: #000;
  font-weight: 500;
  font-size: 14px;
}

.trainer-my-participant-attendance-list table tbody tr td {
  color: #475677;
  font-size: 14px;
}

.trainer-my-participant-attendance-list table tbody tr td:nth-child(4) input,
.trainer-my-participant-attendance-list table tbody tr td:nth-child(5) input {
  margin-right: 10px;
}

.trainer-my-participant-attendance-save {
  text-align: center;
}

.Toastify__toast-container--top-right {
  top: 12em !important;
  right: 7em !important;
}

.Toastify__progress-bar--default {
  background: #ec008c !important;
}

.attendance-toaster {
  text-align: center;
  margin: 20px 0px;
}

.attendance-toaster h2 {
  font-size: 20px;
  color: #000;
  padding: 10px;
}

.attendance-toaster button {
  border: none;
  background: #ec008c;
  color: #fff;
  padding: 5px 35px;
  font-size: 14px;
  border-radius: 25px;
  margin-bottom: 10px;
  margin-top: 20px;
  box-shadow: 0 0px 10px 1px #ec008c;
}

.trainer-my-participant-attendance-save button,
.trainer-my-participant-attendance-save a {
  background: none;
  border: none;
  font-size: 14px;
  margin-top: 20px;
  box-shadow: 0 0px 10px 1px #ddd;
  margin-right: 10px;
  padding: 7px 30px;
  border-radius: 5px;
}

.trainer-my-participant-attendance-save a {
  background: #fff;
  color: #475677;
}

.trainer-my-participant-attendance-save button {
  background: #1c9400;
  color: #fff;
}

/* trainer attendance css ends */

/* line online class page for trainer and participant css starts */

.live-online-class {
  padding-top: 0px;
  padding-bottom: 100px;
}

.live-online-class-header {
  background: #ec008c;
  height: 51px;
}

.live-online-class-header h2 {
  color: #fff;
  font-size: 20px;
  line-height: 51px;
  font-weight: 500;
  padding-left: 20px;
}

.live-online-class-header h2 {
  color: #fff;
  font-size: 20px;
  line-height: 51px;
  font-weight: 500;
  padding-left: 20px;
}

.live-online-class-header h2 {
  float: left;
}

.live-online-class-header button {
  float: right;
  color: #000;
  font-size: 13px;
  background: #dedcdc;
  /* border: 1px solid #fff; */
  padding: 5px 20px;
  border-radius: 25px;
  margin-top: 11px;
  transition: all linear 0.3s;
  font-weight: 600;
}

.live-online-class-header button:hover {
  background: #fff;
  color: #ec008c;
}

.live-online-class-header button:hover {
  background: #fff;
  color: #ec008c;
}

.live-online-class-content {
  /* min-height: 612px; */
}

.live-online-class-footer {
  text-align: center;
}

.live-online-class-footer a {
  color: #fff;
  padding: 10px 30px;
  background: #ff4848;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 400;
}

.live-online-class-footer a i {
  padding-right: 10px;
}

/* line online class page for trainer and participant css ends */

/* trainer my participant css starts */

.trainer-participant-info-details a {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}

.trainer-participant-details-content-details img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.trainer-participant-details-content .card {
  /* padding: 10px; */
}

.trainer-participant-details-content-header {
  background: #475677;
}

.trainer-participant-details-content-header p {
  padding: 10px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding-left: 30px;
}

.trainer-participant-details-content-details {
  padding: 20px;
  background: #ebf3ff;
}

.trainer-participant-details-name h2 {
  font-size: 18px;
}

.trainer-participant-details-name p {
  color: #475677;
}

.trainer-participant-details-enroll p {
  color: #475677;
}

.trainer-participant-details-contact {
  color: #475677;
}

.trainer-participant-details-status p {
  color: #475677;
}

.trainer-participant-details-status p:first-child {
  color: #1570f9;
  font-weight: 600;
}

.trainer-participant-details-status p:first-child span {
  color: #000;
  font-weight: 600;
}

.trainer-participant-details-table table tr td:nth-child(5) a,
.trainer-participant-details-table table tr td:nth-child(6) a {
  text-decoration: underline;
}

.trainer-participant-details-table table thead {
  background: #f9f7ef;
}

.trainer-participant-details-table table thead tr th {
  color: #000 !important;
  font-weight: 700;
}

.trainer-participant-details-table table tbody tr td {
  color: #475677;
}

.trainer-participant-details-table {
  margin-bottom: 50px;
}

button.trainer-additional-requirement {
  background: transparent;
  border: none;
  font-size: 15px;
  color: #007bff;
  text-decoration: underline;
}

.trainer-additional-requirement-modal-multiselect .form-control {
  border: none;
}

/* trainer my participant css ends */

/* trainer my participant additonal task modal css starts */

.trainer-additional-requirement-modal .modal-header {
  background: #475677;
  color: #fff;
}

.trainer-additional-requirement-modal .modal-header .modal-title {
  font-size: 16px;
  font-weight: 500;
}

.trainer-additional-requirement-modal .modal-header button span {
  color: #fff;
  border: 1px solid #fff;
  line-height: 29px;
  border-radius: 50%;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-left: 11px;
  padding-right: 11px;
}

.admin-evaluate-course .modal-header button span {
  padding-top: 0px !important;
  padding-bottom: 5px !important;
}

.trainer-additional-requirement-modal .modal-content .modal-body p {
  font-size: 16px;
  color: #475677;
  text-align: center;
  font-weight: 600;
  padding-bottom: 10px;
}

.trainer-additional-requirement-modal .modal-dialog {
  min-width: 600px;
}

.trainer-additional-requirement-modal-submit button {
  background: #fff;
  margin-left: 10px;
  font-size: 12px;
  border-radius: 5px;
  border: none;
  padding: 7px 25px;
  font-weight: 500;
  box-shadow: 0 0px 10px 1px #ddd;
}

.trainer-additional-requirement-modal-submit button:first-child {
  background: #f9f9f9;
  color: #475677;
}

.trainer-additional-requirement-modal-submit button:last-child {
  background: #1c9400;
  color: #fff;
  border: 1px solid #1c9400;
  transition: all linear 0.3s;
  padding: 6px 24px;
}

.trainer-additional-requirement-modal-submit {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}

.trainer-additional-requirement-modal input {
  box-shadow: 0 0px 10px 1px #ddd;
  border: none;
}

.trainer-additional-requirement-modal select {
  box-shadow: 0 0px 10px 1px #ddd;
  border: none;
}

/* trainer my participant additonal task modal css ends */

/* trainer my participant question details css starts */

.trainer-participant-question-header h3:last-child {
  float: right;
}

.trainer-participant-question-header-bottom h4 {
  color: #475677;
  font-size: 20px;
  font-weight: 400;
}

.trainer-participant-question-header-bottom h4:first-child {
  float: left;
  padding-left: 30px;
}

.trainer-participant-question-header-bottom h4:last-child {
  float: right;
}

.trainer-participant-question-header-bottom h4 span {
  font-weight: 700;
}

.trainer-participant-question-header-bottom {
  padding-top: 5px;
  padding-bottom: 60px;
  border-bottom: 1px solid #ddd;
}

.trainer-participant-question-common {
  padding-top: 50px;
  padding-bottom: 50px;
}

.trainer-participant-question-common-content {
  height: 800px;
  overflow-y: auto;
}

.trainer-participant-question-common-p-tag {
  padding-bottom: 20px;
  padding-top: 10px;
  color: #475677;
}

.trainer-participant-question-common-item .participant-my-quiz-option p {
  font-size: 15px;
  padding-top: 5px;
}

.trainer-participant-question-common-item h3 {
  color: #475677;
  font-weight: 400;
  font-size: 23px;
}

.trainer-participant-question-common-item h3 span {
  font-weight: 700;
}

.participant-my-quiz-option i {
  float: left;
  font-size: 25px;
  color: #1c9400;
  padding-left: 10px;
}

.trainer-participant-question-common-item .participant-my-quiz-option p {
  float: left;
}

.trainer-participant-question-descriptive-header p {
  font-size: 20px;
  font-weight: 600 !important;
  color: #000;
}

.trainer-participant-question-descriptive-header p:first-child {
  float: left;
}

.trainer-participant-question-descriptive-header p:last-child {
  float: right;
  padding-right: 5px;
}

.trainer-participant-question-descriptive-content p {
  padding-top: 10px;
}

.trainer-participant-question-descriptive-answer p {
  float: left;
  font-weight: 600;
}

.trainer-participant-question-descriptive-answer input {
  float: right;
  margin-right: 5px;
  padding: 10px;
  text-align: center;
  width: 120px;
  height: 40px;
  color: #ec008c;
  border: 1px solid #ec008c;
  font-size: 16px;
}

.trainer-participant-question-descriptive-answer input::placeholder {
  color: #ec008c;
}

.trainer-participant-question-descriptive-answer {
  padding-top: 20px;
}

.trainer-participant-question-descriptive-item {
  padding-top: 20px;
}

.trainer-participant-question-descriptive-item .card {
  margin-left: 5px;
  margin-right: 5px;
  padding: 20px;
  border: 1px solid #646464;
  box-shadow: none;
}

.trainer-participant-question-descriptive-item .card p {
  color: #646464;
}

.trainer-participant-question-common-content .trainer-create-training-submit {
  margin-top: 50px;
}

.trainer-participant-question-common-item h4 {
  float: right;
  margin-right: 5px;
  font-weight: 500;
  color: #ec008c;
  font-size: 23px;
}

.trainer-participant-question-common-item h3 {
  float: left;
}

/* trainer my participant question details css ends */

/* trainer create training css starts */

/* .trainer-create-training-vault-left-item-category h3:before{
  content: "";
  position: absolute;
  bottom: 10px;
  width: 10%;
  border-bottom: 3px solid #ec008c;
} */

.trainer-create-training-span {
  text-decoration: underline;
}

.trainer-create-training-vault-left-item-category h3 {
  position: relative;
}

.trainer-create-training-header h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  padding-bottom: 20px;
}

.trainer-create-training-header h2 span {
  font-weight: 700;
}

.trainer-create-training-header {
  padding-top: 40px;
  padding-bottom: 20px;
}

.trainer-create-training-header a img {
  float: left;
  margin-top: 6px;
  margin-right: 5px;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 0px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12),
    inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}

.switch-label:before,
.switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15),
    inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}

.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}

.switch-input:checked ~ .switch-handle {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #ec008c;
}

.switch.switch-green {
  margin-top: 2px;
}

.trainer-create-training-header-right {
  text-align: right;
  padding-top: 40px;
}

.trainer-create-training-header-right label {
  float: right;
}

.trainer-create-training-header-right p {
  float: right;
  color: #475677;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 600;
}

.trainer-create-training-form label {
  padding-left: 10px;
  color: #000;
  font-size: 16px;
  font-weight: 600 !important;
}

.trainer-create-training-form-text-area label {
  padding-left: 0px;
}

.trainer-create-training-form
  .custom-file-input:lang(en)
  ~ .custom-file-label::after {
  color: #fff;
  border: 1px solid #ec008c;
  background: #ec008c;
}

.custom-file-input {
  opacity: 1;
  border: 1px solid #ced4da;
  padding: 3px;
}

.trainer-create-training-form input,
.trainer-create-training-form select,
.trainer-create-training-form textarea {
  box-shadow: 0 0px 10px 1px #ddd;
  border: none;
}

.trainer-create-training-form textarea {
  padding-left: 20px;
  padding-top: 15px;
  min-height: 100px;
  visibility: visible !important;
}

.trainer-create-training-form label {
  padding-top: 15px;
}

.cke_chrome {
  box-shadow: 0 0px 10px 1px #ddd !important;
  border: none !important;
}

.trainer-create-training-form .trainer-resources h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  padding-bottom: 20px;
  padding-top: 20px;
}

.trainer-create-training-form .trainer-resources h2 span {
  font-weight: 700;
}

.trainer-resources-card-content-header {
  text-align: center;
}

.trainer-resources-card-content-vault {
  /* padding-left: 60px; */
  /* padding-left: 20px; */
  /* padding-right: 20px; */
}

.trainer-resources-card-content-header h2 {
  padding-bottom: 40px !important;
}

.trainer-resources-card-content-vault p {
  font-size: 18px;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 25px;
}

.trainer-create-training-vault-left-item {
  font-size: 20px !important;
  font-weight: 700;
  color: #475677;
}

.trainer-create-training-vault-left-item span {
  color: #475677 !important;
  font-size: 20px !important;
  font-weight: 400;
}

.trainer-resources-card-content-vault p span {
  color: #3e87f9;
  text-decoration: underline;
}

.trainer-resources-card-content-file ul {
  list-style: disc;
  text-align: left;
}

.trainer-resources-card-content-file h4 {
  text-align: left;
  padding-bottom: 20px;
}

.trainer-create-training-submit {
  text-align: center;
  padding-bottom: 50px;
}

.trainer-create-training-submit a,
.trainer-create-training-submit button {
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  margin-right: 10px;
}

.trainer-create-training-submit button {
  border: none;
}

.trainer-create-training-submit a:first-child {
  color: #475677;
  background: #f9f9f9;
  box-shadow: 0 0px 10px 1px #ddd;
  padding-bottom: 12px;
  padding-top: 9px;
}

.trainer-create-training-submit button.trainer-create-training-save {
  color: #fff;
  background: #595e68;
  border: 1px solid #595e68;
  padding: 9px 29px;
  transition: all linear 0.3s;
}

.trainer-create-training-submit button.trainer-create-training-publish {
  color: #fff;
  background: #ec008c;
  padding: 9px 30px;
  border: 1px solid #ec008c;
}

.trainer-resources-card-content .card {
  box-shadow: 0 0px 10px 1px #ddd;
}

.trainer-create-training .ck-content {
  height: 200px;
}

/* drag & drop file css starts*/

/* .filepond--drop-label {
  color: #4c4e53!important;
}

.filepond--label-action {
  -webkit-text-decoration-color: #babdc0!important;
  text-decoration-color: #babdc0!important;
}

.filepond--panel-root {
  border-radius: 2em!important;
  background-color: #edf0f4!important;
  height: 1em!important;
}

.filepond--item-panel {
  background-color: #595e68!important;
}

.filepond--drip-blob {
  background-color: #7f8a9a!important;
}
span.drag-file-trainer {
  text-decoration: underline!important;
  color: #3e87f9!important;
}

.filepond {
  height: 500px!important;
}
.filepond--root {
  min-height: 500px!important;
  border: 1px dashed #ec008c!important;
  border-radius: 30px!important;
}
.trainer-resources-card-content-vault img {
  height: 250px!important;
} */

/* .filepond--drop-label img{
  margin-top: 250px;
} */

/* .filepond--list-scroller[data-state="overflow"] {
  margin-top: 300px !important;
  height: 190px !important;
}
.filepond--list-scroller {
  margin-top: 300px !important;
  height: 190px !important;
}
.filepond--root .filepond--list-scroller {
  overflow: scroll!important;
}
.filepond--drop-label.filepond--drop-label label {
  margin-top: 220px!important;
}
.trainer-resources-card-content-vault img {
  display: block;
  height: 300px;
}
 */

/* .filepond--drop-label{
  min-height: 400px!important;
} */

.filepond--credits {
  display: none;
}

.filepond-update {
  height: 500px;
}

.filepond--root {
  min-height: 500px !important;
  border: 1px dashed #ec008c !important;
  border-radius: 8px !important;
  overflow: hidden;
}

.trainer-resources-card-content-vault img {
  display: block;
  height: 200px;
  margin-top: 200px;
}

.filepond--root .filepond--list-scroller {
  overflow: scroll !important;
}

.filepond--drop-label {
  color: #4c4e53 !important;
}

.filepond--list-scroller[data-state='overflow'] {
  margin-top: 300px !important;
  height: 190px !important;
}

.filepond--list-scroller {
  margin-top: 300px !important;
  height: 190px !important;
}

.filepond--drop-label {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* drag & drop file css ends */

.trainer-create-training .trainer-time-schedule h2 {
  text-align: center;
}

.trainer-create-training-vault .trainer-create-training-vault-left-item {
  text-align: center;
}

.trainer-create-training-vault .trainer-create-training-vault-left-item {
  float: none;
  border-right: 1px solid #ddd;
}

.trainer-create-training-vault .trainer-create-training-vault-left-item a {
  text-align: center;
  color: #475677;
  font-size: 20px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.trainer-create-training-vault .trainer-create-training-vault-left-item a span {
  text-decoration: underline;
  color: #3e87f9;
}

.trainer-resources-card-content .card {
  padding-bottom: 50px;
}

.trainer-create-training-vault-left-item-category {
  text-align: left;
  padding-bottom: 20px;
}

.trainer-create-training-vault-left-item-category h3 {
  color: #475677;
  font-size: 20px;
  font-weight: 400;
  padding: 10px 30px;
  padding-bottom: 20px;
}

.trainer-create-training-vault-left-item-category h3 span {
  font-weight: 700;
}

.trainer-create-training-vault-left-item-file {
  padding-left: 35px;
}

.trainer-create-training-vault-left-item-file input {
  box-shadow: none;
  float: left;
  margin-top: 13px;
}

.trainer-create-training-vault-left-item-file li {
  list-style: none;
  float: left;
  margin-left: 16px;
  margin-right: 10px;
  background: #595e68;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 12px;
  padding: 9px 13px;
  border-radius: 10px;
  width: 90%;
}

.trainer-create-training-vault-right-item h4 {
  color: #475677;
  font-size: 20px !important;
  font-weight: 400;
  text-align: center;
  padding-bottom: 20px;
}

.trainer-create-training-vault-right-item h4 span {
  font-weight: 700;
}

.trainer-create-training-vault-right-item #select2 input {
  display: none;
}

.trainer-create-training-vault-right-item {
  text-align: center;
}

.trainer-create-training-vault-right-item img {
  height: 200px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.trainer-create-training-time-schedule {
  padding: 0px 40px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

#select1 .training-vault-file-item .training-vault-file-dropdown {
  display: none;
}

.select2-container--default .select2-selection--multiple {
  min-height: calc(2.25rem + 2px) !important;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: none;
  outline: 0;
  box-shadow: 0 0px 10px 1px #ddd;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  padding-left: 30px;
  padding-right: 10px !important;
  color: #000;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #000 !important;
}

.select2-container--default .select2-results > .select2-results__options {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.select2-container--default .select2-selection--multiple {
  border: none;
  box-shadow: 0 0px 10px 1px #ddd;
}

.trainer-create-training-time-schedule button {
  /* padding: 6px 20px;
  margin-right: 10px;
  font-size: 15px; */
  color: #ec008c;
  border: 1px solid #ec008c;
  padding: 5px 20px;
  font-size: 15px;
  background: none;
  border-radius: 10px;
  margin-right: 10px;
}

.trainer-create-training-time-schedule h2 {
  color: #ec008c !important;
  font-size: 25px !important;
}

.trainer-create-training-time-schedule h2 span {
  font-weight: 700 !important;
}

.trainer-create-training-vault-left-item-category
  .trainer-vault-category-item
  h3 {
  padding: 0px 10px !important;
  font-size: 15px;
}

.admin-vault-index tbody tr td button {
  font-size: 14px;
  /* color: #576271; */
  padding: 5px 15px;
}

.admin-vault-index tbody tr td:nth-child(7) button:hover {
  background: #ec008c;
  color: #fff;
}

.admin-vault-index tbody tr td:nth-child(8) button:hover {
  background: #dc3545 !important;
  color: #fff;
}

.admin-vault-index
  tbody
  tr
  td:nth-child(8)
  button.training-management-details:hover {
  background: #fff !important;
  color: #ec008c !important;
  border: 1px solid #ec008c;
}

.admin-vault-index tbody tr td:nth-child(6) button.admin-training-details {
  color: #fff;
  border: none;
  background: #ec008c;
}

button.vault-file-accept {
  background: #fff;
  color: green;
  padding: 4px 15px;
  border: 1px solid green;
}

button.vault-file-accept:hover {
  background: green;
  color: #fff;
  border: 1px solid green;
}

button.vault-file-reject {
  background: #fff !important;
  color: #dc3545 !important;
  padding: 4px 15px;
  border: 1px solid #dc3545;
}

button.vault-file-reject:hover {
  background: #dc3545 !important;
  color: #fff !important;
  border: 1px solid #dc3545;
}

.trainer-create-training-vault-left-item span {
  cursor: pointer;
}

.col-md-1 {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.landing-page-training-item img {
  /* width: 493px; */
}

.trainer-dashboard-training-details
  .trainer-dashboard-training-details-resize
  img {
  /* width: 157px!important; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* height: 110px; */
}

.trainer-dashboard-training-details .trainer-dashboard-training-details-resize {
  position: relative;
}

.trainer-create-training-vault-left-item-file .vault-file-remove i {
  display: none;
}

.trainer-create-training-vault-right-item #select2 .vault-file-remove i {
  display: block;
  float: left;
  line-height: 40px;
  color: #ec008c;
  font-size: 20px;
}

.trainer-create-training-vault-left-item-file option {
  display: none;
}

.trainer-create-training-time-schedule:last-child {
  border-bottom: none;
}

.trainer-create-training-form img {
  max-height: 150px;
}

.marks-distribution-content {
  padding-bottom: 30px;
}

.marks-distribution-content label {
  padding-left: 0px;
}

.training-quiz-type label {
  padding-top: 0px;
  margin-right: 25px;
}

.training-quiz-type input::before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

.generate-live-class label {
  visibility: hidden;
}

.generate-live-class a {
  border-radius: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  background: #fff;
  border: 1px solid #ec008c;
  /* border: 1px solid #ec008c !important; */
  transition: all linear 0.3s;
  color: #ec008c;
}

.generate-live-class a:hover {
  background: #ec008c;
  color: #fff;
  border: 1px solid #ec008c;
}

.generate-live-class .hover {
  background-color: #1f8623 !important;
  color: #fff !important;
  border: 1px solid rgb(31, 134, 35) !important;
}

/* trainer create training css ends */

/* trainer vault css starts */

.trainer-file-upload .trainer-create-training-submit button {
  background: #ec008c;
  padding: 9px 30px;
  border: 1px solid #ec008c;
}

.trainer-vault {
  padding-top: 40px;
}

.trainer-vault-header h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  padding-bottom: 30px;
  float: left;
}

.trainer-vault-header h2 span {
  font-weight: 700;
}

.trainer-vault-header a {
  float: right;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  background: #ec008c;
  padding: 7px 25px;
  border-radius: 25px;
  border: 1px solid transparent;
  transition: all linear 0.3s;
}

.trainer-vault-header a i {
  padding-right: 10px;
}

.trainer-vault-header-top {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.trainer-vault-search select,
.trainer-vault-search input {
  min-height: 50px;
  font-size: 15px;
  color: #afafaf;
  font-weight: 400;
  box-shadow: 0 0px 10px 1px #ddd;
  border: none;
}

.trainer-vault-category {
  margin-top: 50px;
}

.trainer-vault-category-item {
  text-align: center;
  margin-bottom: 20px;
}

.trainer-vault-category-item a h3 {
  color: #475677;
  font-size: 15px;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 5px;
}

.trainer-vault-category-item a p {
  color: #475677;
  font-size: 12px;
  font-weight: 400;
}

.trainer-vault-header h2 i {
  color: #ec008c;
  font-size: 25px;
  /* padding-left: 5px;
  padding-right: 5px; */
}

.trainer-vault-header h2 span.trainer-vault-header-category-arrow {
  font-weight: 400;
  padding-right: 5px;
}

.trainer-vault-header h2 i.trainer-vault-arrow {
  padding-right: 5px;
}

.trainer-vault-file {
  margin-top: 20px;
  padding-bottom: 40px;
}

.trainer-vault-file h3 {
  color: #05252f;
  font-size: 25px;
  font-weight: 500;
  padding-bottom: 30px;
}

.trainer-vault-file-left h4 {
  color: #1d2226;
  font-size: 18px;
  opacity: 0.7;
  font-weight: 700;
}

.trainer-vault-file-left p {
  color: #1d2226;
  font-size: 15px;
  opacity: 0.8;
  font-weight: 400;
  padding-top: 5px;
}

.trainer-vault-file-right p {
  color: #1d2226;
  font-size: 16px;
  opacity: 0.8;
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 4px;
  line-height: 25px;
}

.trainer-vault-file-right {
  text-align: right;
  padding-right: 20px;
}

.trainer-vault-file-left {
  padding-left: 20px;
}

.trainer-vault-file-item .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
}

.trainer-file-upload .trainer-vault-header-top {
  border-bottom: none;
}

.trainer-vault-file {
  margin-top: 35px;
}

/* trainer vault css ends */

/* trainer my question create and edit css starts */

.question-page-trainer-header {
  padding-top: 40px;
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 10px;
}

.question-page-trainer-header h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
}

.question-page-trainer-header h2 span {
  font-weight: 700;
}

.question-page-trainer-card .card {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
  padding-top: 20px;
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
}

.question-page-trainer-card .card label {
  padding-left: 7.5px;
}

.question-page-border {
  border-bottom: 2px solid #cdcdcd;
  padding-bottom: 20px;
}

.question-page-trainer-card article {
  display: none;
}

.question-page-trainer-card article.on {
  display: block;
}

.trainer-question-header {
  padding-top: 20px;
}

.trainer-question-header h2 {
  text-align: center;
  font-size: 25px;
  padding-bottom: 30px;
}

.trainer-question-schedule {
  padding-bottom: 30px;
}

.trainer-question-schedule-item h2 {
  font-size: 20px;
}

.trainer-question-schedule-item-header {
  padding-bottom: 20px;
  padding-top: 10px;
}

.trainer-question-schedule-marks input::placeholder {
  text-align: center;
}

.trainer-question-schedule-marks input {
  text-align: center;
}

.trainer-question-schedule-item button {
  color: #ec008c;
  border: 1px solid #ec008c;
  padding: 5px 20px;
  font-size: 15px;
  background: none;
  border-radius: 10px;
  margin-right: 10px;
}

.trainer-mcq-answer input[type='radio'] {
  margin-top: 12px;
  width: 20px;
  height: 20px;
}

.trainer-mcq-answer input[type='radio']::before {
  width: 56%;
  height: 56%;
}

.trainer-mcq-answer-radio {
  text-align: center;
}

.question-page-border label {
  padding-left: 0px !important;
}

.question-page-border .question-page-item {
  padding-left: 0px;
}

/* trainer my question create and edit css ends */

/* trainer my question by category and sub category starts */

.trainer-question-card-item img {
  float: left;
  margin-right: 25px;
}

table.trainer-vault-file-table thead {
  background: #f5f5f5;
}

table.trainer-vault-file-table thead tr th,
table.trainer-vault-file-table tbody tr td {
  font-size: 13px !important;
}

table.trainer-vault-file-table thead tr th {
  font-weight: 700;
}

table.trainer-vault-file-table tbody tr td button {
  font-size: 13px;
  color: #fff;
  background: #ec008c;
}

table.trainer-vault-file-table tbody tr td button:hover {
  color: #fff;
  background: #ec008c;
}

.trainer-vault-file .card-body {
  overflow: auto;
}

.trainer-vault-file .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
}

.trainer-question-category .trainer-vault-header a {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
  margin-bottom: 10px;
}
.search-icon-align {
  display: flex;
}
.search-icon-align button {
  background: #ec008c;
  color: #fff;
  border: 1px solid #ec008c;
  border-radius: 5px;
  transition: all linear 0.3s;
}

.search-icon-align button i {
  line-height: 49px;
  padding-left: 18px;
  padding-right: 18px;
}

/* trainer my question by category and sub category ends */

/* logistic dashboard css starts */

.logistic-dashboard-welcome-left {
  float: left;
}

.logistic-dashboard-welcome-right {
  float: right;
}

.logistic-dashboard-welcome {
  padding-top: 30px;
}

.logistic-dashboard-welcome-left h2 {
  color: #272d3b;
  font-weight: 700;
  font-size: 26px;
}

.logistic-dashboard-welcome-left p {
  color: #272d3b;
  font-weight: 500;
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 20px;
}

.logistic-dashboard-welcome-right a {
  color: #272d3b;
  font-weight: 600;
  font-size: 26px;
  line-height: 40px;
}

.logistic-dashboard-lab-card .card {
  box-shadow: 0 0px 10px 1px #ddd;
  margin-top: 5px;
  border-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
  transition: all linear 0.3s;
}

.logistic-dashboard-lab-card p {
  font-size: 12px;
  padding: 5px 10px;
  background: #ff0000;
  float: right;
  border-radius: 50%;
  color: #fff;
}

.logistic-dashboard-lab-card {
  text-align: center;
}

.logistic-dashboard-lab-card i {
  font-size: 30px;
  color: #ec008c;
}

.logistic-dashboard-lab-card h4 {
  color: #272d3b;
  font-size: 16px;
  padding-top: 10px;
}

#carousel-logistic-dashboard .owl-prev i,
#carousel-logistic-dashboard .owl-next i {
  margin-bottom: 0px;
}

.logistic-dashboard-lab-card .card:hover {
  background: #ec008c;
}

.logistic-dashboard-lab-card .card:hover i,
.logistic-dashboard-lab-card .card:hover h4 {
  color: #fff;
}

.logistic-dashboard-lab-card .card:hover p {
  color: #ec008c;
  background: #fff;
}

#carousel-logistic-dashboard .owl-dots {
  display: none;
}

.logistic-dashboard-accordion h2 {
  font-size: 26px;
  color: #272d3b;
  padding-bottom: 20px;
  padding-top: 10px;
}

#accordion .btn-link.active i:before {
  content: '\f068';
}

.logistic-dashboard-accordion-item {
  margin-bottom: 15px;
  border-radius: 5px;
}

.logistic-dashboard-accordion-item .MuiAccordion-rounded {
  border-radius: 5px;
}

.MuiTypography-body1 img {
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-right: 30px;
  border-right: 1px solid #ddd;
  float: left;
}

.logistic-dashboard-accordion-item-content {
  float: left;
  padding-left: 30px;
}

.logistic-dashboard-accordion-item-content h3 {
  font-size: 15px;
  color: #475677;
  font-weight: 700;
  padding-top: 10px;
}

.logistic-dashboard-accordion-item-content p {
  font-size: 14px;
  color: #475677;
  font-weight: 400;
  padding-top: 3px;
}

.logistic-dashboard-accordion-item-content.logistic-dashboard-accordion-right-item {
  margin-left: 400px;
}

.logistic-dashboard-accordion-status {
  float: left;
}

.logistic-dashboard-accordion-status p {
  font-size: 15px;
  line-height: 55px;
  padding-left: 40px;
  font-weight: 400;
  color: #3483e2;
}

.logistic-dashboard-accordion .MuiAccordionSummary-root {
  box-shadow: 0 0px 10px 1px #ddd;
}

.logistic-dashboard-accordion .MuiCollapse-container {
  background: #f6faff;
}

.MuiAccordionDetails-root {
  display: block !important;
  text-align: center;
}

.logistic-accordion-inner-item h3 {
  font-size: 16px;
  font-weight: 600;
  color: #272d3b;
  padding-top: 20px;
  padding-bottom: 20px;
}

.logistic-accordion-inner-form {
  background: #fff;
  border-radius: 5px;
}

.logistic-accordion-inner-requirement p {
  font-size: 15px;
  color: #475677;
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 5px;
  text-align: left;
}

.logistic-accordion-inner-requirement {
  padding-left: 40px;
  padding-bottom: 20px;
}

.logistic-accordion-inner-requirement ul {
  /* text-align: left; */
}

.logistic-accordion-inner-requirement ul li {
  font-size: 14px;
  color: #475677;
  font-weight: 600;
  word-wrap: break-word;
}

.logistic-accordion-inner-remark p {
  font-size: 15px;
  color: #475677;
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: left;
}

.logistic-accordion-inner-remark input.form-control {
  height: calc(2.25rem + 25px);
}

.logistic-accordion-inner-remark input::placeholder,
.logistic-accordion-inner-remark input {
  font-size: 15px;
}

.logistic-accordion-inner-item-button a {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  padding: 10px 24px;
  margin-right: 10px;
}

.logistic-accordion-inner-item-button {
  padding-top: 25px;
  padding-bottom: 10px;
}

.logistic-accordion-inner-item-button a:first-child {
  background: #1c9400;
}

.logistic-accordion-inner-item-button a:last-child {
  background: #ff0000;
}

.logistic-dashboard-accordion {
  padding-bottom: 40px;
}

/* logistic accordion responsive starts */

@media (min-width: 1000px) and (max-width: 1199px) {
  .logistic-dashboard-accordion-item-content.logistic-dashboard-accordion-right-item {
    margin-left: 350px;
  }
}

@media (min-width: 700px) and (max-width: 999px) {
  .logistic-dashboard-accordion-item-content.logistic-dashboard-accordion-right-item {
    margin-left: 10px;
  }
  .logistic-dashboard-accordion-status p {
    padding-left: 10px;
  }
  .MuiTypography-body1 img {
    margin-left: 8px;
    padding-right: 15px;
  }
  .logistic-dashboard-accordion-item-content {
    padding-left: 15px;
  }
}

@media (min-width: 300px) and (max-width: 699px) {
  .logistic-dashboard-accordion-item-content.logistic-dashboard-accordion-right-item {
    margin-left: 0px;
  }
  .logistic-dashboard-accordion-status p {
    padding-left: 10px;
  }
  .MuiTypography-body1 img {
    padding-right: 5px;
  }
  .logistic-dashboard-accordion-item-content {
    padding-left: 5px;
  }
}

/* logistic accordion responsive ends */

/* logistic dashboard css ends */

/* Main landing Page css starts */

.landing-page .navbar-bottom .navbar .form-inline ul li:last-child {
  line-height: 44px;
}

.landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(1) {
  padding-right: 20px;
}

.landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(1) a {
  color: #ec008c;
  font-weight: 500;
  background: #fff;
  padding: 0px;
  border-radius: 25px;
  border: 1px solid transparent;
  transition: all linear 0.3s;
}

.landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(2) a {
  padding: 6px 20px;
  border-radius: 50px;
  margin-right: 25px;
  background: #ec008c;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(2) a:hover {
  color: #ec008c;
  background: #fff;
  cursor: pointer;
}

.landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(2) a {
  /* margin-right: 20px; */
  color: #fff;
}

.landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(4):hover a {
  color: #ec008c;
}

.landing-page .navbar-bottom .navbar .form-inline ul li a {
  color: #ec008c;
}

.landing-page .navbar-bottom .navbar .form-control {
  width: 320px;
}

.landing-welcome {
  /* min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px)); */
  min-height: 715px;
  background-image: url(../image/landing_banner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.landing-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.landing-welcome h2 {
  color: #723f96;
  font-size: 30px;
  font-weight: 700;
  padding-top: 37%;
  padding-bottom: 10px;
}

.landing-welcome p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  padding-top: 10px;
  padding-bottom: 30px;
}

.banner_information {
  padding-left: 16%;
}

.landing-welcome img {
  width: 700px;
  margin-top: 25%;
}

.landing-welcome a {
  color: #fff;
  margin-top: 20px;
  padding: 10px 30px;
  background: #ec008c;
  font-size: 15px;
  font-weight: 500;
  border-radius: 50px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.landing-welcome a:hover {
  color: #ec008c;
  background: #fff;
}

.landing-training-slider-top {
  padding-top: 40px;
  padding-bottom: 20px;
}

.landing-training-slider-top h2 {
  float: left;
  color: #723f96;
  font-size: 29px;
  font-weight: 400;
  padding-bottom: 30px;
}

.landing-training-slider-top h2 span {
  font-weight: 700;
  color: #ec008c;
}

.landing-training-slider-top a {
  float: right;
  color: #ec008c;
  font-size: 15px;
  padding: 10px 35px;
  border-radius: 50px;
  font-weight: 500;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.landing-training-slider-top a:hover {
  color: #fff;
  background: #ec008c;
}

.landing-page-training-item .card-header {
  padding: 0px;
}

.landing-page-training-item .card-header {
  position: relative;
  overflow: hidden;
  background: #e6e1db;
}

.landing-page-training-item .card-header .landing-page-training-item-overlay {
  background: rgb(236, 0, 140, 0.75);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.landing-page-training-item
  .card-header:hover
  .landing-page-training-item-overlay {
  opacity: 1;
}

.landing-page-training-item-overlay-item i {
  font-size: 22px;
  padding: 20px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50px;
}

.landing-page-training-item-overlay-item p {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  padding-top: 10px;
}

.landing-page-training-item-overlay-item {
  text-align: center;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.landing-page-training-item-name h3 {
  color: #ec008c;
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 5px;
  text-align: center;
  min-height: 45px;
}

.landing-page-training-item .card .card-body {
  padding-left: 15px;
  padding-right: 15px;
}

.landing-page-training-item-name p {
  color: #475677;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  min-height: 22px;
}

.landing-page-training-item-name {
  border-bottom: 2px solid #e7bf1f;
  padding-bottom: 5px;
}

.owl-dots {
  display: none;
}

.landing-page-training-item-details h3 {
  color: #475677;
  font-size: 18px;
  font-weight: 700;
  padding-top: 10px;
}

.landing-page-training-item-details p {
  color: #475677;
  font-size: 14px;
  font-weight: 400;
  padding-top: 5px;
  float: left;
}

.landing-page-training-item .item .card {
  margin: 5px;
  border-radius: 13px;
  box-shadow: 0 0px 10px 1px #ddd;
}

.landing-training-slider-item .card .card-body {
  padding-top: 7px;
  padding-bottom: 21px;
  background: #e6e1db;
}

.landing-page-training-item-enroll {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 5px;
}

.landing-page-training-item-enroll a {
  padding: 5px 35px;
  background: #723f96;
  color: #fff;
  font-size: 14px;
  border-radius: 50px;
  font-weight: 400;
  transition: all linear 0.3s;
  border: 1px solid #723f96;
}

.landing-page-training-item-enroll a:hover {
  background: #fff;
  color: #ec008c;
}

.landing-training-slider {
  background: #e6edf1;
  background-image: url(../image/what_we_do_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 90px;
  padding-bottom: 90px;
}

.landing-goal-header {
  text-align: center;
}

.landing-goal-header h3 {
  color: #ec008c;
  font-size: 30px;
  font-weight: 700;
  padding-top: 95px;
}

.landing-goal-header p {
  color: #723f96;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 55px;
  padding-top: 8px;
}

.landing-goals-item-hide {
  padding-bottom: 75px;
}

.landing-goal-item {
  text-align: center;
}

.landing-goal-item img {
  width: 40%;
  border-radius: 62px;
  transition: all linear 0.3s;
}

.landing-goal-item img:hover {
  box-shadow: 1px 3px 6px 0px #c8bfbf;
}

.landing-goal-item h3 {
  font-size: 20px;
  padding-top: 17px;
  font-weight: 700;
  color: #000;
}

.landing-goal-item p {
  font-size: 17px;
  padding-top: 5px;
  font-weight: 500;
  color: #000;
}

.landing-goals {
  background: #e6e1db;
  background-image: url(../image/landing_3rd_banner.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 30px;
}

.landing-workshop-header h3 {
  float: left;
  color: #475677;
  font-size: 30px;
  font-weight: 400;
  padding-bottom: 40px;
}

.landing-workshop-header h3 span {
  font-weight: 700;
}

.landing-workshop-header a {
  float: right;
  color: #ec008c;
  font-size: 16px;
  padding: 8px 25px;
  border-radius: 50px;
  font-weight: 500;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.landing-workshop-header a:hover {
  color: #fff;
  background: #ec008c;
}

.landing-workshop {
  background: #e6edf1;
  background-image: url(../image/landing_3rd_banner.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 80px;
}

.landing-workshop-item-content .card .card-header {
  padding: 0px;
}

.landing-workshop-item-content-left h4 {
  color: #4f76fc;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 5px;
}

.landing-workshop-item-content-left p {
  font-size: 13px;
  line-height: 18px;
  color: #475677;
  font-weight: 500;
}

.landing-workshop-item-content-right a {
  color: #fff;
  font-size: 12px;
  padding: 8px 15px;
  border-radius: 50px;
  font-weight: 500;
  background: #ec008c;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.landing-workshop-item-content-right a:hover {
  color: #ec008c;
  background: #fff;
}

.landing-workshop-item-content-right {
  margin-top: 15px;
}

.landing-workshop-item-content .card .card-header {
  border-bottom: none;
}

.landing-workshop-item-content .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
}

.landing-workshop-item-content-left p:last-child {
  padding-bottom: 10px;
}

.landing-classroom-left h4 {
  color: #723f96;
  font-size: 30px;
  font-weight: 700;
  /* padding-top: 25%; */
  padding-bottom: 5px;
}

.landing-classroom-left p {
  color: #e7138a;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 25px;
  padding-top: 10px;
  line-height: 25px;
}

.landing-classroom-left a {
  color: #fff;
  font-size: 15px;
  padding: 10px 30px;
  padding-top: 9px;
  border-radius: 50px;
  font-weight: 500;
  background: #6d2c90;
  border: 1px solid #6d2c90;
  transition: all linear 0.3s;
}

.landing-classroom-left a:hover {
  color: #6d2c90;
  background: #fff;
}

.landing_online_classroom {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.landing-classroom .landing-classroom-left {
  padding-left: 30px;
}

.landing-classroom {
  background: #e6e1db;
  background-image: url(../image/landing_5th_banner.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 110px;
  padding-bottom: 110px;
}

.landing-classroom-right {
  padding-left: 18px;
}

.landing-classroom-right img {
  width: 550px;
}

.landing-expert {
  background: #e6edf1;
  min-height: 450px;
  background-image: url(../image/landing_3rd_banner.svg);
  background-position: 30px -25px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 110px;
  padding-bottom: 110px;
}

.landing-expert-item {
  /* text-align: center; */
  /* margin-top: 150px; */
}

.landing-expert-item h4 {
  color: #723f96;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 5px;
  /* padding-top: 15%; */
}

.landing-expert-item p {
  color: #e7138a;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 25px;
  padding-top: 10px;
  line-height: 25px;
}

.landing-expert-item a {
  color: #fff;
  padding: 10px 30px;
  background: #ec008c;
  border: 1px solid #ec008c;
  font-weight: 500;
  border-radius: 50px;
  font-size: 15px;
  transition: all linear 0.3s;
}

.landing-expert-item a:hover {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
}

.landing-forum {
  background: #e6e1db;
  padding-top: 100px;
  padding-bottom: 100px;
}

/* .landing-forum-left img {
    height: 265px;
} */

.landing-forum-right h4 {
  color: #723f96;
  font-size: 30px;
  font-weight: 700;
  line-height: 37px;
  padding-bottom: 5px;
}

.landing-forum-right p {
  color: #e7138a;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 25px;
  padding-top: 10px;
  line-height: 25px;
}

.landing-forum-right a {
  color: #fff;
  font-size: 15px;
  padding: 10px 30px;
  border-radius: 50px;
  font-weight: 500;
  background: #6d2c90;
  border: 1px solid #6d2c90;
  transition: all linear 0.3s;
}

.landing-forum-right a:hover {
  color: #6d2c90;
  background: #fff;
}

.landing-forum-right {
  padding-left: 50px;
}

.landing_forum_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.landing-counter {
  background: #fff;
  padding-top: 90px;
  padding-bottom: 90px;
}

.landing-counter-header {
  text-align: center;
}

.landing-counter-header h4 {
  color: #723f96;
  font-size: 30px;
  font-weight: 700;
}

.landing-counter-header p {
  color: #e7138a;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 60px;
}

.landing-counter .conter_inner {
  text-align: center;
}

.conter_inner h2 {
  font-size: 25px;
  padding-top: 10px;
  padding-bottom: 5px;
  color: #ec008c;
  font-weight: 600;
}

.conter_inner p {
  font-size: 17px;
  color: #475677;
  font-weight: 500;
}

.landing-subscribe {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
  border-bottom: 4px solid #ec008c;
}

.landing-subscribe-item p {
  color: #475677;
  font-size: 32px;
  font-weight: 300;
  padding-bottom: 10px;
}

.landing-subscribe-item h4 {
  color: #475677;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 40px;
}

.landing-subscribe-item a {
  color: #fff;
  font-size: 17px;
  padding: 8px 40px;
  border-radius: 50px;
  font-weight: 500;
  background: #ec008c;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.landing-subscribe-item a:hover {
  color: #ec008c;
  background: #fff;
}

/* star rating css starts */

.star-ratings-sprite {
  background: url('../image/star-rating-sprite.png') repeat-x;
  font-size: 0;
  height: 21px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 110px;
  margin: 0 auto;
  float: right;
}

.star-ratings-sprite-rating {
  background: url('../image/star-rating-sprite.png') repeat-x;
  background-position: 0 100%;
  float: left;
  height: 21px;
  display: block;
}

/* star rating css ends */

.landing-page-training-item-image-resize video {
  width: 125%;
}

.landing-page-training-item-image-resize {
  height: 186px;
  position: relative;
}

.landing-page-training-item-image-resize img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.landing-page-training-item-details h3 {
  text-align: center;
}

.landing-page-training-item .card .card-header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.landing-page-training-item .card .card-body {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: none;
  color: #fff;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.1;
}

@media (min-width: 1300px) and (max-width: 1515px) {
  .landing-welcome {
    min-height: 680px;
  }
  .landing-welcome h2 {
    padding-top: 37%;
  }
  .banner_information {
    padding-left: 19%;
  }
}

@media (min-width: 992px) and (max-width: 1299px) {
  .landing-welcome {
    min-height: 505px;
  }
  .landing-classroom-right img {
    width: 450px;
  }
  .landing-forum-right {
    padding-left: 45px;
  }
  .banner_information {
    padding-left: 18%;
  }
  .landing-welcome h2 {
    padding-top: 26%;
  }
  .landing-page .owl-prev {
    left: -22px !important;
  }
  .landing-page .owl-next {
    right: 10px !important;
    margin-right: 0px;
  }
  .landing-expert {
    min-height: 380px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .landing-welcome {
    min-height: 485px;
    /* background-position: center; */
  }
  .bottom_nav_left_item .upg-lms {
    text-align: center;
  }
  .bottom_nav_left_item .left-ul-list {
    text-align: center;
    padding-left: 90px;
  }
  .landing-classroom-right img {
    width: 365px;
  }
  .landing-forum-left img {
    height: auto;
    width: 100%;
  }
  .landing-welcome img {
    margin-top: 48%;
  }
  .landing-welcome h2 {
    font-size: 26px;
    padding-top: 35%;
  }
  .landing-welcome p {
    font-size: 13px;
    line-height: 20px;
  }
  .banner_information {
    padding-left: 3%;
  }
  .landing-expert {
    min-height: 345px;
  }
  .landing-expert-item {
    margin-top: 32px;
  }
  .navbar-bottom .navbar {
    /* justify-content: end; */
  }
  .navbar-bottom .navbar .brand_logo {
    left: 0px;
  }
  .navbar-bottom .form-inline {
    justify-content: end;
  }
  .landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(1) a {
    padding-right: 0px;
  }
  .landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(2) a {
    margin-right: 0px;
  }
  .landing-classroom .landing-classroom-left {
    padding-left: 65px;
  }
  .landing-forum-right {
    padding-left: 30px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .landing-welcome {
    /* min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px)); */
    min-height: 310px;
    background-position: 0px -30px;
  }
  .landing-welcome h2 {
    padding-top: 18%;
    font-size: 22px;
  }
  .landing-welcome p {
    font-size: 13px;
    line-height: 22px;
  }
  .landing-welcome img {
    margin-top: 20%;
    margin-bottom: 10%;
  }
  .landing-page .owl-dots {
    display: block;
    margin-top: 15px;
  }
  .landing-page .owl-nav {
    margin-top: 10px;
    display: none;
  }
  .landing-welcome a {
    margin-top: 20px;
    padding: 8px 27px;
    font-size: 16px;
    font-weight: 500;
  }
  .landing-training-slider {
    padding-top: 45px;
    padding-bottom: 95px;
  }
  .landing-training-slider-top h2 {
    font-size: 25px;
  }
  .landing-training-slider-top a {
    padding: 6px 16px;
    font-size: 15px;
  }
  .landing-goal-header h3 {
    font-size: 26px;
    padding-bottom: 7px;
  }
  .landing-goal-header p {
    font-size: 14px;
    line-height: 28px;
  }
  .landing-goal-item h3 {
    font-size: 18px;
  }
  .landing-goal-item p {
    font-size: 15px;
  }
  .landing-classroom-left {
    text-align: center;
  }
  .landing-classroom {
    padding-top: 90px;
    padding-bottom: 100px;
  }
  .landing_online_classroom {
    margin-bottom: 40px;
  }
  .landing-classroom-right {
    text-align: center;
  }
  .landing-classroom-right img {
    width: 270px;
  }
  .landing-forum-right {
    padding-left: 0px;
  }
  .landing_forum_info {
    text-align: center;
    margin-top: 34px;
  }
  .landing-forum-left {
    text-align: center;
  }
  .landing-classroom-right {
    padding-left: 0px;
  }
  .chat_box_show {
    bottom: 79px !important;
    right: 145px !important;
  }
  .chat_box_hide {
    bottom: 79px !important;
    right: 145px !important;
  }
  .navbar-bottom .navbar .brand_logo {
    left: 0px;
  }
  .navbar_top .navbar {
    justify-content: end;
  }
  /* .navbar-bottom .navbar {
    justify-content: end;
  } */
  .navbar-bottom .form-inline {
    justify-content: end;
  }
  .landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(1) a {
    padding-right: 0px;
  }
  .landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(2) a {
    margin-right: 0px;
  }
  .bottom_nav_left_item .left-ul-list {
    text-align: center;
    padding-left: 54px;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .landing-welcome h2 {
    padding-top: 18%;
    font-size: 22px;
  }
  .landing-welcome p {
    font-size: 13px;
    line-height: 22px;
  }
  .landing-welcome img {
    margin-top: 20%;
    margin-bottom: 10%;
  }
  .landing-page .owl-dots {
    display: block;
    margin-top: 15px;
  }
  .landing-page .owl-nav {
    margin-top: 10px;
    display: none;
  }
  .landing-welcome {
    background: #fbcd36;
    background-image: url(../image/landing_banner.png) !important;
    min-height: 323px;
    background-position: 0px -26px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .landing-welcome a {
    margin-top: 20px;
    padding: 8px 27px;
    font-size: 16px;
    font-weight: 500;
  }
  .landing-training-slider {
    padding-top: 45px;
    padding-bottom: 95px;
  }
  .landing-training-slider-top h2 {
    font-size: 25px;
  }
  .landing-training-slider-top a {
    padding: 6px 16px;
    font-size: 15px;
  }
  .landing-goal-header h3 {
    font-size: 26px;
    padding-bottom: 7px;
  }
  .landing-goal-header p {
    font-size: 14px;
    line-height: 28px;
  }
  .landing-goal-item h3 {
    font-size: 18px;
  }
  .landing-goal-item p {
    font-size: 15px;
  }
  .landing-classroom-left {
    text-align: center;
  }
  .landing-classroom {
    padding-top: 90px;
    padding-bottom: 100px;
  }
  .landing_online_classroom {
    margin-bottom: 40px;
  }
  .landing-classroom-right {
    text-align: center;
  }
  .landing-forum-right {
    padding-left: 0px;
  }
  .landing_forum_info {
    text-align: center;
    margin-top: 34px;
  }
  .landing-forum-left {
    text-align: center;
  }
  .landing-classroom-right {
    padding-left: 0px;
  }
  .landing-forum-left img {
    height: 180px !important;
  }
  .chat_box_show {
    bottom: 80px !important;
    right: 47px !important;
    transform-origin: bottom !important;
  }
  .chat_box_hide {
    bottom: 80px !important;
    right: 47px !important;
    transform-origin: bottom !important;
  }
  .navbar-bottom .navbar .brand_logo {
    left: 28px;
  }
  .navbar_top .navbar {
    justify-content: end;
  }

  .navbar-bottom .bottom_nav_left_item .upg-lms li h6 {
    padding-left: 0px !important;
  }
  .navbar-bottom .form-inline {
    justify-content: end;
  }
  .landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(1) a {
    padding-right: 0px;
  }
  .landing-page .navbar-bottom .navbar .form-inline ul li:nth-child(2) a {
    margin-right: 0px;
  }
}

@media (min-width: 100px) and (max-width: 767px) {
  .landing-goal-item {
    padding-bottom: 25px;
  }
  .landing-classroom-right {
    margin-top: 25px;
  }
  .landing-classroom-left h4 {
    padding-top: 0px;
  }
  .landing-counter #counter .conter_inner {
    margin-bottom: 25px;
  }
  .landing-classroom-right img {
    width: 396px;
  }
  .landing-forum-left img {
    height: 240px;
  }
  .landing-expert-item img {
    max-width: 75%;
    padding-bottom: 27px;
  }
  .landing-expert-item {
    text-align: center;
    margin-top: 23px;
  }
  .landing_expert_info {
    justify-content: center;
  }
  /* .navbar-bottom .navbar .navbar-brand img {
    height: 102px !important;
  } */
  .landing-goal-item img {
    width: 28%;
  }
  .landing-goal-item h3 {
    padding-bottom: 10px;
  }
  .landing-goal-header p {
    padding-bottom: 37px;
  }
  .landing-goals-item-hide {
    padding-bottom: 37px;
  }
}

@media (min-width: 300px) and (max-width: 413px) {
  .landing-classroom-right img {
    width: 270px;
  }
  .landing-forum-left img {
    height: 147px !important;
  }
}

/* Main landing Page css ends */

/* common footer for trainer, participant starts */

.common-footer {
  background: #e6edf1;
  padding-bottom: 10px;
  /* margin-top: 30px; */
  padding-top: 30px;
}

.common-footer-address h3 {
  color: #ec008c;
  font-size: 20px;
  font-weight: 500;
}

.common-footer-address p.common-footer-address-p1 {
  font-size: 13px;
  color: #67738e;
  font-weight: 500;
  padding-top: 5px;
}

.common-footer-address ul {
  padding-top: 5px;
}

.common-footer-address ul li {
  color: #67738e;
  font-weight: 400;
  font-size: 12px;
  line-height: 25px;
}

.common-footer-address p.common-footer-address-p2 {
  font-size: 14px;
  color: #05252f;
  font-weight: 500;
}

.common-footer-address .footer-social-icon a i {
  color: #fff;
  font-size: 15px;
  /* padding: 10px; */
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  background: #ec008c;
  border-radius: 50%;
  transition: all linear 0.3s;
  border: 1px solid #ec008c;
}

.common-footer .footer-social-icon a:hover i {
  color: #ec008c;
  background: #fff;
}

.common-footer-address .footer-social-icon {
  margin-top: 10px;
  margin-bottom: 55px;
}

.common-footer-address .footer-social-icon a {
  padding-right: 10px;
}

.common-footer-address,
.common-footer-content {
  padding-top: 20px;
}

.common-footer-content .common-footer-item h3 {
  font-size: 17px;
  color: #05252f;
  font-weight: 600;
  position: relative;
  padding-bottom: 30px;
}

.common-footer-content .common-footer-item h3::before {
  content: '';
  position: absolute;
  left: 0px;
  height: 2px;
  top: 30px;
  width: 15%;
  background: #ec008c;
}

.common-footer-content .common-footer-item ul li a {
  color: #67738e;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.common-footer-content .common-footer-item img {
  margin-top: 10px;
}

.common-footer-address-p2 {
  font-size: 14px;
  color: #05252f;
  font-weight: 500;
  padding-top: 5px;
}

.common-footer-content .common-footer-item .payment {
  padding-top: 28px;
}

.footer-wrapper {
  border-bottom: 1px solid #ef64b7;
  padding-bottom: 15px;
}

.common-footer-copyright p {
  color: #475677;
  font-size: 12px;
  font-weight: 400;
}

.common-footer-copyright p span {
  font-weight: 700;
}

.common-footer-copyright ul li {
  float: left;
}

.common-footer-copyright ul li a {
  color: #8d96a9;
  font-size: 12px;
  padding-left: 6px;
  border-left: 1px solid #8d96a9;
  padding-right: 6px;
}

.common-footer-copyright ul li:first-child a {
  border-left: none;
}

.common-footer-copyright {
  padding-top: 10px;
  padding-bottom: 5px;
}

.common-footer-item ul li:last-child {
  padding-bottom: 30px;
}

/* common footer for trainer, participant ends */

/* forget password css starts */

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .forgetPassword
  h3:first-child {
  color: #ec008c;
}

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .forgetPassword
  .login-submit
  button {
  margin-top: 30px;
  background: #ec008c;
}

/* forget password css ends */

/* forget password verify OTP css starts */

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .forget-password-otp
  h3:first-child {
  color: #ec008c;
}

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .forget-password-otp
  .login-submit
  button {
  background: #ec008c;
}

.forget-password-otp #otp-holder {
  margin-bottom: 20px;
}

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .forget-password-otp
  .login-submit
  p {
  font-size: 14px;
  color: #4e637b;
  font-weight: 500;
  padding-bottom: 10px;
}

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .forget-password-otp
  .forgot-password {
  text-align: center;
  color: #53617b;
  text-decoration: underline;
  font-weight: 500;
}

/* forget password verify OTP css ends */

/* reset password css starts */

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .reset-password
  h3:first-child {
  color: #ec008c;
}

.login-page
  .login-box
  .container
  .right-item
  .card
  .card-body
  .reset-password
  .login-submit
  button {
  background: #ec008c;
  margin-top: 30px;
  margin-bottom: 10px;
}

/* reset password css ends */

/* trainer dashboard table tranfer modal css starts */

.participant-transfer .modal-header button span {
  color: #fff;
  border: 1px solid #fff;
  line-height: 28px;
  border-radius: 50%;
  padding-top: 7px;
  padding-bottom: 11px;
  padding-left: 14px;
  padding-right: 13px;
}

.participant-transfer-button button.participant-transfer-button-item {
  border: none;
  background: transparent;
  color: #007bff;
  text-decoration: underline;
  font-size: 16px;
}

.participant-transfer .modal-content {
  min-width: 400px;
}

.participant-transfer
  .trainer-additional-requirement-modal-submit
  button:last-child {
  background: #ec008c;
}

.participant-transfer .modal-body {
  padding: 20px 40px;
}

/* trainer dashboard table tranfer modal css ends */

/* loading component css starts */

.main-loading {
  display: block !important;
  /* padding-bottom: 10px; */
}

/* loading component css ends */

/* data table css starts */

div.dataTables_wrapper div.dataTables_info {
  float: left;
}

/* data table css ends */

/* owl carosol css starts */

.owl-prev,
.owl-next {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block !important;
  border: 0px solid black;
}

.owl-prev {
  left: -20px;
}

.owl-next {
  right: -20px;
  margin-right: 24px;
}

.owl-prev i,
.owl-next i {
  font-size: 30px;
  color: #9b9b9b;
  background: #fff;
  padding: 5px 12px;
  border-radius: 50px;
  box-shadow: 0 0px 10px 1px #ddd;
}

.landing-page .owl-prev i {
  font-size: 30px;
  color: #fff;
  background: #723f96;
  padding: 10px 17px;
  border-radius: 50px;
  box-shadow: 2px 2px 15px 0px #8c8c8c;
  padding-left: 15px;
  padding-right: 19px;
}

.landing-page .owl-next i {
  font-size: 30px;
  color: #fff;
  background: #723f96;
  padding: 10px 17px;
  border-radius: 50px;
  box-shadow: 2px 2px 15px 0px #8c8c8c;
  padding-left: 18px;
  padding-right: 17px;
}

.landing-page .owl-prev {
  left: -75px;
}

.landing-page .owl-next {
  right: -41px !important;
  margin-right: 0px;
}

.rh5v-Overlay_component {
  /* background: #e6e1db !important; */
}

/* owl carosol css ends */

/* Preloader Component css Start */

.loader {
  position: relative;
  width: 75px;
  height: 100px;
}

.loader__bar {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 50%;
  background: #fff;
  transform-origin: center bottom;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.loader__bar:nth-child(1) {
  left: 0px;
  transform: scale(1, 0.2);
  -webkit-animation: barUp1 4s infinite;
  animation: barUp1 4s infinite;
}

.loader__bar:nth-child(2) {
  left: 15px;
  transform: scale(1, 0.4);
  -webkit-animation: barUp2 4s infinite;
  animation: barUp2 4s infinite;
}

.loader__bar:nth-child(3) {
  left: 30px;
  transform: scale(1, 0.6);
  -webkit-animation: barUp3 4s infinite;
  animation: barUp3 4s infinite;
}

.loader__bar:nth-child(4) {
  left: 45px;
  transform: scale(1, 0.8);
  -webkit-animation: barUp4 4s infinite;
  animation: barUp4 4s infinite;
}

.loader__bar:nth-child(5) {
  left: 60px;
  transform: scale(1, 1);
  -webkit-animation: barUp5 4s infinite;
  animation: barUp5 4s infinite;
}

.loader__ball {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  -webkit-animation: ball 4s infinite;
  animation: ball 4s infinite;
}

@-webkit-keyframes ball {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(8px, -14px);
  }
  10% {
    transform: translate(15px, -10px);
  }
  17% {
    transform: translate(23px, -24px);
  }
  20% {
    transform: translate(30px, -20px);
  }
  27% {
    transform: translate(38px, -34px);
  }
  30% {
    transform: translate(45px, -30px);
  }
  37% {
    transform: translate(53px, -44px);
  }
  40% {
    transform: translate(60px, -40px);
  }
  50% {
    transform: translate(60px, 0);
  }
  57% {
    transform: translate(53px, -14px);
  }
  60% {
    transform: translate(45px, -10px);
  }
  67% {
    transform: translate(37px, -24px);
  }
  70% {
    transform: translate(30px, -20px);
  }
  77% {
    transform: translate(22px, -34px);
  }
  80% {
    transform: translate(15px, -30px);
  }
  87% {
    transform: translate(7px, -44px);
  }
  90% {
    transform: translate(0, -40px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes ball {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(8px, -14px);
  }
  10% {
    transform: translate(15px, -10px);
  }
  17% {
    transform: translate(23px, -24px);
  }
  20% {
    transform: translate(30px, -20px);
  }
  27% {
    transform: translate(38px, -34px);
  }
  30% {
    transform: translate(45px, -30px);
  }
  37% {
    transform: translate(53px, -44px);
  }
  40% {
    transform: translate(60px, -40px);
  }
  50% {
    transform: translate(60px, 0);
  }
  57% {
    transform: translate(53px, -14px);
  }
  60% {
    transform: translate(45px, -10px);
  }
  67% {
    transform: translate(37px, -24px);
  }
  70% {
    transform: translate(30px, -20px);
  }
  77% {
    transform: translate(22px, -34px);
  }
  80% {
    transform: translate(15px, -30px);
  }
  87% {
    transform: translate(7px, -44px);
  }
  90% {
    transform: translate(0, -40px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@-webkit-keyframes barUp1 {
  0% {
    transform: scale(1, 0.2);
  }
  40% {
    transform: scale(1, 0.2);
  }
  50% {
    transform: scale(1, 1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.2);
  }
}

@keyframes barUp1 {
  0% {
    transform: scale(1, 0.2);
  }
  40% {
    transform: scale(1, 0.2);
  }
  50% {
    transform: scale(1, 1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.2);
  }
}

@-webkit-keyframes barUp2 {
  0% {
    transform: scale(1, 0.4);
  }
  40% {
    transform: scale(1, 0.4);
  }
  50% {
    transform: scale(1, 0.8);
  }
  90% {
    transform: scale(1, 0.8);
  }
  100% {
    transform: scale(1, 0.4);
  }
}

@keyframes barUp2 {
  0% {
    transform: scale(1, 0.4);
  }
  40% {
    transform: scale(1, 0.4);
  }
  50% {
    transform: scale(1, 0.8);
  }
  90% {
    transform: scale(1, 0.8);
  }
  100% {
    transform: scale(1, 0.4);
  }
}

@-webkit-keyframes barUp3 {
  0% {
    transform: scale(1, 0.6);
  }
  100% {
    transform: scale(1, 0.6);
  }
}

@keyframes barUp3 {
  0% {
    transform: scale(1, 0.6);
  }
  100% {
    transform: scale(1, 0.6);
  }
}

@-webkit-keyframes barUp4 {
  0% {
    transform: scale(1, 0.8);
  }
  40% {
    transform: scale(1, 0.8);
  }
  50% {
    transform: scale(1, 0.4);
  }
  90% {
    transform: scale(1, 0.4);
  }
  100% {
    transform: scale(1, 0.8);
  }
}

@keyframes barUp4 {
  0% {
    transform: scale(1, 0.8);
  }
  40% {
    transform: scale(1, 0.8);
  }
  50% {
    transform: scale(1, 0.4);
  }
  90% {
    transform: scale(1, 0.4);
  }
  100% {
    transform: scale(1, 0.8);
  }
}

@-webkit-keyframes barUp5 {
  0% {
    transform: scale(1, 1);
  }
  40% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.2);
  }
  90% {
    transform: scale(1, 0.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes barUp5 {
  0% {
    transform: scale(1, 1);
  }
  40% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.2);
  }
  90% {
    transform: scale(1, 0.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

.preloader-body {
  height: 100vh;
  background: #ec008c;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Preloader Component css End */

/* data table pagination starts */

.page-item.active .page-link {
  background-color: #ec008c;
  border-color: #ec008c;
}

.page-link:hover {
  color: #ec008c;
}

.page-link {
  color: #ec008c;
}

/* data table pagination ends */

/* login responsive starts */

@media (min-width: 100px) and (max-width: 991px) {
  .login-page {
    min-height: 600px;
  }
}

@media (min-width: 992px) and (max-width: 1137px) {
  .login-page {
    min-height: 600px;
  }
}

@media (min-width: 1138px) and (max-width: 1500px) {
  /* .login-page {
        min-height: 800px;
    } */
  .user-register-page {
    min-height: 920px;
  }
}

@media (min-width: 1501px) {
  .user-register-page {
    min-height: 850px;
  }
}

/* login responsive ends */

/* partcipant profile tab responsive starts */

#personalTab .nav-tabs .nav-item {
  margin-right: 6%;
}

#personalTab .nav-tabs .nav-item:last-child {
  margin-right: 0px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  #personalTab .nav-tabs .nav-item {
    margin-right: 3%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #personalTab .nav-tabs .nav-item {
    margin-right: 6%;
  }
}

@media (min-width: 540px) and (max-width: 767px) {
  #personalTab .nav-tabs .nav-item {
    margin-right: 0%;
  }
}

/* partcipant profile tab responsive ends */

/* trainer disable button css starts */

.generate-live-class a.trainer-button-disable {
  background: #e9ecef !important;
  color: #495057 !important;
  border: none !important;
  box-shadow: 0 0px 10px 1px #ddd !important;
}

/* trainer disable button css ends */

/* trainer my question page css starts */

.trainer-my-question-header {
  padding-top: 40px;
}

.trainer-my-question-header h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  padding-bottom: 30px;
  float: left;
}

.trainer-my-question-header h2 span {
  font-weight: 700;
}

.trainer-my-question-header ul {
  float: right;
}

.trainer-my-question-header ul li {
  float: left;
  margin-left: 10px;
  margin-bottom: 15px;
}

.trainer-my-question-header ul li a {
  color: #ec008c;
  border: 1px solid #ec008c;
  background: #fff;
  transition: all linear 0.3s;
  font-size: 13px;
  font-weight: 500;
  border-radius: 25px;
}

.trainer-my-question-header ul li a.active {
  color: #fff;
  background: #ec008c;
}

.trainer-my-question-header ul li a:hover {
  background: #ec008c;
  color: #fff;
}

.trainer-my-question-header ul li:nth-child(1) a {
  padding: 6px 40px;
}

.trainer-my-question-header ul li:nth-child(2) a {
  padding: 6px 30px;
}

.trainer-my-question-header ul li:nth-child(3) a {
  padding: 6px 35px;
}

.trainer-my-question-header ul li:nth-child(4) a {
  padding: 6px 20px;
}

.trainer-my-question-header-top {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.my-question-main-page {
  min-height: 300px;
}

.trainer-question-category {
  padding-top: 0px !important;
}

.trainer-category-create h3 {
  float: left;
}

.trainer-category-create a {
  float: right;
  font-size: 15px;
  color: #fff;
  background: #ec008c;
  padding: 7px 25px;
  font-weight: 400;
  border-radius: 25px;
  transition: all linear 0.3s;
  border: 1px solid #ec008c;
}

.trainer-category-create a.back_to_cat {
  float: none;
  font-size: 25px;
  color: #ec008c;
  background: unset;
  padding: unset;
  font-weight: unset;
  border-radius: 25px;
  transition: all linear 0.3s;
  border: unset;
  padding-top: 3px;
  padding-right: 4px;
}

.trainer-category-create a i {
  padding-right: 5px;
}

.trainer-category-create a:hover {
  color: #ec008c;
  background: #fff;
}

.trainer-category-create h3 i {
  color: #ec008c;
  font-size: 25px;
}

.trainer-my-quiz-list {
  padding-top: 30px;
}

/* trainer my question page css ends */

/* trainer my improvement plan css starts */

.trainer-my-improvement-plan-top {
  padding-bottom: 30px;
}

.trainer-my-improvement-plan-table table tbody tr td a {
  color: #fff;
  background: #ec008c;
  padding: 4px 18px;
  font-size: 12px;
  border-radius: 25px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.trainer-my-improvement-plan-table table tbody tr td a:hover {
  color: #ec008c;
  background: #fff;
}

.trainer-my-improvement-plan-table table thead tr th {
  color: #576271;
}

/* trainer my improvement plan css ends */

/* trainer improvement plan create css starts */

.trainer-improvement-create-top h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  float: left;
}

.trainer-improvement-create-top h2 span {
  font-weight: 700;
}

.trainer-improvement-create-top {
  padding-top: 42px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.trainer-improvement-create-top .trainer-improvement-create-switch {
  float: right;
}

.trainer-improvement-create-switch p {
  float: left;
  font-size: 15px;
  padding-left: 10px;
  font-weight: 500;
  color: #475677;
}

.trainer-improvement-create-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.trainer-improvement-create-content h3 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  padding-bottom: 15px;
  padding-top: 10px;
}

.trainer-improvement-create-content form label {
  font-size: 18px !important;
  color: #000 !important;
}

.trainer-improvement-plan-create-dynamic select.form-control {
  color: #939ba2;
}

.trainer-improvement-dynamic-item {
  margin-bottom: 15px;
}

.trainer-improvement-create-content .trainer-create-training-submit {
  padding-bottom: 20px;
  padding-top: 20px;
}

.trainer-improvement-plan-resource-card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
}

.trainer-my-improvement-plan-table .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 10px;
}

.improvement-plan-web-link-dynamic button {
  padding: 6px 11px;
  border-radius: 50%;
}

.improvement-plan-web-link-dynamic
  button.improvement-plan-web-link-dynamic-delete-button {
  color: red;
  border: 1px solid red;
}

/* trainer improvement plan create css ends */

/* trainer question for assessment list, create, edit page css starts */

.trainer-question-create-bulk-upload
  input.trainer-question-create-bulk-upload-button {
  color: #ec008c;
  border: 1px solid #ec008c;
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  transition: all linear 0.3s;
  box-shadow: unset;
}

.trainer-question-create-bulk-upload
  input.trainer-question-create-bulk-upload-button:hover {
  background: #ec008c;
  color: #fff;
}

.trainer-improvement-create-content label {
  font-size: 18px !important;
  color: #000 !important;
}

.trainer-question-create-bulk-upload
  label.trainer-question-create-bulk-upload-button-label {
  visibility: hidden;
}

.trainer-question-create-bulk-upload .form-control {
  height: calc(2.25rem + 8px) !important;
}

.trainer-question-create-bulk-upload input {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 5px;
  border: none;
}

.trainer-question-create-bulk-upload {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

.trainer-my-question-create-form {
  padding-top: 20px;
}

.trainer-my-question-create-form textarea {
  min-height: 100px;
}

.trainer-assessment-question-mcq {
  padding-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.trainer-assessment-question-mcq-item {
  padding-bottom: 15px;
}

.trainer-assessment-question-mcq-item
  .trainer-assessment-question-mcq-item-text
  input {
  box-shadow: 0 0px 10px 1px #ddd;
  border: none;
}

.trainer-mcq-answer .trainer-assessment-question-mcq-item input[type='radio'] {
  margin-top: 12px;
  width: 21px;
  height: 21px;
}

.trainer-assessment-question-mcq-item-radio {
  text-align: center;
}

.trainer-improvement-create-content
  form
  .trainer-question-skill-type-radio
  label {
  font-size: 15px !important;
  padding-left: 10px;
  padding-right: 10px;
}

.trainer-question-skill-type-radio-element {
  float: left;
  padding-right: 20px;
}

.trainer-question-skill-type-radio-element-label {
  float: right;
}

.trainer-question-skill-type-radio-element-label label {
  padding-top: 10px;
}

.trainer-types-of-skill {
  padding-top: 10px;
}

.trainer-improvement-create-content form .trainer-question-skill label {
  font-size: 18px !important;
  font-weight: 600;
}

.trainer-question-skill-item input {
  height: 15px;
  width: 15px;
}

.trainer-question-skill-item {
  padding-top: 10px;
}

.trainer-improvement-create-content form .trainer-question-skill-item label {
  color: #475677 !important;
  font-weight: 600;
  padding-left: 10px;
  font-size: 15px !important;
}

.trainer-question-skill .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 5px;
  max-height: 300px;
  overflow-y: auto;
  /* margin-top: 10px; */
}

.trainer-question-job p {
  font-size: 13px;
  font-weight: 600;
}

.trainer-question-job .MuiAccordion-root {
  border: none;
  box-shadow: 0 0px 10px 1px #ddd;
  margin-bottom: 10px;
}

.trainer-question-job .trainer-assessment-question-job-accordion-content {
  text-align: left;
}

.trainer-improvement-create-content
  form
  .trainer-assessment-question-job-accordion-content
  label {
  font-size: 12px !important;
  color: #000 !important;
}

.trainer-question-job .MuiCollapse-container {
  background: #f1f1f1;
}

.trainer-question-skill-item-main {
  float: left;
}

.trainer-question-skill-item-main-checkbox {
  margin-top: 2px;
}

.trainer-assessment-question-skill label.checkbox-container {
  padding-left: 25px !important;
}

.trainer-assessment-question-skill .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 5px;
  height: 300px;
  overflow: auto;
}

.trainer-my-question-create-form .assessment_image_qsn {
  color: #939ba2 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

.trainer-my-question-create-form .assessment_text_ans {
  min-height: 48px !important;
  height: 48px;
}

/* trainer question for assessment list, create, edit page css ends */

/* trainer assessment list, create, edit css starts */

.trainer-assessment-create-content {
  padding-top: 30px;
}

.trainer-assessment-create-content label {
  font-size: 18px !important;
  color: #000 !important;
}

.trainer-assessment-create-card .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 5px;
  height: 300px;
  overflow-y: auto;
  margin-top: 10px;
}

.trainer-assessment-checkbox label {
  font-size: 15px !important;
  float: left;
}

.trainer-assessment-checkbox .checkmark {
  top: 3px !important;
}

.trainer-assessment-checkbox {
  padding-bottom: 25px;
}

.trainer-assessment-create-card-difficulty-level {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.trainer-assessment-create-card-difficulty-level p:first-child {
  float: left;
}

.trainer-assessment-create-card-difficulty-level p:last-child {
  float: right;
}

.trainer-assessment-create-card-difficulty-level p {
  font-weight: 600;
  color: #000;
}

.trainer-assessment-create-card-difficulty-level-item p {
  float: left;
  font-weight: 600;
  color: #000;
}

.trainer-assessment-create-card-difficulty-level-item input {
  float: right;
  border: 1px solid #ec008c;
  text-align: center;
}

.trainer-assessment-create-card-difficulty-level-item {
  padding-top: 20px;
}

.trainer-assessment-bench-mark input {
  border: 1px solid #ddd !important;
}

.trainer-assessment-create-content .form-group {
  margin-bottom: 2rem;
}

.trainer-assessment-create-card .card {
  margin-right: 20px;
}

.trainer-assessment-create-card .form-group:last-child .card {
  margin-right: 0px;
}

.trainer-create-regular-assessment
  .trainer-question-skill-type-radio-element-label
  label {
  padding-left: 10px;
  font-size: 15px !important;
}

.trainer-create-regular-assessment-difficulty-level .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 5px;
  margin-top: 10px;
}

.trainer-select-skill-for-create-assessment .card {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 5px;
  margin-top: 10px;
  max-height: 310px;
  overflow-y: auto;
}

/* trainer assessment list, create, edit css ends */

/* participant assessment submit css starts */

button.participant-assessment-submit-button {
  color: #fff;
  font-weight: 400;
  padding: 10px 65px;
  border: 1px solid #ec008c;
  margin-top: 25px;
  border-radius: 8px;
  background: #ec008c;
  transition: all linear 0.3s;
}

button.participant-assessment-submit-button:hover {
  color: #ec008c;
  background: #fff;
}

/* participant assessment submit css ends */

/* participant improvement plan file view css starts */

.participant-improvement-plan-file-view {
  padding-top: 30px;
  padding-bottom: 30px;
}

.par-assessment-imp-plan-file {
  text-align: center;
}

/* participant improvement plan file view css ends */

/* alert css starts */

.alert-success,
.alert-danger {
  margin-top: 5px;
}

/* alert css ends */

/* admin improvement plan status css starts */

.admin-imp-plan-status-button
  table
  tbody
  tr
  td
  button.admin-imp-plan-status-button-modal {
  border: 1px solid #ec008c !important;
  color: #ec008c !important;
  background: #fff !important;
  padding: 5px 20px;
  white-space: nowrap;
  border-radius: 18px;
  transition: all linear 0.3s;
}

.admin-imp-plan-status-button
  table
  tbody
  tr
  td
  button.admin-imp-plan-status-button-modal:hover {
  background: #ec008c !important;
  color: #fff !important;
}

.admin-imp-plan-status-modal-main .modal-header {
  background: #ec008c;
  color: #fff;
}

.admin-imp-plan-status-modal-main .modal-header h5 {
  font-size: 17px;
}

.admin-imp-plan-status-modal-main .modal-header button {
  background: #fff !important;
  color: #ec008c !important;
  opacity: 1 !important;
  line-height: 25px;
  border-radius: 50% !important;
  margin-right: -10px;
  margin-top: -7px;
  padding: 6px 16px !important;
}

.admin-imp-plan-status-modal-main .modal-header button span {
  font-size: 17px;
}

.admin-imp-plan-status-modal-main .modal-footer {
  justify-content: center !important;
  border-top: none !important;
  padding-top: 20px !important;
  padding-bottom: 45px;
}

.admin-imp-plan-status-modal-main .modal-footer button {
  background: #fff !important;
  color: #ec008c !important;
  border: 1px solid #ec008c !important;
  transition: all linear 0.3s;
}

.admin-imp-plan-status-modal-main .modal-footer button:hover {
  background: #ec008c !important;
  color: #fff !important;
}

.admin-imp-plan-status-modal-main .modal-body {
  padding-top: 60px !important;
}

input.admin-imp-plan-status-modal-main-submit-btn {
  background: #ec008c;
  border: 1px solid #ec008c !important;
  color: #fff !important;
  transition: all linear 0.3s;
}

input.admin-imp-plan-status-modal-main-submit-btn:hover {
  color: #ec008c !important;
  background: #fff !important;
}

/* admin improvement plan status css ends */

/* participant navbar bottom css starts*/

.navbar-bottom-participant
  .form-inline
  ul
  li.nav-item.dropdown.show
  .dropdown-menu
  a.dropdown-item:active,
.navbar-bottom-participant
  .form-inline
  ul
  li.nav-item.dropdown.show
  .dropdown-menu
  a.dropdown-item:hover {
  background: none !important;
}

.navbar-bottom-participant .dropdown-item:focus {
  background-color: #fff !important;
}

/* participant navbar bottom css ends */

/* ########## azmain css start ######### */

/* navbar bottom css start */

.navbar-bottom .form-inline .join-free-popup {
  display: none;
  position: absolute;
  top: 103%;
  left: 32%;
  padding: 15px 20px;
  background: #fff;
  box-shadow: 0px 1px 19px 4px #ddd;
  z-index: 1;
  border-radius: 6px;
}

.navbar-bottom .form-inline .free_join_btn:hover .join-free-popup {
  display: flex;
}

.navbar-bottom .form-inline .join-free-popup a {
  background: unset !important;
  color: rgb(109, 44, 144) !important;
  /* padding: 5px !important; */
  /* border: 1px solid; */
  padding: 0px 20px !important;
  border: none !important;
  border-radius: 5px !important;
  line-height: 30px !important;
  margin: 0 !important;
  text-align: center !important;
  border: none !important;
}

.navbar-bottom .form-inline .join-free-popup a:hover {
  color: #ec008c !important;
}

.navbar-bottom .form-inline .join-free-popup a:last-child {
  margin-top: 14 !important;
}

.navbar-bottom img.profile-avatar {
  height: 30px;
  width: 30px;
  border: 1px solid #ddd;
  border-radius: 20px;
}

/* navbar bottom css end */

.btn-custom-border {
  border: 1px solid #ec008c !important;
  padding: 7px 40px !important;
}

.btn-custom-hover {
  transition: all linear 0.3s;
}

.btn-custom-hover:hover {
  color: #ec008c !important;
  background: #fff !important;
  border: 1px solid #ec008c !important;
}

.btn-custom-reverse-hover {
  transition: all linear 0.3s;
}

.btn-custom-reverse-hover:hover {
  color: #fff !important;
  background: #ec008c !important;
  border: 1px solid #ec008c !important;
}

button.btn-custom-reverse-hover-updated {
  color: #ec008c;
  margin-bottom: 10px;
  padding: 5px 30px;
  border: 1px solid #ec008c;
  border-radius: 25px;
  font-weight: 500;
}

/* participant buttons */
.participant-mycourse-inner-btn {
  cursor: pointer;
}
.participant-mycourse-inner-btn:hover {
  background: #ff0022 !important;
  color: #f6faff !important;
}
.participant-mycourse-inner-btn:hover .fa-play-circle {
  color: white;
}

.participant-mycourse-back-btn:hover {
  color: #ec008c;
}

.participant-achievement-item-training-name p:hover {
  background: #2f9d16;
  color: #f1f4ff;
  border: 1px solid #2f9d16;
}

button.participant-create-discussion-modal-submit.btn-custom-hover {
  border: 1px solid #ec008c !important;
  padding: 6px 25px !important;
}

.forum-new-discussion-back-btn:hover {
  color: #475677 !important;
  background: #fff;
}

/* participant buttons end*/

/* trainer buttons start */

.search-icon-align button:hover {
  background: #fff;
  color: #ec008c !important;
  border: 1px solid #ec008c;
}

.trainer-vault-header a:hover {
  color: #ec008c !important;
  background: #fff !important;
  border: 1px solid #ec008c !important;
}

.participant-accordion-schedule-item a.resource-download {
  float: right;
  color: #007bff;
  margin-top: -25px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 12px !important;
  padding: 6px 20px;
  border: 1px solid #007bff;
  transition: all linear 0.3s;
}

.participant-accordion-schedule-item a.resource-download:hover {
  background: #007bff;
  color: #fff;
}

.trainer-additional-requirement-modal-submit
  .submit-additional-requirement:hover {
  background: #fff !important;
  color: #1c9400 !important;
  border: 1px solid #1c9400;
}

.trainer-create-training-save:hover {
  background: #fff !important;
  color: #595e68 !important;
  border: 1px solid #595e68;
}

/* trainer buttons end */

/* logistic css start */

/* Schedule Details card */

.logistic-accordion-inner-requirement ul {
  text-align: left;
}

.logistic-dashboard-lab-item .owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.logistic-dashboard-accordion-item-content.logistic-dashboard-accordion-right-item {
  margin-left: 0%;
  padding-left: 0%;
}

/* Schedule Details card */

@media (min-width: 300px) and (max-width: 768px) {
  .logistic-dashboard-welcome-left {
    float: none;
  }
  .logistic-dashboard-welcome-right {
    float: left;
    margin-bottom: 10px;
  }
}

/* .crad-regular-icon:hover {
    display: none;
} */

.logistic-dashboard-lab-card .card:hover .crad-regular-icon {
  display: none;
}

.logistic-dashboard-lab-card .card:hover .crad-hover-icon {
  display: inline-block !important;
  width: 55px;
  height: 55px;
}

.logistic-dashboard-lab-card .card .crad-hover-icon {
  display: none !important;
}

/* logistic css end */

/* landing page css start */

.landing-page-training-item .item .card {
  box-shadow: 1px 4px 10px 1px #ddd;
}

.login-page .login-box .container .right-item .card .card-body {
  padding-top: 35px;
}

/* landing page css end */

/* login page css start */

@media (min-width: 992px) {
  .col-lg-4.right-item.login-col {
    /* -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 31.333333%; */
  }
}

/* login page css end */

/* register page css start */

@media (min-width: 992px) {
  .col-lg-4.right-item.register-col {
    /* -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 31.333333%; */
  }
}

/* register page css end */

/* forget-pass page css start */

@media (min-width: 992px) {
  .col-lg-4.right-item.forgetpass-col {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 31.333333%;
  }
}

/* forget-pass page css end */

/* rest-pass page css start */

@media (min-width: 992px) {
  .col-lg-4.right-item.resetpass-col {
    /* -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 31.333333%; */
  }
}

/* rest-pass page css end */

/* otp page css start */

@media (min-width: 992px) {
  .col-lg-4.right-item.otp-col {
    /* -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 31.333333%; */
  }
}

/* otp page css end */

/* verify-opt page css start */

@media (min-width: 992px) {
  .col-lg-4.right-item.verify-opt-col {
    /* -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 31.333333%; */
  }
}

/* verify-opt page css end */

/* opacity add on login-register footer */

.login-footer .footer-copyright p {
  opacity: 0.7;
}

/* opacity add on login-register footer */

/* OTP css  */

.forget-password-otp .digit-group.otp-input-box {
  display: flex;
  justify-content: center;
}

.digit-group input {
  width: 50px;
  height: 50px;
  background: #fff;
  border: none;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  color: #53627b;
  margin: 0 13px;
  box-shadow: 0 0px 8px 1px #ddd;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .digit-group input {
    width: 40px;
    height: 45px;
    line-height: 50px;
    font-size: 24px;
    margin: 0px 8px;
  }
}

@media (min-width: 1201px) and (max-width: 1300px) {
  .digit-group input {
    width: 44px;
    height: 45px;
    line-height: 50px;
    font-size: 24px;
    margin: 0px 7px;
  }
}

@media (min-width: 1301px) and (max-width: 1484px) {
  .digit-group input {
    width: 48px;
    height: 45px;
    line-height: 50px;
    font-size: 24px;
    margin: 0px 8px;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .digit-group input {
    width: 40px;
    height: 45px;
    line-height: 50px;
    font-size: 24px;
    margin: 0px 8px;
  }
}

/* @media (min-width: 300px) and (max-width: 769px) {
    .digit-group input {
        width: 40px;
        height: 45px;
    }
} */

@media (min-width: 300px) and (max-width: 400px) {
  .digit-group input {
    width: 40px;
    height: 45px;
    line-height: 50px;
    font-size: 24px;
    margin: 0px 10px;
  }
}

/* OTP css end */

/* participant dashboard content */

.dashboard-alljobs-table thead th {
  border-bottom: 2px solid #ec008c !important;
}

.dashboard-table-card-footer a {
  font-size: 14px;
  padding: 8px 44px;
  color: #fff;
  background: #ec008c;
  border: 1px solid #ec008c;
  border-radius: 20px;
  transition: all linear 0.3s;
}

.dashboard-table-card-footer a:hover {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
}

.dashboard-alljobs-table td,
.dashboard-alljobs-table th {
  padding: 1.2rem;
}

a.participantJobApplied {
  color: #37a800 !important;
  background: unset !important;
  font-weight: 500;
}

@media (min-width: 1200px) {
  .participant-dashboard-content .col-lg-7 .card {
    margin-bottom: 1.5rem;
    margin-right: 0.5rem;
  }
  .participant-dashboard-profile-status p {
    padding-bottom: 19px;
    padding-top: 7px;
  }
}

@media (max-width: 500px) {
  .participant-dashboard-profile-finish-button a {
    padding: 5px 10px;
    margin-right: 10px;
  }
}

/* participant dashboard content end*/

/* participant profile info details */

@media (min-width: 576px) {
  .nav-tabs li.nav-item .nav-link.active {
    background: #ebefff !important;
    font-weight: bold !important;
    position: relative !important;
    display: flex;
    justify-content: center;
  }
  .nav-tabs li.nav-item .nav-link.active::after {
    content: '';
    height: 2px;
    width: 50px;
    display: block;
    background: #ec008c;
    transform: translateY(50px);
    position: absolute;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .nav-link {
    padding: 0.5rem 0.9rem;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .nav-tabs li.nav-item .nav-link.active {
    background: #ebefff !important;
    font-weight: bold !important;
    position: relative !important;
    display: flex;
    justify-content: center;
  }
  .nav-tabs li.nav-item .nav-link.active::after {
    content: '';
    height: 2px;
    width: 50px;
    display: block;
    background: #ec008c;
    transform: translateY(45px);
    position: absolute;
  }
  #personalTab .nav-tabs .nav-item {
    margin-top: 2%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .row.profile-side-card {
    display: flex;
    justify-content: center;
  }
}

/* participant profile info details */

/* participant available course css start*/

.participant-available-course-search select {
  -webkit-appearance: none;
  position: relative;
}

.participant-available-course-search .form-group i.fa-chevron-down {
  position: absolute;
  top: 14px;
  right: 17px;
  color: #d5d5d5;
}

/* participant available course css end*/

/* participant my course css start */

.participant-my-course-filter select {
  -webkit-appearance: none;
  position: relative;
}

.participant-my-course-filter i.fa-chevron-down {
  position: absolute;
  top: 43px;
  right: 17px;
  color: #ec008c;
}

/* participant my course css end */

/* participant my course overview-card css start */

@media (min-width: 320px) and (max-width: 768px) {
  .training_details_overview_card {
    min-height: 320px;
  }
}

@media (min-width: 300px) and (max-width: 448px) {
  /* .training_progress_bar {
    padding-left: 30px;
    padding-right: 28px;
  } */
  /* .participant-course-progress-bar-progress-status p {
    font-size: 13px;
  } */
  .participant-course-progress-bar-progress-status h2 {
    font-size: 13px;
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
  .progress_bar_item p {
    height: 30px;
    width: 30px;
    line-height: 29px;
    font-size: 11px;
  }
  .participant-course-progress-bar-progress-complete p {
    margin-top: 1px;
    position: absolute;
    transform: translate(10px, 24px);
  }
  .progress_bar_item h2 {
    font-size: 13px;
    margin-top: 65px;
    transform: translateX(-16px) !important;
  }
  .course-detail-content-top a {
    padding: 1px;
    margin: 30px 11px;
    width: 67px;
    font-size: 14px;
  }
}

@media (min-width: 449px) and (max-width: 768px) {
  /* .training_progress_bar {
    padding-left: 50px;
    padding-right: 50px;
  } */
}

.progress_bar_item h2 {
  transform: translateX(-8px);
}

/* participant my course overview-card css end */

/* participant assessment file-view css starts */

.participant-assessment-file-header {
  background: #475677;
  height: 60px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.participant-assessment-file-header.participant-accordion-file-close a {
  line-height: 61px;
}

/* participant  assessment file-view css ends */

/* participant my course tab panel css start */

.my-course-nav-tab {
  box-shadow: none;
  background: #fff;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 0px;
  margin-top: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #475677;
}

.training_details_tab .nav-tabs .individual-tab.nav-link {
  font-size: 18px;
}

.training_details_tab .nav-tabs .individual-tab.nav-link.active {
  color: #495057;
  background-color: #fff;
  border: none;
  display: flex;
  justify-content: center;
  position: relative;
  font-weight: bold;
}

.training_details_tab .nav-tabs .individual-tab.nav-link.active::after {
  content: '';
  display: block;
  width: 125px;
  height: 4px;
  background: #1c1e20;
  position: absolute;
  transform: translateY(39px);
}

@media (min-width: 445px) and (max-width: 522px) {
  .training_details_tab .nav-link {
    padding: 0.5rem 0.4rem;
  }
}

@media (min-width: 300px) and (max-width: 445px) {
  .training_details_tab .nav-tabs .individual-tab.nav-link.active::after {
    transform: translateY(25px);
  }
  .training_details_tab .nav-tabs .individual-tab.nav-link {
    font-size: 13px;
  }
  .training_details_tab .nav-link {
    padding: 0.5rem 2rem;
  }
}

/* participant my course tab panel css start */

/* participant my course course-content days css start */

.course-details-view-files {
  float: none;
}

.course-details-view-files a {
  color: #007bff;
  margin-top: unset;
  font-weight: unset;
  border-radius: unset;
  font-size: 12px !important;
  padding: unset;
  border: unset;
  transition: all linear 0.3s;
  text-decoration: underline;
  float: left;
}

@media (min-width: 300px) and (max-width: 448px) {
  .participant-my-course-accordion-item .MuiAccordionSummary-root {
    padding: 0px 5px !important;
  }
  .participant-my-course-accordion-item .MuiTypography-root {
    width: 100%;
    padding-left: 5px;
    padding-right: 0px;
  }
  .participant-accordion-item-content p {
    font-size: 14px;
  }
  /* .participant-accordion-item-content h3 {
    font-size: 13px;
    padding-right: 0px;
  } */
  /* .participant-accordion-item-content i {
    padding: 8px;
    margin-right: 8px;
  } */
}

@media (min-width: 448px) and (max-width: 550px) {
  .participant-my-course-accordion-item .MuiTypography-root {
    padding-left: 7px;
    padding-right: 0px;
  }
  .participant-accordion-item-content i {
    padding: 8px;
    margin-right: 10px;
  }
  .participant-accordion-item-content p {
    font-size: 18px;
  }
  .participant-accordion-item-content h3 {
    font-size: 16px;
    padding-right: 0px;
  }
}

@media (min-width: 300px) and (max-width: 769px) {
  .participant-accordion-assignment-upload {
    float: left;
    margin-top: 10px;
  }
  .participant-accordion-assignment-upload .custom-file input[type='submit'] {
    /* float: right;
    padding: 2px 2px;
    margin-right: 107px; */
  }
  .participant-accordion-assignment-upload .custom-file input[type='button'] {
    float: left;
    margin-top: -35px;
    padding: 4px 15px;
  }
  .participant-accordion-assignment-upload.for-aditionla-task {
    margin-top: -15px;
  }
  .participant-accordion-schedule-item a {
    float: none !important;
    padding: 4px 6px !important;
  }
  .participant-accordion-resource .participant-accordion-schedule-item ul li {
    text-decoration: none;
  }
  .participant-accordion-schedule-item
    span.participant-my-course-not-started-yet-button {
    float: left;
    margin-top: -8px;
    padding: 6px 5px;
  }
  .participant-assignment-custom-section-form {
    position: unset;
    bottom: unset;
    right: unset;
    transform: unset;
    margin-top: unset;
  }
  p.participantUploadedFile {
    margin-bottom: 25px;
  }
  .participant-accordion-schedule-item ul li button {
    float: left !important;
    font-size: 12px !important;
    float: right;
    border: 1px solid #007bff;
    padding: 2px 4px !important;
    margin-top: 0px;
    transition: all linear 0.3s;
  }
  .participant-accordion-resource .participant-accordion-schedule-item ul li {
    margin-bottom: 33px;
  }
}

@media (min-width: 300px) and (max-width: 400px) {
  /* .participant-accordion-assignment-upload .custom-file-input {
    width: 70%;
  } */
}

/* participant my course course-content days css end */

/* participant my course forum css start */

@media (min-width: 300px) and (max-width: 576px) {
  .participant-discussuin-forum-item-icon:nth-of-type(2),
  .participant-discussuin-forum-item-icon:nth-of-type(3) {
    margin-bottom: 7px;
  }
}

@media (min-width: 300px) and (max-width: 576px) {
  .participant-forum-discussion-details-comment-avatar {
    text-align: left;
    margin-bottom: 10px;
  }
  .participant-forum-discussion-details-comment-edit {
    text-align: left;
  }
}

@media (min-width: 600px) and (max-width: 820px) {
  .participant-create-discussion-modal-item .modal-dialog {
    min-width: 500px;
  }
}

@media (min-width: 300px) and (max-width: 600px) {
  .participant-create-discussion-modal-item .modal-dialog {
    min-width: 300px;
  }
}

/* participant my course forum css end */

/* participant my course quiz css start */

@media (min-width: 575px) and (max-width: 768px) {
  .participant-my-quiz-header a {
    left: -8px;
    top: 50px;
    padding: 4px 9px;
  }
}

@media (min-width: 300px) and (max-width: 575px) {
  .participant-my-quiz-header a {
    left: 10px;
    top: 12px;
    padding: 4px 9px;
  }
}

/* participant my course quiz css end */

/* participant achievements css start */

/* ---tab-- */

.participant-training-achievement-tab .training-achievement-nav-tab {
  box-shadow: none;
  background: #fff;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 0px;
  margin-bottom: 30px;
  border-bottom: 1px solid #475677;
}

.training-achievement-nav-tab .individual-tab.nav-link.active {
  color: #495057;
  background-color: #fff;
  border: none;
  display: flex;
  justify-content: start;
  position: relative;
  font-weight: bold;
}

.training-achievement-nav-tab .individual-tab.nav-link.active::after {
  content: '';
  display: block;
  width: 150px;
  height: 4px;
  background: #1c1e20;
  position: absolute;
  transform: translateY(42px);
  left: 0;
}

.training-achievement-nav-tab .individual-tab.nav-link {
  font-size: 20px;
}

.participant-training-achievement-tab .nav-tabs .nav-link {
  color: #000;
}

.participant-training-achievement-tab .nav-fill .nav-item {
  text-align: left;
}

@media (min-width: 300px) and (max-width: 576px) {
  .training-achievement-nav-tab .individual-tab.nav-link {
    width: 30%;
  }
}

/* ---tab end-- */

.participant-assessments-item .card {
  border-radius: 10px;
}

.participant-assessments-item .participant-assessments-card-top {
  border-bottom: 1px solid #989898;
}

.participant-assessments-card-top
  .participant-assessments-info-left
  p:first-child {
  font-size: 20px;
  font-weight: 400;
}

.participant-assessments-card-top
  .participant-assessments-info-left
  h5:last-child {
  margin-bottom: 19px;
  color: #05252f;
}

.participant-assessments-card-top .participant-assessments-info-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: 4px;
  color: #ec008c;
}

.participant-assessments-item .participant-assessments-card-bottom {
  font-size: 15px;
  font-weight: 500;
  margin-top: 13px;
}

@media (min-width: 300px) and (max-width: 445px) {
  .participant-achievement-item-training-linkedin a {
    font-size: 12px;
    padding: 4px 4px;
  }
  .participant-achievement-item-training-linkedin a i {
    display: none;
  }
  .participant-achievement-item-training-name p {
    padding: 4px 11px;
    font-size: 12px;
  }
  .participant-achievement-item-footer-date p {
    font-size: 13px;
  }
  .participant-achievement-item-footer-certificate a {
    font-size: 13px;
  }
}

@media (min-width: 300px) and (max-width: 576px) {
  .participant-achievement-item .linkedin-attachment-sec {
    padding: 20px 8px;
  }
  .participant-achievement-item-training-linkedin {
    margin-top: 0px;
    float: left;
  }
  .participant-achievement-item-training-name {
    margin-bottom: 0px;
  }
  .participant-achievement-item-footer-certificate a {
    float: left;
  }
  .participant-assessments-card-top .participant-assessments-info-right {
    display: block;
    margin-bottom: 10px;
  }
  .participant-assessments-card-top
    .participant-assessments-info-left
    h5:last-child {
    margin-bottom: 10px;
  }
  .participant-assessments-result-info p {
    margin-top: 5px;
  }
}

/* participant achievements css end */

/* trainer edit course css start */

.upload-training-preview-video {
  height: auto;
}

/* trainer edit course css end */

/* trainer dashboard css start */

@media (min-width: 300px) and (max-width: 992px) {
  .trainer-dashboard-welcome-card-content a {
    margin-bottom: 25px;
  }
}

.participant-info-table.in-trainer .card {
  box-shadow: none;
  border-radius: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

.participant-info-table.in-trainer .card .card-body {
  padding-left: 0px;
  padding-right: 0px;
}

.participant-info-table.in-trainer .card table.dataTable {
  box-shadow: 0 0px 10px 3px #ddd;
  border-radius: 7px;
  margin-bottom: 20px !important;
}

.participant-info-table.in-trainer .MUIDataTable-responsiveBase-5 {
  padding: 0%;
  border-radius: 9px;
  padding-left: 0px;
  margin: 0px 4px;
  box-shadow: 0px 0px 8px 1px #ddd;
}

/*
 *  STYLE 6
 */

.counsellor_dashboard_info_card
  .MUIDataTable-responsiveBase-5::-webkit-scrollbar-track {
  width: 1em;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f2f2f2;
}

.counsellor_dashboard_info_card
  .MUIDataTable-responsiveBase-5::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: #f2f2f2;
}

.counsellor_dashboard_info_card
  .MUIDataTable-responsiveBase-5::-webkit-scrollbar-thumb {
  width: 1em;
  background-color: darkgray;
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
}

.counsellor_dashboard_info_card
  .MUIDataTable-responsiveBase-5
  tr:last-child
  td:first-child {
  padding-bottom: 30px !important;
}

.counsellor_dashboard_info_card
  .MUIDataTable-responsiveBase-5
  tbody
  tr:first-child
  td:first-child {
  padding-top: 30px !important;
}

/* table {
    border-collapse: separate;
    border-spacing: 0;
}

td {
    border: solid 1px #000;
    border-style: none solid solid none;
    padding: 10px;
} */

tr:first-child th:first-child {
  border-top-left-radius: 7px;
}

tr:first-child th:last-child {
  border-top-right-radius: 7px;
}

tr:last-child td:first-child {
  border-bottom-left-radius: 7px;
}

tr:last-child td:last-child {
  border-bottom-right-radius: 7px;
}

.participant-info-table.in-trainer .card .dataTables_length {
  float: left;
}

.participant-info-table.in-trainer .card .dataTables_info {
  width: 75%;
  text-align: center;
  padding-top: 0px !important;
}

.participant-info-table.in-trainer
  .dataTables_paginate.paging_simple_numbers
  .page-link {
  padding: 0.4rem 0.7rem;
}

.participant-info-table.in-trainer .MUIDataTableHeadCell-fixedHeader-47 {
  background: unset !important;
}

.participant-info-table.in-trainer .MuiButton-root {
  color: #fff !important;
  padding-left: 0px;
}

.participant-info-table.in-trainer .MUIDataTableHeadCell-sortActive-54 {
  color: #fff !important;
}

.participant-info-table.in-trainer .MuiTableCell-root {
  /* padding: 11px 9px !important; */
  border: none !important;
}

@media (min-width: 540px) and (max-width: 769px) {
  .participant-info-table.in-trainer .card .dataTables_info {
    width: 100%;
  }
}

@media (min-width: 300px) and (max-width: 540px) {
  .trainer-participant-info {
    text-align: center;
  }
  .trainer-participant-info button.trainer-participant-info-button {
    float: none;
  }
  .participant-info-table.in-trainer .card .dataTables_length {
    float: none;
  }
  .participant-info-table.in-trainer .card .dataTables_info {
    width: 100%;
    float: none;
  }
  .participant-info-table.in-trainer
    div.dataTables_wrapper
    div.dataTables_paginate
    ul.pagination {
    margin: 5px 0;
    justify-content: center;
  }
  .participant-info-table.in-trainer .dt-buttons {
    margin-left: 7%;
  }
}

/* trainer dashboard css end */

/* trainer my activity css start */

.trainer-my-activities-item select {
  -webkit-appearance: none;
  position: relative;
}

.trainer-my-activities-item i.fa-chevron-down {
  position: absolute;
  top: 57px;
  right: 49px;
  color: #d5d5d5;
}

.participant-accordion-inner-item .participant-recorded-sec {
  margin-top: 10px;
}

.participant-accordion-inner-item .icon-for-record-class {
  margin-top: 9px;
}

.trainer-recored-class-watch {
  background: #fff !important;
  float: right !important;
  color: #007bff !important;
  margin-top: -25px !important;
  font-weight: 500 !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  padding: 6px 20px !important;
  border: 1px solid #007bff !important;
  transition: all linear 0.3s !important;
}

.trainer-recored-class-watch:hover {
  background: #007bff !important;
  color: #f6faff !important;
}

.participant-accordion-schedule-item
  .participant-accordion-schedule-paragraph
  span {
  font-weight: 500;
  font-size: 15px;
}

@media (min-width: 300px) and (max-width: 769px) {
  .participant-accordion-schedule-item p:nth-child(2) {
    float: none;
    margin-bottom: 5px;
  }
}

@media (min-width: 300px) and (max-width: 465px) {
  .trainer-my-activities-content-text {
    float: none;
  }
  .trainer-my-activities-content button {
    float: left;
    margin-top: 25px;
    margin-left: 30px;
    padding: 6px 25px;
  }
  .participant-accordion-schedule-item a {
    float: none !important;
    padding: 4px 4px !important;
  }
}

/* trainer my activity css end */

/* trainer my question css start */

.trainer-vault-search select {
  -webkit-appearance: none;
  position: relative;
}

.trainer-vault-search-item i.fa-chevron-down {
  position: absolute;
  top: 20px;
  right: 17px;
  color: #d5d5d5;
}

@media (min-width: 300px) and (max-width: 401px) {
  .trainer-question-header h2 {
    font-size: 24px;
  }
  .trainer-mcq-answer .trainer-mcq-answer-text {
    padding-left: 20px;
  }
  .trainer-question-schedule-item h2 {
    font-size: 15px;
  }
  .trainer-question-schedule-marks input {
    height: 75%;
  }
}

/* trainer my question css end */

/* trainer my question menu css start */

@media (max-width: 767px) {
  .my-question-main-page {
    min-height: 150px !important;
  }
  .trainer-category-create.trainer-improvement-plan-topsec a {
    padding: 5px 10px;
  }
  .trainer-my-improvement-plan-table .dataTables_wrapper.dt-bootstrap4 {
    overflow-x: scroll;
  }
  .card-body .dataTables_wrapper .dt-buttons .dt-button {
    margin-left: 25px;
  }
  .trainer-category-create a {
    padding: 7px 12px;
  }
}

@media (min-width: 490px) and (max-width: 768px) {
  .trainer-my-question-header ul li:nth-child(1) a {
    padding: 6px 20px;
  }
  .trainer-my-question-header ul li:nth-child(2) a {
    padding: 6px 16px;
  }
  .trainer-my-question-header ul li:nth-child(3) a {
    padding: 6px 25px;
  }
  .trainer-my-question-header ul li:nth-child(4) a {
    padding: 6px 13px;
  }
  .trainer-my-question-header-top {
    padding-bottom: 20px;
  }
  .trainer-my-question-header h2 {
    float: none;
  }
  .trainer-my-question-header ul {
    float: left;
  }
  .trainer-my-question-header ul li {
    margin-left: 0px;
    margin-right: 6px;
  }
  .trainer-my-question-header ul li:nth-of-type(1) {
    margin-left: 0px;
  }
}

@media (min-width: 300px) and (max-width: 490px) {
  .trainer-my-question-header h2 {
    float: none;
  }
  .trainer-my-question-header ul {
    float: none;
  }
  .trainer-my-question-header ul li:nth-child(1) {
    margin-left: 0px;
  }
  .trainer-my-question-header-top {
    padding-bottom: 30px;
  }
  .trainer-my-question-header ul li {
    margin-left: 0px;
    margin-right: 6px;
  }
  .trainer-my-question-header ul li:nth-child(1) a {
    padding: 6px 15px;
  }
  .trainer-my-question-header ul li:nth-child(2) a {
    padding: 6px 9px;
  }
  .trainer-my-question-header ul li:nth-child(3) a {
    padding: 6px 19px;
  }
  .trainer-my-question-header ul li:nth-child(4) a {
    padding: 6px 7px;
  }
  .trainer-category-create.trainer-new-quiz-topsec a {
    padding: 5px 10px;
  }
  .trainer-category-create.trainer-improvement-plan-topsec a {
    float: left;
    margin-top: 10px;
    margin-left: 18px;
  }
  .trainer-category-create.trainer-improvement-plan-topsec a i {
    display: none;
  }
  .trainer-category-create.trainer-improvement-plan-topsec h3 {
    float: none;
  }
  .trainer-improvement-create-top h2 {
    float: none;
  }
  .trainer-improvement-create-top .trainer-improvement-create-switch {
    float: left;
    margin-top: 15px;
  }
  .trainer-improvement-create-switch p:first-child {
    padding-left: 0px;
  }
  .trainer-my-question-header ul li a {
    font-size: 11px;
  }
}

@media (min-width: 300px) and (max-width: 400px) {
  .trainer-category-create.trainer-new-quiz-topsec a i {
    display: none;
  }
}

@media (min-width: 300px) and (max-width: 353px) {
  .trainer-my-question-header ul li:last-of-type {
    /* margin-top: 15px; */
  }
}

/* improvement plan css start */

.required-improvement-plan-lvl label {
  text-align: left !important;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .trainer-improvement-create-content form label,
  .trainer-improvement-create-content h3 {
    font-size: 16px !important;
  }
}

.improvement-plan-resource-scheduling .trainer-resources h2 {
  color: #475677;
  font-size: 25px;
  font-weight: 400;
  padding-bottom: 30px;
  padding-top: 20px;
}

.trainer-question-job .MuiAccordionDetails-root {
  padding: 0px !important;
  padding-left: 10px !important;
}

/* improvement plan css end */

/*trainer assessment question css start */

.card .card-body .question-correct-answer-lbl label {
  text-align: left !important;
}

.trainer-question-skill.trainer-question-job-opacity .card {
  height: 300px;
}

@media (min-width: 300px) and (max-width: 530px) {
  .trainer-category-create.trainer-question-topsec h3 {
    float: none;
    margin-bottom: 15px;
  }
  .trainer-category-create.trainer-question-topsec a {
    float: left;
  }
}

/*trainer assessment question css end */

/* assessment css start */

.skill-select-card .trainer-question-skill-item.skill-item-checkbox label {
  text-align: left;
}

.trainer-create-regular-assessment
  .trainer-select-skill-for-create-assessment
  .card,
.trainer-create-regular-assessment-difficulty-level .card {
  height: 310px;
  overflow-y: auto;
}

@media (min-width: 768px) and (max-width: 992px) {
  .trainer-assessment-create-card .card .card-body {
    padding: 1rem;
  }
  .skill-select-card .trainer-question-skill-item.skill-item-checkbox label {
    padding-left: 25px;
  }
  .trainer-assessment-create-card.select-items
    .trainer-assessment-create-card-difficulty-level
    p:first-of-type {
    float: none;
  }
  .trainer-assessment-create-card.select-items
    .trainer-assessment-create-card-difficulty-level
    p:last-of-type {
    float: left;
    margin-top: 8px;
  }
}

@media (min-width: 300px) and (max-width: 768px) {
  .trainer-category-create.category-create-topsec h3 {
    float: none;
  }
  .trainer-category-create.category-create-topsec a {
    float: left;
    margin-top: 25px;
  }
  .trainer-assessment-create-card.select-items .card {
    margin-right: -4px;
  }
}

@media (min-width: 300px) and (max-width: 577px) {
  .trainer-assessment-create-card-difficulty-level-item input {
    margin-top: 10px;
  }
}

/* assessment css end */

/* checkbox css start*/

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: break-all;
}

/* Hide the browser's default checkbox */

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  border: 1px solid #ec008c;
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  width: 16px;
  margin: 0 0.25em 0 0;
  padding: 0;
  vertical-align: top;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkbox-container .checkmark:after {
  background: #ec008c;
  color: white;
  content: '\2713';
  text-align: center;
  padding: 0%;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 16px;
}

.trainer-question-skill .trainer-question-skill-item.skill-item-checkbox label {
  text-align: left !important;
  padding-left: 25px;
  font-weight: 500;
  font-size: 13px !important;
}

/* checkbox css end*/

/* trainer my question css end */

/* Employer Register css start */

.employer-register-page .bottom-item#footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 5px;
}

.employer-register-page
  .container
  .right-item
  .card
  .card-body
  h3:nth-child(2) {
  font-size: 22px !important;
  color: #ff0084;
  padding-top: 10px !important;
  padding-bottom: 20px;
  font-weight: 400;
  text-align: center;
}

.employer-register-page .container .right-item .card .card-body h2 {
  text-align: center;
  color: #4e637b;
  text-transform: uppercase;
  font-size: 23px !important;
  font-weight: 700;
}

.employer-register-page .container .right-item .card .card-body p {
  font-size: 16px !important;
}

.employer-register-page .account-info-title h5 {
  font-size: 16px !important;
  color: #ec008c;
  margin-bottom: 18px;
}

.employer-register-page .account-info-details h5 {
  font-size: 16px !important;
  color: #ec008c;
  margin-bottom: 18px;
}

.employer-register-page .account-contact-info h5 {
  font-size: 16px !important;
  color: #ec008c;
  margin-bottom: 18px;
}

.employer-register-page .account-info-details .middle-title h5 {
  font-size: 16px !important;
  color: #818994;
  margin-bottom: 14px;
  margin-top: 8px;
}

.employer-register-page .account-contact-info .contact-info-title h4 {
  font-size: 16px !important;
  color: #818994;
  margin-bottom: 14px;
  margin-top: 2px;
}

.employer-register-page form .input-group {
  margin-bottom: 10px;
}

.employer-register-page
  .container
  .right-item
  .card
  .card-body
  .login-submit
  button {
  width: 55%;
}

.employer-register-page .checkmark {
  position: absolute;
  top: 4px;
  right: 3px;
  border: 1px solid #ec008c;
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  width: 16px;
  margin: 0 0.25em 0 0;
  padding: 0;
  vertical-align: top;
}

.employer-register-page .card .card-body label {
  text-align: center;
  margin-top: 10px;
  color: #000 !important;
}

.employer-register-page a.pricingPolicy {
  font-size: 15px;
  text-decoration: underline;
  color: #576271;
  font-weight: 500;
}

.employer-register-page a.pricingPolicy i {
  font-size: 12px;
  color: #ec008c;
  padding-left: 8px;
}

.employer-register-page form .mb-3 {
  margin-bottom: 1rem !important;
}

.employer-register-page {
  height: 1550px !important;
}

.employer-register-page select {
  color: #6f8095;
}

.employer-register-page select option {
  color: #6f8095;
}

.employer-register-page .input-group textarea.busi_description_area {
  height: 100px;
  resize: none;
}

.employer-register-page .input-group span.busi_description_icon {
  padding-bottom: 60px;
}

.employer-register-page .checkbox-container {
  display: inline-block;
  padding-left: 0px;
}

.employer-register-page .checkmark {
  left: unset;
}

/* .employer-register-page .companyNameSelect input::-webkit-input-placeholder::after {
    content: "Select Company";
    position: absolute;
    left: 0px;
    top: 0px;
}

.employer-register-page .companyNameSelect input::-webkit-input-placeholder {
    position: relative;
} */

.employer-register-page .companyNameSelect {
  width: 77%;
  overflow: hidden;
}

.employer-register-page .companyNameSelect .css-yk16xz-control {
  border: none;
  box-shadow: none;
}

.terms_conditions_to_emp_reg {
  cursor: unset;
}

@media (min-width: 577px) and (max-width: 768px) {
  .employer-register-page {
    height: 1920px !important;
  }
}

@media (min-width: 300px) and (max-width: 576px) {
  .employer-register-page {
    height: 2000px !important;
  }
  .employer-register-page .bottom-item#footer {
    bottom: 32px;
    margin-bottom: 0px;
  }
}

/* Employer Register css end */

/* Pending employer in admin css start */

.pending-employer-index tbody tr td:nth-child(7) button:hover {
  background: green !important;
  color: #fff;
}

.pending-employer-index button.training-management-details {
  background: #ec008c !important;
  border: 1px solid #ddd !important;
  border-radius: 5px;
  color: #fff !important;
  transition: all linear 0.3s;
}

.pending-employer-index
  tbody
  tr
  td:nth-child(6)
  button.training-management-details:hover {
  background: #fff !important;
  border: 1px solid #ec008c !important;
  color: #ec008c !important;
}

.panding-employer-details.modal-dialog {
  max-width: 1200px;
}

.panding-employer-details .modal-footer {
  justify-content: center;
}

.panding-employer-details .modal-footer a {
  background: #fff;
  color: #ec008c;
  padding: 8px 38px;
  border: 1px solid #ec008c;
  border-radius: 5px;
  transition: all linear 0.3s;
}

.panding-employer-details .modal-footer button {
  background: #fff;
  color: #ec008c;
  padding: 8px 38px;
  border: 1px solid #ec008c;
  border-radius: 5px;
  transition: all linear 0.3s;
}

.panding-employer-details .modal-footer button:hover {
  background: #ec008c;
  color: #fff;
  border: 1px solid #ec008c;
}

.panding-employer-details .modal-footer button:last-child {
  background: #ec008c;
  color: #fff;
  padding: 8px 38px;
  border: 1px solid #ec008c;
  border-radius: 5px;
  transition: all linear 0.3s;
}

.panding-employer-details .modal-footer button:last-child:hover {
  background: #fff;
  color: #ec008c;
  border: 1px solid #ec008c;
}

.panding-employer-details .modal-footer a:hover {
  background: #ec008c;
  color: #fff;
  border: 1px solid #ec008c;
}

.panding-employer-details.modal-dialog .business-description-area textarea {
  height: 100px;
  resize: none;
}

/* Pending employer in admin css end */

/* Existing employer in admin css start */

.existing-employer-index button.training-management-details {
  background: transparent !important;
  border: 1px solid #ddd !important;
  border-radius: 5px;
  color: #576271 !important;
  transition: all linear 0.3s;
}

.existing-employer-index button.training-management-details:hover {
  background: #ec008c !important;
  border: 1px solid #ec008c !important;
  color: #fff !important;
}

.existing-employer-index
  tbody
  tr
  td:nth-child(6)
  button.training-management-details:hover {
  background: #ec008c !important;
  color: #fff !important;
}

.existing-employer-details.modal-dialog {
  max-width: 1200px;
}

.existing-employer-details .modal-footer {
  justify-content: center;
}

.existing-employer-details .modal-footer button:first-child {
  background: #fff;
  color: #ec008c;
  padding: 8px 38px;
  border: 1px solid #ec008c;
  border-radius: 5px;
  transition: all linear 0.3s;
}

.existing-employer-details .modal-footer button {
  background: #ec008c;
  color: #fff;
  padding: 8px 38px;
  border: 1px solid #ec008c;
  border-radius: 5px;
  transition: all linear 0.3s;
}

.existing-employer-details .modal-footer button:hover {
  background: #fff;
  color: #ec008c;
  border: 1px solid #ec008c;
}

.existing-employer-details .modal-footer button:first-child:hover {
  background: #ec008c;
  color: #fff;
  border: 1px solid #ec008c;
}

/* Existing employer in admin css end */

/* Employer dashboard css start */

.employer-dashbord .employer-dashboard-profile {
  height: 295px;
}

.employer-dashbord
  .employer-dashboard-profile
  .participant-dashboard-profile-finish-button
  a {
  margin-right: 0px;
}

.employer-dashboard-profile .participant-dashboard-profile-top h3 {
  padding-bottom: 6px;
  padding-top: 10px;
}

.employer-dashbord .employer-dashboard-profile p.title-top,
.employer-dashbord .employer-dashboard-profile p.title-bottom {
  font-size: 14px;
  font-weight: 500;
}

.employer-dashbord .participant-profile-photo {
  margin-top: 29px;
}

.employer-dashboard-quick-status .participant-dashboard-card-content-left {
  padding-top: 50px;
}

.employer-dashbord .deashboard-top-left-sec {
  padding-right: 30px;
}

.employer-dashboard-quick-status .title-section h4 {
  color: #272d3b;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 24px;
}

.employer-dashboard-quick-status .title-section h4:after {
  content: '';
  display: block;
  width: 42px;
  height: 2px;
  background: #ec008c;
  position: absolute;
  top: 30px;
}

.employer-dashbord .participant-dashboard-card-content-right img {
  height: 37px;
}

.employer-dashbord p.chart-title {
  color: #272d3b;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .employer-dashbord .deashboard-top-left-sec {
    padding-right: 7px;
  }
}

/* Employer dashboard css end */

/* Employer job post css start */

.employer-job-post-page .job-info-title p {
  background: #ffe9f6;
  color: #ec008c;
  padding: 4px 15px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 2px;
  margin-top: 20px;
}

.employer-job-post-page .job-info-title p.first {
  margin-top: 0px;
}

.employer-job-post-page .footer-buttons button {
  background: #ec008c;
  color: #fff;
  padding: 8px 38px;
  border: 1px solid #ec008c;
  border-radius: 5px;
  margin-bottom: 4px;
  transition: all linear 0.3s;
}

.employer-job-post-page .footer-buttons button:hover {
  background: #fff;
  color: #ec008c;
}

.employer-job-post-page .footer-buttons a {
  background: #fff;
  color: #ec008c;
  padding: 9px 56px;
  margin-right: 18px;
  border: 1px solid #ec008c;
  border-radius: 5px;
  transition: all linear 0.3s;
}

.employer-job-post-page .footer-buttons a:hover {
  background: #ec008c;
  color: #fff;
}

.employer-job-post-page p.salary_qsn {
  color: #000;
  font-size: 16px;
  font-weight: 600 !important;
  padding-top: 12px;
}

.job-post-success-modal .modal-body {
  padding: 40px 0px;
}

.job-post-success-modal .modal-body h5 {
  font-size: 15px;
  padding-top: 9px;
}

.job-post-success-modal .modal-body img {
  margin-bottom: 5px;
}

.employer-job-post-page .trainer-improvement-create-switch {
  float: right;
}

.bulk-job-post .custom-file-input {
  opacity: 0;
}

.bulk-job-post label.custom-file-label {
  overflow: hidden;
  /* box-shadow: 0 0px 10px 1px #ddd; */
  border: none;
  height: 100%;
  display: flex;
  align-items: center;
}

.bulk-job-post .custom-file {
  box-shadow: 0 0px 10px 1px #ddd;
  border-radius: 4px;
  height: calc(2.8rem + 2px);
}

.bulk-job-post .custom-file-input:lang(en) ~ .custom-file-label::after {
  content: 'Browse File';
}

.bulk-job-post .custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 100%;
  padding: 0.375rem 1.6rem;
  line-height: 1.5;
  color: #fff;
  content: 'Browse';
  background-color: #b0b0b0;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
  display: flex;
  align-items: center;
}

.bulk-job-post-btn button {
  background: #fff;
  color: #ec008c;
  line-height: 45px;
  border: 1px solid #ec008c;
  border-radius: 5px;
  transition: all linear 0.3s;
}

.bulk-job-post-btn button:hover {
  background: #ec008c;
  color: #fff;
  border: 1px solid #ec008c;
}

.direction_change_without_first {
  flex-direction: row-reverse;
}

.soft_skills_for_job:nth-of-type(1) .direction_change_without_first {
  flex-direction: column;
}

@media (max-width: 575px) {
  .bulk-job-post-btn button {
    margin-top: 25px;
  }
}

/* Employer job post css end */

/* Employer manage job css start */

.employer-all-job-card table tbody tr td a.view-participant {
  color: unset;
  background: unset;
  border: none;
  transition: all linear 0.3s;
}

.employer-all-job-card table tbody tr td a.view-participant:hover {
  text-decoration: underline;
}

.shortlisted-job table#shortlistedTable td a.cancel-btn {
  background: red;
  color: #fff;
  border: 1px solid red;
}

.shortlisted-job table#shortlistedTable td a.cancel-btn:hover {
  background: #fff;
  color: red;
  border: 1px solid red;
}

.shortlisted-job table#reviewTable td a.cancel-btn {
  background: red;
  color: #fff;
  border: 1px solid red;
}

.shortlisted-job table#reviewTable td a.cancel-btn:hover {
  background: #fff;
  color: red;
  border: 1px solid red;
}

button.shortlistFlag {
  color: #ec008c;
  border: 1px solid #ec008c;
  background: #fff;
  transition: all linear 0.3s;
  font-size: 13px;
  font-weight: 500;
  border-radius: 25px;
  padding: 6px 25px;
  margin-top: 4px;
}

button.shortlistFlag:hover {
  color: #fff;
  border: 1px solid #ec008c;
  background: #ec008c;
}

button.emp-view-cv-btn {
  color: #fff;
  background: #ec008c;
  padding: 3px 7px !important;
  padding-top: 2px !important;
  font-size: 12px !important;
  border-radius: 25px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

button.emp-view-cv-btn:hover {
  color: #ec008c !important;
  background: #fff !important;
  border: 1px solid #ec008c;
}

button.emp-shortlist-btn {
  color: #ec008c !important;
  background: #fff !important;
  padding: 3px 7px !important;
  padding-top: 2px !important;
  font-size: 12px !important;
  border-radius: 25px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

button.emp-shortlist-btn:hover {
  color: #fff !important;
  background: #ec008c !important;
  border: 1px solid #ec008c;
}

.applicants-for-job .checkmark {
  top: 0%;
  left: 50%;
  transform: translate(-10px, 0px);
}

.employer_all_jobs .view-participant {
  color: #000;
  background: unset !important;
  padding: unset;
  font-size: 0.875rem;
  border-radius: unset !important;
  border: unset !important;
  transition: all linear 0.1s;
}

.employer_all_jobs .view-participant:hover {
  text-decoration: underline;
}

.employer_applied_participant .checkbox-container {
  display: unset !important;
  position: unset !important;
  padding-left: unset !important;
  margin-bottom: unset !important;
}

.employer_applied_participant .MuiTableCell-root:nth-of-type(1) {
  position: relative;
}

.employer_applied_participant .checkmark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* cv modal start */

.cv-dialog-box {
  max-width: 900px;
}

.cv-dialog-box .modal-header {
  border: none;
}

.cv-main-body {
  padding: 47px 75px;
  padding-top: 0px;
}

.cv-main-body .personal-info h3 {
  color: #ec008c;
  font-size: 24px;
  font-weight: 800 !important;
  line-height: 36px;
  margin-bottom: 8px;
}

.cv-main-body .personal-info p {
  color: #576271;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.cv-main-body .personal-info p span {
  font-weight: 400;
}

.experience_history .history-details p {
  color: #576271;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.experience_history .history-details p:first-child {
  color: #576271;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.experience_history .history-details p span {
  font-size: 14px;
  font-weight: 400;
}

.career-Objective .title,
.experience_history .history-title,
.employment-History .history-title,
.academic-Qualification .qualification-title {
  background: #ffecf7;
  padding: 3px 10px;
  margin-top: 18px;
  margin-bottom: 15px;
  border-radius: 1px;
}

.career-Objective .title p,
.experience_history .history-title p,
.employment-History .history-title p,
.academic-Qualification .qualification-title p {
  color: #ef2b9f;
  font-size: 15px;
  font-weight: 500;
}

.career-Objective p.details {
  color: #576271;
  font-size: 16px;
}

.employment-History .history-details p:first-child {
  color: #576271;
  font-size: 16px;
  margin-bottom: 3px;
}

.employment-History .history-details p:nth-child(2) {
  color: #576271;
  font-size: 14px;
  font-weight: 600;
}

.employment-History .history-details p {
  color: #576271;
  font-size: 14px;
}

.qualification-table .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  background: #f5f5f5;
}

.qualification-table thead tr th {
  font-size: 15px;
  color: #576271;
}

.qualification-table tbody tr td {
  font-size: 14px;
  color: #576271;
}

.career-Objective h5 {
  color: #576271;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 7px;
}

.career-Objective .training-History p {
  color: #576271;
  font-size: 14px;
  line-height: 22px;
}

.career-Objective .training-History p span {
  color: #576271;
  font-size: 14px;
}

.portfolio_profile_tools span:last-child {
  display: none;
}

.cv_any_disability .checkmark {
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  margin: 0 0.1em 0 0;
}

/* cv modal end */

/* Employer manage job css end */

.green {
  color: green;
}

/* admin training mgt end */

.active-training-management button.active-training-details {
  background: #ec008c !important;
  color: #fff;
  border: 1px solid #ec008c;
  border-radius: 5px;
  padding: 5px 15px;
  white-space: nowrap;
  transition: all linear 0.3s;
}

.active-training-management button.active-training-details:hover {
  background: #fff !important;
  color: #ec008c;
  border: 1px solid #ec008c;
}

.active-training-modal-footer button:first-child {
  border: 1px solid #fd2aa6;
  font-size: 17px;
  padding: 8px 40px;
  background: transparent;
  color: #fd2aa6;
  border-radius: 4px;
  margin-bottom: 15px;
  margin-right: 10px;
  transition: all linear 0.3s;
}

.active-training-modal-footer button:first-child:hover {
  background: #ec008c;
  color: #fff;
  border: 1px solid #fd2aa6;
}

.active-training-modal-footer button:last-child {
  border: 1px solid #fd2aa6;
  font-size: 17px;
  padding: 8px 40px;
  background: #ec008c;
  color: #fff;
  border-radius: 4px;
  margin-bottom: 15px;
  transition: all linear 0.3s;
}

.active-training-modal-footer button:last-child:hover {
  background: #fff;
  color: #ec008c;
  border: 1px solid #fd2aa6;
}

/* employer profile css end */

.dataTables_wrapper.dt-bootstrap4 {
  overflow-x: unset !important;
}

.action_button_one a {
  color: #fff !important;
  font-weight: 400;
  background: #ec008c;
  padding: 6px 20px !important;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
  text-decoration: none !important;
  border-radius: 3px;
}

.action_button_one a:hover {
  color: #ec008c !important;
  background: #fff;
  border: 1px solid #ec008c;
}

.action_button_two span {
  color: #ec008c !important;
  font-weight: 400;
  background: #fff;
  padding: 6px 13px !important;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
  text-decoration: none !important;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
}

.action_button_two span:hover {
  color: #fff !important;
  background: #ec008c;
  border: 1px solid #ec008c;
}

.action_button_two a {
  color: #ec008c !important;
  font-size: 13px !important;
  font-weight: 400;
  background: #fff;
  padding: 6px 20px !important;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
  text-decoration: none !important;
  border-radius: 3px;
  white-space: nowrap;
}

.action_button_two a:hover {
  color: #fff !important;
  background: #ec008c;
  border: 1px solid #ec008c;
}

/* participant profile for  counsellor */

.resume_for_counsellor .modal-dialog {
  margin-top: 0%;
}

.resume_for_counsellor .cv-main-body {
  min-height: 598px;
  padding: 33px !important;
  padding-top: 24px !important;
}

.resume_for_counsellor .modal-content {
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
  border: none;
}

.resume_for_counsellor .qualification-table {
  overflow: auto;
}

.resume_for_counsellor .personal_details p {
  color: #576271;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.resume_for_counsellor .personal_details p span {
  font-weight: 400;
}

.resume_for_counsellor .participant_current_status .dynamic_status {
  font-size: 13px;
  padding-left: 0px;
  margin-bottom: 4px;
}

.resume_for_counsellor .participant_current_status i.active {
  color: #ec008c;
  padding-top: 4.5px;
  padding-right: 7px;
}

.resume_for_counsellor .participant_current_status i.inactive {
  color: #6d2c90;
  padding-top: 4.5px;
  padding-right: 7px;
}

.resume_for_counsellor .participant_current_status .title {
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 3px;
  border-bottom: 2px solid #d0d0d0;
  padding-left: 0px;
  margin-bottom: 7px;
}

.counselling_list_table .table.text-center td {
  text-align: left !important;
}

/* .counselling_list_table p:first-child {
    color: #ec008c;
    font-size: 15px;
} */

.counselling_list_table span:nth-child(2) {
  color: #576271;
  font-size: 13px;
}

.counselling_list_table table {
  margin-top: 20px;
}

.counselling_list_table .new_task {
  color: #fff;
  font-weight: 400;
  background: #ec008c;
  padding: 5px 25px;
  border-radius: 25px;
  border: 1px solid transparent;
  transition: all linear 0.3s;
}

.counselling_list_table .new_task:hover {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
}

/* participant profile for  counsellor end */
/* 
.ant-picker-input input {
  text-transform: uppercase;
}

.ant-picker-suffix {
  color: rgb(0 0 0 / 78%) !important;
}

.ant-picker-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', 'tnum';
  position: absolute;
  z-index: 1050;
}

.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
}

.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%),
    0 9px 28px 8px rgb(0 0 0 / 5%);
  transition: margin 0.3s;
}

.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
}

.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}

.ant-picker-time-panel {
  width: auto;
  min-width: auto;
}

.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}

.ant-picker-panel-container .ant-picker-panel .ant-picker-content,
.ant-picker-panel-container .ant-picker-panel table {
  text-align: center;
}

.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}

.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.ant-picker-time-panel-column {
  flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}

.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}

.ant-picker-time-panel-column
  > li.ant-picker-time-panel-cell
  .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.3s;
}

.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}

.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}

.ant-picker-footer {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}

.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}

.ant-picker-ranges > li {
  display: inline-block;
}

.ant-picker-now {
  text-align: left;
}

.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}

.ant-picker-ranges > li {
  display: inline-block;
}

.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn[disabled] {
  cursor: not-allowed;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

.ant-btn-primary {
  color: #fff;
  border-color: #1890ff;
  background: #1890ff;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
  box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
}

.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 2px;
}

.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}

.ant-btn {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
}

.ant-picker-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgb(24 144 255 / 20%);
  border-right-width: 1px !important;
  outline: 0;
}

.ant-picker:hover,
.ant-picker-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}

.ant-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', 'tnum';
  padding: 4px 11px 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: border 0.3s, box-shadow 0.3s;
}

.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}

.ant-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}

.ant-picker-suffix {
  align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
} */

.css-nxo287-MuiInputBase-input-MuiOutlinedInput-input {
  height: 1em !important;
  box-sizing: inherit !important;
  background: #fff !important;
  /* text-transform: uppercase; */
}
.css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root {
  border: 1px solid #ddd !important;
}
.css-1d3z3hw-MuiOutlinedInput-notchedOutline {
  box-shadow: 1px 1px 7px 0px #ddd !important;
  border: none;
  border-style: none !important;
}

.css-1u3bzj6-MuiFormControl-root-MuiTextField-root {
  width: 100%;
}

/* counsellor slot end*/

@media (min-width: 300px) and (max-width: 450px) {
  .paginate_button.page-item .page-link {
    padding: 0.4rem 0.5rem;
  }
}

.dataTables_wrapper.dt-bootstrap4 {
  overflow-x: auto;
}

.result-fail {
  color: #ff0000 !important;
}

.result-pass {
  color: #1f7b19;
}

@supports (position: sticky) {
  .is-sticky {
    position: sticky;
    top: 0;
    z-index: 1;
  }
}

.is-sticky .participant-my-quiz-item-header {
  display: flex;
  justify-content: center;
}

/* common classes start */

.timer-box {
  width: 270px;
  background: #f2f2f2;
  border-radius: 3px;
  padding-bottom: 4px;
  margin-top: 10px;
}

.is-sticky .participant-my-quiz-item-header h3 {
  font-size: 18px;
  color: #ec008c;
  padding-top: 4px;
  font-weight: 700;
  padding-bottom: 5px;
}

.genSelectedItem {
  float: left;
  margin-right: 26px;
}

.successText {
  color: #48b66d;
}

.genSelectButton {
  color: #fff !important;
  background: #ec008c !important;
  padding: 3px 15px !important;
  padding-top: 2px !important;
  font-size: 13px !important;
  border-radius: 25px !important;
  border: 1px solid #ec008c !important;
  transition: all linear 0.3s !important;
}

.genSelectButton:hover {
  color: #ec008c !important;
  background: #fff !important;
  border: 1px solid #ec008c;
}

.genSubmitButton {
  color: #fff !important;
  background: #ec008c !important;
  padding: 10px 15px !important;
  padding-top: 11px !important;
  font-size: 16px !important;
  border: 1px solid #ec008c !important;
  transition: all linear 0.3s !important;
}

.genSubmitButton:hover {
  color: #ec008c !important;
  background: #fff !important;
  border: 1px solid #ec008c;
}

.genCancelButton {
  color: #fff;
  background: #ec008c;
  padding: 3px 15px !important;
  padding-top: 2px !important;
  font-size: 12px;
  border-radius: 25px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.genCancelButton:hover {
  color: #ec008c !important;
  background: #fff !important;
  border: 1px solid #ec008c;
}

.genRejectButton {
  color: #ec008c;
  background: #fff;
  padding: 3px 15px !important;
  padding-top: 2px !important;
  font-size: 12px;
  border-radius: 25px;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.genRejectButton:hover {
  color: #fff !important;
  background: #ec008c !important;
  border: 1px solid #ec008c;
}

.genDeleteButton_2 {
  color: #fff;
  background: #e23030;
  padding: 2.5px 15px !important;
  padding-top: 2px !important;
  font-size: 12px;
  border-radius: 25px;
  border: 1px solid #e23030;
  transition: all linear 0.3s;
}

.genDeleteButton_2:hover {
  color: #e23030 !important;
  background: #fff !important;
  border: 1px solid #e23030;
}

.genDeleteButton {
  color: #fff;
  background: #e23030;
  padding: 4px 18px !important;
  padding-top: 4px !important;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #e23030;
  transition: all linear 0.3s;
}

.genDeleteButton:hover {
  color: #e23030 !important;
  background: #fff !important;
  border: 1px solid #e23030;
}

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

.overflow-x-auto::-webkit-scrollbar-thumb {
  background: #afafaf !important;
  border-radius: 3px !important;
  width: 5px !important;
}

.override_padding {
  padding: 4px 20px !important;
}

.admin-submenu-active-item {
  /* border-bottom: 4px solid #fff !important; */
  background: #ce0f81 !important;
  color: #000 !important;
}

/* common classes end */

/* CK editor css strt*/

.ck.ck-editor__main .ck-content ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.ck.ck-editor__main .ck-content ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.job-description-sec ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.job-description-sec ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

/* CK editor css end*/

/* ########## azmain css end ######### */

/* Mahedi vai CSS http://localhost:4001/trainer/question/create*/

.trainer-question-job-opacity {
  pointer-events: none;
  opacity: 0.2;
}

.disabled-link {
  pointer-events: none;
}

.custom-class-for-hide-ckeditor-icon {
  pointer-events: none;
}

p.uploadedAssignment {
  float: left;
  font-size: 14px;
  font-weight: 600;
  padding-top: 10px;
  width: 100%;
  padding-bottom: 5px;
}

p.participantUploadedFile {
  float: left;
  width: 100%;
}

p.participantUploadedFile a {
  float: unset;
  color: #007bff;
  margin-top: unset;
  font-weight: unset;
  border-radius: unset;
  font-size: 13px !important;
  padding: unset;
  border: none;
  transition: unset;
  text-decoration: underline;
}

button.assignmentRemove {
  padding: 4px 18px;
  background: #fff;
  color: red;
  border: 1px solid red;
  border-radius: 25px;
  font-size: 13px;
  margin-top: 10px;
  transition: all linear 0.3s;
}

button.assignmentRemove:hover {
  background: red;
  color: #fff;
  border: 1px solid red;
}

.shortlist-job {
  cursor: pointer;
}

.admin-navbar nav ul li .active p {
  border-bottom: 4px solid #ec008c;
  transition: all linear 0.3s;
  color: #ec008c !important;
}
@media screen and (min-width: 992px) and (max-width: 1185px) {
  .admin-navbar .nav_logo img {
    height: 26px;
    margin-top: 0px !important;
  }
  .admin-navbar nav h2.admin-navbar-name {
    font-size: 17px;
  }
  .admin-navbar .brand_section {
    width: 30%;
  }
  .admin-navbar .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 5px;
    padding-left: 24px;
    font-size: 14px;
  }
  .admin-navbar .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 875px) {
  .admin-navbar nav h2.admin-navbar-name {
    font-size: 18px;
    padding-left: 20px;
  }
}
/* @-moz-keyframes spin {
    100% {
        -moz-transform: rotate(90deg);
    }
} */

/* @-webkit-keyframes spin {
    10% {
        -webkit-transform: rotate(90deg);
    }
}

@keyframes spin {
    10% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
} */

/* chatbot  */

.welcome-box {
  border-bottom: 1px solid #d2d2d2eb;
  padding-bottom: 10px;
}

.welcome-box h3 {
  font-size: 15px;
}

.welcome-box p {
  font-size: 13px;
}

.chat_box_show {
  background: rgb(245, 248, 251);
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 15%) 0px 12px 24px 0px;
  /* font-family: monospace; */
  overflow: hidden;
  position: fixed;
  bottom: 66px;
  top: initial;
  right: 128px;
  left: initial;
  width: 320px;
  height: 440px;
  z-index: 999;
  transform: scale(1);
  transform-origin: right bottom;
  /* transition: transform 0.3s ease 0s; */
  transition: transform 0.2s ease 0s;
}

.chat_box_hide {
  background: rgb(245, 248, 251);
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 15%) 0px 12px 24px 0px;
  /* font-family: monospace; */
  overflow: hidden;
  position: fixed;
  bottom: 73px;
  top: initial;
  right: 128px;
  left: initial;
  width: 350px;
  height: 520px;
  z-index: 999;
  transform: scale(0);
  transform-origin: right bottom;
  transition: transform 0.2s ease 0s;
}

/* ======================== */

.card.chat_bot .card-header {
  /* -webkit-box-align: center; */
  /* align-items: center; */
  background: #ec008c;
  color: rgb(255, 255, 255);
  /* display: flex; */
  fill: rgb(255, 255, 255);
  height: 40px;
  /* -webkit-box-pack: justify; */
  /* justify-content: space-between; */
  padding: 0px 10px;
}

.card.chat_bot .card-body {
  height: calc(413px);
  overflow-y: scroll;
  margin-top: 2px;
  padding: 8px;
  /* padding-top: 13px; */
}

.card.chat_bot .card-body .bot-reply {
  align-items: flex-end;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.card.chat_bot .card-body .bot-reply .bot-reply-logo {
  display: inline-block;
  order: 0;
  padding: 6px;
}

.card.chat_bot .card-body .bot-reply .bot-reply-logo img {
  animation: 0.3s ease 0s 1 normal forwards running Lmuha;
  border-radius: 50% 50% 0px;
  box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px 0px;
  height: 40px;
  min-width: 40px;
  padding: 3px;
  transform: scale(1);
  transform-origin: right bottom;
}

.card.chat_bot .card-body .bot-reply .bot-reply-text {
  animation: 0.3s ease 0s 1 normal forwards running Lmuha;
  background: #ffe9f6;
  color: #000;
  border-radius: 18px 18px 18px 0px;
  box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px 0px;
  display: inline-block;
  font-size: 14px;
  max-width: 69%;
  margin: 0px 0px 6px;
  overflow: hidden;
  position: relative;
  padding: 12px;
  transform: scale(1);
  transform-origin: left bottom;
}

/* //// */

.card.chat_bot .card-body .user-reply {
  align-items: flex-end;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.card.chat_bot .card-body .user-reply .user-reply-logo {
  display: inline-block;
  order: 1;
  padding: 6px;
}

.card.chat_bot .card-body .user-reply .user-reply-logo img {
  animation: 0.3s ease 0s 1 normal forwards running Lmuha;
  border-radius: 50% 50% 50% 0px;
  box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px 0px;
  height: 40px;
  min-width: 40px;
  padding: 3px;
  transform: scale(1);
  transform-origin: left bottom;
}

.card.chat_bot .card-body .user-reply .user-reply-text {
  animation: 0.3s ease 0s 1 normal forwards running Lmuha;
  background: rgb(255, 255, 255);
  border-radius: 18px 18px 0px;
  box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px 0px;
  color: rgb(74, 74, 74);
  display: inline-block;
  font-size: 14px;
  max-width: 68%;
  margin: 0px 0px 6px;
  overflow: hidden;
  position: relative;
  padding: 12px;
  transform: scale(1);
  transform-origin: right bottom;
}

/* /// */

.chat_bot .card-footer {
  position: relative;
}

.chat_bot .card-footer.chatting_text_area input[type='textarea'] {
  border-width: 1px 0px 0px;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
  border-image: initial;
  border-radius: 0px 0px 10px 10px;
  border-top-style: solid;
  border-top-color: rgb(238, 238, 238);
  box-shadow: none;
  box-sizing: border-box;
  font-size: 16px;
  opacity: 0.5;
  outline: none;
  padding: 10px 52px 10px 10px;
  width: 100%;
  appearance: none;
}

.chat_bot .card-footer.chatting_text_area button {
  background-color: transparent;
  border: 0px;
  border-bottom-right-radius: 10px;
  box-shadow: none;
  /* cursor: default; */
  fill: rgb(74, 74, 74);
  opacity: 0.5;
  outline: none;
  padding: 14px 16px 12px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.chat_bot .card-footer.chatting_text_area button::before {
  content: '';
  position: absolute;
  width: 23px;
  height: 23px;
  border-radius: 50%;
}

.chat_bot .card-footer.chatting_text_area button i {
  color: rgb(74, 74, 74);
}

.card.chat_bot .card-body::-webkit-scrollbar {
  width: 5px;
}

.card.chat_bot .card-body::-webkit-scrollbar-thumb {
  background: #afafaf;
  border-radius: 4px;
}

.faq_popup {
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  border: none;
  border-radius: 100%;
  box-shadow: rgb(0 0 0 / 15%) 0px 12px 24px 0px;
  display: flex;
  fill: rgb(255, 255, 255);
  height: 48px;
  width: 48px;
  -webkit-box-pack: center;
  justify-content: center;
  position: fixed;
  right: 32px;
  bottom: 32px;
  transform: scale(1);
  transition: transform 0.3s ease 0s;
  z-index: 999;
}

@media (min-width: 1300px) and (max-width: 1400px) {
  .chat_box_show {
    bottom: 58px;
    right: 128px;
    width: 290px;
    height: 400px;
  }
  .welcome-box h3 {
    font-size: 14px;
  }
  .welcome-box p {
    font-size: 12px;
  }
  .faq_popup {
    height: 42px;
    width: 42px;
  }
  span.faq_popup {
    right: 80px !important;
  }
}

/* chatbot  end*/

/* admin faq management */

/* admin faq management */

.faq_list_table table tbody tr td a {
  background: #ec008c !important;
  color: #fff !important;
  font-size: 13px !important;
  padding: 4px 20px !important;
  border-radius: 25px;
  border: 1px solid #ec008c !important;
  transition: all linear 0.3s;
}

.faq_list_table table tbody tr td a:hover {
  background: #fff !important;
  color: #ec008c !important;
  border: 1px solid #ec008c !important;
}

.faq_list_table table tbody tr td .delete-btn {
  background: #ff5722 !important;
  color: #fff !important;
  font-size: 13px !important;
  padding: 4px 20px !important;
  border-radius: 25px;
  border: 1px solid #ff5722 !important;
  transition: all linear 0.3s;
}

.faq_list_table table tbody tr td .delete-btn:hover {
  background: #fff !important;
  color: #ff5722 !important;
  border: 1px solid #ff5722 !important;
}

.faq_list_table .MUIDataTableHeadCell-fixedHeader-47:nth-of-type(5) {
  border-right: 0px !important;
}

.faq_list_table .MUIDataTableHeadCell-fixedHeader-47:nth-of-type(6) {
  border-left: 0px !important;
}

.faq_list_table .MUIDataTableBodyCell-root-67:nth-of-type(5) {
  border-right: 0px !important;
}

.faq_list_table .MUIDataTableBodyCell-root-67:nth-of-type(6) {
  border-left: 0px !important;
}

/* admin user management */

.sub_menu_compt .navbar .user_management_submenu .navbar-nav {
  margin-left: 0.2%;
}

/* admin user management end*/

.participant_session_details p {
  color: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
  padding-bottom: unset !important;
}

/* Custom MUI Datatable  */

.MuiPaper-elevation4 {
  box-shadow: none !important;
}

.MuiTableCell-root {
  padding: 11px 9px !important;
  border: 1px solid rgba(224, 224, 224, 1) !important;
}

.MuiToolbar-gutters {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.MuiTableFooter-root .MuiTableCell-root:last-child {
  border: none !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.MUIDataTableHeadCell-sortAction-51 {
  white-space: nowrap;
}

.MUIDataTableHeadCell-toolButton-55 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.MUIDataTable-responsiveBase-5 {
  overflow: auto;
  padding-bottom: 5px;
}

/* .MuiIconButton-colorInherit {
    padding-top: 0px !important;
    padding-right: 0px !important;
} */

/* .MUIDataTableHeadCell-fixedHeader-47 {
    z-index: 0 !important;
    background: #efefef !important;
} */

.custom_mui_datatable tr:first-child th:first-child {
  border-top-left-radius: 0px !important;
}

.custom_mui_datatable tr:first-child th:last-child {
  border-top-right-radius: 0px !important;
}

.MUIDataTableToolbar-icon-22:hover {
  color: #ec008c !important;
}

.custom_mui_datatable .tss-djbknv-MUIDataTablePagination-navContainer {
  display: block !important;
}

.custom_mui_datatable .tss-b8ecbc-MUIDataTableJumpToPage-root {
  display: inline-flex !important;
}

.custom_mui_datatable .tss-1dccma1-MUIDataTablePagination-toolbar {
  text-align: right;
  display: block !important;
}

.custom_mui_datatable .css-1psng7p-MuiTablePagination-spacer {
  flex: none !important;
}

.MuiTablePagination-selectLabel {
  float: left;
  margin-top: 14px;
}
.MuiInputBase-root {
  margin-bottom: 8px !important;
}
.MuiTablePagination-displayedRows {
  display: inline-block !important;
  margin-top: 16px !important;
}

.MuiTablePagination-actions {
  display: inline-block !important;
}

.MuiInputBase-colorPrimary {
  float: left !important;
  margin-top: 11px !important;
}

.custom_mui_datatable .tss-djbknv-MUIDataTablePagination-navContainer {
  position: relative;
  z-index: 0;
}

.custom_mui_datatable .tss-b8ecbc-MUIDataTableJumpToPage-root {
  position: absolute !important;
  top: 0;
  right: 25%;
  z-index: 111111111;
}

@media (max-width: 768px) {
  .tss-1lpiwt7-MUIDataTableJumpToPage-caption {
    display: none;
  }
}

@media (max-width: 767px) {
  .MUIDataTableJumpToPage-root-85 {
    position: unset !important;
    left: unset;
    z-index: unset;
  }
}

/* Custom MUI Datatable end */

/* participant task css start */

.participant_task_table p {
  color: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
  padding-bottom: unset !important;
}

/* common_notification */

.common_notification.bell_icon {
  font-size: 20px;
  color: #475677;
  cursor: pointer;
  position: relative;
  line-height: 50px;
}
.navbar-bottom .bottom_nav_left_item .upg-lms li h6 {
  padding-left: 90px;
  font-size: 18px;
  font-weight: 800;
  margin-top: 10px;
  color: #213455;
}
.common_notification.bell_icon .red_ball {
  position: absolute;
  background: red;
  font-size: 12px;
  color: #fff;
  padding: 5px;
  border-radius: 30px;
  height: 21px;
  width: 21px;
  text-align: center;
  top: -4px;
  right: -12px;
  line-height: 8px;
  font-weight: 700;
}

.showPannel {
  display: block !important;
}

.hidePannel {
  display: none !important;
}

/* pricing package */

.package_items {
  height: 240px;
  padding-top: 14px;
  overflow: auto;
}

/* common_notification end*/

@media (min-width: 992px) and (max-width: 1299px) {
  /* for most priority */
  .landing-page .owl-next {
    right: 10px !important;
    margin-right: 0px;
  }
}

.disabledItem {
  pointer-events: none;
  opacity: 0.2;
}

.participant_is_premium {
  background: #dcdcdc;
  width: 96px;
  font-size: 11px;
  text-align: center;
  padding: 4px 3px;
  margin-bottom: 5px;
  border: 1px solid #dcdcdc;
  border-radius: 18px;
}

.alert_to_confirm_paymen .react-confirm-alert-body {
  width: 630px;
}

.alert_to_confirm_paymen .react-confirm-alert-body > h1 {
  margin: 12px;
  font-size: 25px;
  margin-bottom: 21px;
}

.react-confirm-alert-button-group > button:hover {
  background: #fff !important;
  color: #ec008c;
  border: 1px solid #ec008c;
}

.form-control option:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

.accept_mark {
  font-size: 34px;
  color: #65a665;
  margin-right: 20px;
  transition: all 0.3 ease-in-out;
  cursor: pointer;
}

.accept_mark:hover {
  color: green;
}

.reject_mark {
  font-size: 34px;
  color: #f07a7a;
  transition: all 0.3 ease-in-out;
  cursor: pointer;
}

.reject_mark:hover {
  color: red;
}

.alert_to_confirm_onboard .react-confirm-alert-body {
  width: 430px;
}

.alert_to_confirm_onboard
  .react-confirm-alert-body
  .react-confirm-alert-body
  > h1 {
  font-size: 30px;
  margin-top: 0;
}

.navbar-bottom .form-inline .join-free-popup a:first-child {
  margin-bottom: 10 !important;
}

.ssl_gateways_footer_lft p {
  font-size: 15px;
  color: #05252f;
  font-weight: 600;
  padding-left: 3px;
}

/* contact us start */

.contact_us_items h4 {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  color: #475677;
}

.contact_us_items p {
  line-height: 26px;
  color: #475677;
  font-size: 15px;
}

.contact_us_items p span {
  font-weight: 500;
}

.contact_us_items .section_1 {
  position: relative;
}

.contact_us_items .section_1::after {
  content: '';
  position: absolute;
  right: 80px;
  height: 70px;
  top: 46px;
  width: 1.5px;
  background: #ec008c;
}

.contact_us_items .section_2 {
  position: relative;
}

.contact_us_items .section_2::after {
  content: '';
  position: absolute;
  right: 80px;
  height: 70px;
  top: 46px;
  width: 1.5px;
  background: #ec008c;
}

.notification_clear {
  margin: 0px 9px;
  font-size: 13px;
  color: red;
  font-weight: 500;
  border: 1px solid;
  border-radius: 9px;
  padding: 0px 5px;
  padding-bottom: 1px;
  cursor: pointer;
  transition: all linear 0.3s;
}

.notification_clear:hover {
  border: 1px solid;
  background: red;
  color: #fff;
}

.report_view
  .MUIDataTableToolbar-actions-17
  .MuiButtonBase-root:nth-of-type(2) {
  display: none;
}

.report_view .custom_mui_datatable {
  position: relative;
}

.report_view .report_download_btn {
  position: absolute;
  right: 123px;
  top: 28px;
  z-index: 1111;
  /* padding: 10px; */
  padding: 12px;
  /* overflow: visible; */
  /* font-size: 1.5rem; */
  text-align: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 50%;
}

.report_view .report_download_btn:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.report_view .report_download_btn i {
  color: #757575;
  font-size: 19px;
}

.report_view .report_download_btn:hover i {
  color: #ec008c;
}

/* contact us end */

/* admin dashboard css start */

.adm_dashboard_title {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.adm_dashboard_filter .form-control {
  height: 31px;
  line-height: 15px;
  font-size: 15px;
  padding: 0px 3px;
  margin-right: 15px;
}

.adm_dashboard_filter_btn:nth-of-type(1) {
  font-size: 16px;
  color: #ec008c;
  padding: 4px 28px;
  font-weight: 500;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #ec008c;
  margin-right: 5px;
  transition: all linear 0.3s;
  margin-top: 3px;
}

.adm_dashboard_filter_btn:nth-of-type(1):hover {
  color: #fff;
  background: #ec008c;
  border: 1px solid #ec008c;
}

.adm_dashboard_filter_btn:nth-of-type(2) {
  font-size: 13px;
  color: #fff;
  padding: 4px 14px;
  font-weight: 500;
  border-radius: 3px;
  background: #ec008c;
  border: 1px solid #ec008c;
  transition: all linear 0.3s;
}

.adm_dashboard_filter_btn:nth-of-type(2):hover {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
}

.overview_count_card
  .participant-dashboard-card-content
  .participant-dashboard-card-content-left
  p {
  font-size: 13px;
  color: #000000;
  font-weight: 500;
  padding-top: 4px;
}

.owl-carousel .owl-item .overview_count_card img {
  display: block;
  width: 58%;
}

.overview_count_card .participant-dashboard-card-content-left h3 {
  font-size: 26px;
  color: #ec008c;
  font-weight: 700;
}

.overview_count_card
  .participant-dashboard-card-contentwidth
  .participant-dashboard-card-content-left {
  float: left;
  padding-left: 11px;
  padding-top: 70px;
  padding-bottom: 11px;
}

.overview_slider .owl-next {
  right: -50px;
}

.overview_slider .owl-prev {
  left: -50px;
}

.overview_slider .owl-prev i,
.overview_slider .owl-next i {
  font-size: 27px;
  color: #9b9b9b;
  background: unset;
  padding: 5px 12px;
  border-radius: 50px;
  box-shadow: none;
}

.overview_count_card .participant-dashboard-card-content {
  padding-right: 7px;
}

.card.overview_count_card {
  margin-top: 20px;
  margin-left: 3px;
  margin-right: 3px;
  box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}

.qsn_wise_assessment_datatable .MuiButton-text {
  padding: 6px 2px;
}

.qsn_wise_assessment_datatable .MuiTableCell-root {
  padding: 11px 7px !important;
}

.overview_middle .card {
  height: 670px;
}

.chart_container {
  display: flex;
  width: 100%;
  height: 90%;
  align-items: center;
}

.qsn_wise_assessment_datatable table tbody td:nth-of-type(3),
.qsn_wise_assessment_datatable table tbody td:nth-of-type(4) {
  text-align: center;
}

.demographic_info {
  height: 80% !important;
}

.report_view .card-title {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  line-height: 50px;
  position: relative;
}

.report_view .card-title:nth-of-type(1):before {
  content: '';
  position: absolute;
  left: 5px;
  bottom: 0;
  height: 1px;
  width: 4%;
  border-bottom: 3px solid #d5001b;
}

.report_view .card-title:nth-of-type(2):before {
  content: '';
  position: absolute;
  left: 10px;
  bottom: 0;
  height: 1px;
  width: 4%;
  border-bottom: 3px solid #d5001b;
}

.report_view .card-title:nth-of-type(3):before {
  content: '';
  position: absolute;
  left: 20px;
  bottom: 0;
  height: 1px;
  width: 4%;
  border-bottom: 3px solid #d5001b;
}

.report_view .participant-dashboard-card-content-right {
  float: unset;
  margin-top: unset;
  margin-right: unset;
  position: absolute;
  top: 13px;
  right: 2px;
}

/* admin dashboard css end */

/* custome scroll-bar 
::-webkit-scrollbar {
    width: 5px;
    background: #afafaf;
}
*/

.css-lpahdxg-control {
  height: 51px !important;
}

.ck.ck-dropdown .ck-dropdown__arrow {
  z-index: unset !important;
}

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

.user-create-label {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

/* Mridul css start */

.dashboard-part {
  background-color: #f1f1f1;
  padding-bottom: 50px;
  min-height: 100vh;
}
.dashboard-part .course-details .card {
  margin: 10px 0px;
  padding: 12px 16px;
  border: 0px;
}
.dashboard-part .course-details .bar-chart {
  margin: 10px 0px;
  padding: 12px 16px;
  border: 0px;
}

.dashboard-part .course-details .line-chart {
  margin: 10px 0px;
  padding: 12px 16px;
  border: 0px;
}

.dashboard-part .course-details .card img {
  height: 30px;
  width: 25px;
}

.dashboard-part .course-details .card h3 {
  font-size: 24px;
  font-weight: 700;
  color: #272d3b;
}

.dashboard-part .course-details .card span {
  font-size: 14px;
  color: #444;
}

.dashboard-part .course-details .card .deashboard-profile {
  padding-bottom: 17px;
}

.dashboard-part .course-details .card .deashboard-profile img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 1px solid #ddd;
}

.dashboard-part .course-details .card .deashboard-profile h4 {
  color: #272d3b;
  font-size: 16px;
  font-weight: 700;
}

.dashboard-part .course-details .card .deashboard-profile h5 {
  color: #272d3b;
  font-size: 14px;
  font-weight: 400;
}

.dashboard-part .course-details .card .deashboard-profile p {
  font-size: 12px;
  color: #9e9e9e;
}

.dashboard-part .course-details .card .deashboard-profile .view-profile {
  text-decoration: none;
  background-color: #ececec;
  padding: 8px 20px;
  font-size: 11px;
  color: #000;
  font-weight: 600;
  border-radius: 25px;
}

.dashboard-part .course-details .card .deashboard-profile .profile-percent {
  height: 7px;
  background-color: #e9f4f7;
}

.dashboard-part
  .course-details
  .card
  .deashboard-profile
  .profile-percent
  .progress-bar {
  background-color: #487a8a;
}

.dashboard-part .course-details .course-overview {
  margin-top: 25px;
  margin-bottom: 11px;
  position: relative;
}

.dashboard-part .course-details .course-overview h2 {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  line-height: 50px;
}

/* .dashboard-part .course-details .course-overview::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0;
  height: 1px;
  width: 4%;
  border-bottom: 3px solid #000;
} */

.dashboard-part .course-details .live-class {
  border: 1px solid #ff0000;
  font-size: 14px;
  padding: 5px 22px;
  background: transparent;
  color: #ff0000;
  transition: all linear 0.3s;
  border-radius: 20px;
  display: flex;
  margin-top: -4px;
}

.dashboard-part .course-details .live-class:hover {
  color: #fff;
  background: #ec008c !important;
}

.dashboard-part .course-details .live-class i {
  color: #fff;
  border: 1px solid #ff0000;
  border-radius: 11px;
  padding: 5px 6px;
  background: #ff0000;
  font-size: 8px;
  margin-right: 18px;
}

.dashboard-part .course-details .assign-nominee {
  border: 1px solid #ec008c;
  font-size: 14px;
  padding: 6px 17px;
  background: transparent;
  color: #fff;
  transition: all linear 0.3s;
  border-radius: 20px;
  background-color: #ec008c;
}

.dashboard-part .course-details .assign-nominee:hover {
  color: #ec008c;
  background: #fff;
  border: 1px solid #ec008c;
}

.dashboard-part .course-details .bar-chart {
  height: 350px !important;
}

.dashboard-part .course-details .line-chart {
  height: 350px !important;
}
/* dashboard-part css end */

/* profile-side-card css start */
.profile-side-card
  .participant-profile-side-panel
  .participant-profile-summery-item
  .side-pane-nav-item {
  background-color: #f1f1f1;
}
.profile-side-card
  .participant-profile-side-panel
  .participant-profile-summery-item
  .side-pane-nav-item
  ul {
  padding-left: 0px !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}
.profile-side-card
  .participant-profile-side-panel
  .participant-profile-summery-item
  .side-pane-nav-item
  ul
  li {
  font-size: 16px;
  font-weight: 500;
  color: #d6d9de;
  letter-spacing: 1px;
  /* margin-top: 10px; */
}
.profile-side-card
  .participant-profile-side-panel
  .participant-profile-summery-item
  .side-pane-nav-item
  ul
  li
  span {
  padding-left: 80px;
  color: #475677;
}
.profile-side-card
  .participant-profile-side-panel
  .participant-profile-summery-name
  .participant-profile-designation {
  font-size: 13px;
  color: #475677;
  letter-spacing: 1px;
}
.profile-side-card .participant-profile-summery-item {
  text-align: left;
}

.profile-main-page .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1pxsolidrgba (0, 0, 0, 0.125);
  /* border-radius: 0.25rem; */
  box-shadow: 0px 0px 11px 4px #ddd;
}
.profile-main-page .card .card-header {
  background-color: #ffffff;
  border-radius: 5px;
}
.profile-main-page .card .card-header .card-title {
  color: #2c354a;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  margin-top: 5px;
}
.profile-main-page .info-details p {
  padding-left: 14px;
  font-size: 15px;
  font-weight: 500;
  color: #475677;
  padding-top: 8px;
  padding-bottom: 4px;
}
.info-details .personal-info-btn .profile-close-button {
  border: 1px solid #ec008c;
  color: #ec008c;
  font-weight: 600;
  padding: 9.5px 32px;
  margin-right: 10px;
  box-shadow: 0 0px 10px 1px #ddd;
  transition: all linear 0.3s;
  border-radius: 5px;
}
.info-details .personal-info-btn .profile-close-button:hover {
  background: #ec008c;
  color: #fff;
}
.info-details .personal-info-btn .profile_edit_btn {
  color: #fff;
  background: #ec008c !important;
  border: 1px solid #ec008c;
  padding: 9.5px 32px;
  font-weight: 600;
  background: none;
  border-radius: 5px;
  margin-right: 10px;
  box-shadow: 0 0px 10px 1px #ddd;
  transition: all linear 0.3s;
}
.info-details .personal-info-btn .profile_edit_btn:hover {
  color: #ec008c;
  background: #fff !important;
  border: 1px solid #fff;
}
@media (min-width: 320px) and (max-width: 575px) {
  .profile-main-page {
    margin-top: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .side-pane-nav-item ul li a {
    font-size: 13px;
  }
}
/* profile-side-card css end */
.profile-main-page .upload-photo {
  padding-bottom: 20px;
}
.profile-main-page .upload-photo h4 {
  font-size: 15px;
  font-weight: 600;
  color: #3c555c;
}
.profile-main-page .upload-photo .edit-image input {
  border: 2px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 250px;
  padding-left: 15px;
  border-radius: 11px;
  margin-right: 23px;
}
.profile-main-page .upload-photo .edit-image button {
  color: #ec008c;
  font-size: 16px;
  font-weight: 500;
  background: #ffffff;
  border: 2px solid #ec008c;
  padding: 9px 45px;
  border-radius: 5px;
}

.edit-bottom .personal-info-btn .profile-close-button {
  border: 1px solid #ec008c;
  color: #ec008c;
  font-weight: 600;
  padding: 9.5px 32px;
  margin-right: 10px;
  box-shadow: 0 0px 10px 1px #ddd;
  transition: all linear 0.3s;
  border-radius: 5px;
}
.edit-bottom .personal-info-btn .profile-close-button:hover {
  background: #ec008c;
  color: #fff;
}
.edit-bottom .personal-info-btn .profile_edit_btn {
  color: #fff;
  background: #ec008c !important;
  border: 1px solid #ec008c;
  padding: 9.5px 32px;
  font-weight: 600;
  background: none;
  border-radius: 5px;
  margin-right: 10px;
  box-shadow: 0 0px 10px 1px #ddd;
  transition: all linear 0.3s;
}
.edit-bottom .personal-info-btn .profile_edit_btn:hover {
  color: #ec008c;
  background: #fff !important;
  border: 1px solid #fff;
}
@media (min-width: 575px) and (max-width: 1199px) {
  .profile-main-page .upload-photo .edit-image input {
    padding-right: 194px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .profile-main-page {
    margin-top: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .profile-main-page .upload-photo .edit-image input {
    padding-right: 80px;
  }
  .profile-main-page .upload-photo .edit-image button {
    padding: 9px 28px;
  }
  .dashboard-part .course-details .live-class {
    padding: 6px 17px;
    border-radius: 20px;
    width: 138px;
    display: unset;
  }
}
@media (min-width: 320px) and (max-width: 575px) {
  .profile-main-page .upload-photo .edit-image input {
    border: 2px solid #ddd;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 7px;
    padding-left: 4px;
    border-radius: 11px;
    margin-right: 7px;
    font-size: 11px;
  }
  .profile-main-page .upload-photo .edit-image button {
    font-size: 11px;
    padding: 7px 6px;
  }
  .dashboard-part .course-details .live-class {
    font-size: 14px;
    padding: 5px 17px;
    display: unset;
    margin-top: -4px;
  }
}

/* My Course css starts */

.course-number h6 {
  font-size: 15px;
  font-weight: 700;
  color: #2c354a;
  padding-left: 1rem;
}

.course-tablist .first-child-after {
  border-right: 1px solid #475677;
  line-height: 8px;
  height: 20px;
}
.course-tablist .second-child-after {
  border-right: 1px solid #475677;
  line-height: 8px;
  height: 20px;
}
.course-tablist .last-child-after {
  line-height: 8px;
}

.course-tablist .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ec008c !important;
  background-color: #ffffff !important;
  font-size: 16px;
  font-weight: 700;
}
.course-tablist .nav-pills .nav-link {
  background: 0 0;
  border-radius: 0.25rem;
  padding: 5px 13px;
  font-size: 16px;
  font-weight: 400;
  color: #475677;
}

.assigned-course-details p {
  font-size: 12px;
  font-weight: 400;
  color: #475677;
}
.assigned-course-details span {
  color: #000;
  font-size: 12px;
  font-weight: 500;
}
.assigned-course-details h4 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
.assigned-course-details .profile-close-button {
  border: 1px solid #212529;
  padding: 2px 15px;
  font-size: 12px;
  border-radius: 13px;
}
.assigned-course-details .course-link a {
  color: #66b753;
  border-color: #66b753;
  font-size: 12px;
  font-weight: 500;
}
.assigned-course-details .course-link span {
  color: #66b753;
  border-color: #66b753;
  font-size: 12px;
  font-weight: 500;
}
.assigned-course-details .reject-link a {
  border-color: #ff8090;
  color: #ff8090;
  font-size: 12px;
  font-weight: 500;
}
.view-certificate {
  font-size: 12px;
  text-decoration: underline !important;
}
.assigned-course-details h6 {
  font-size: 14px;
  font-weight: 500;
}
.assigned-course-details .card .card-body {
  padding: 1rem 2rem !important;
}
@media (min-width: 320px) and (max-width: 575px) {
  .course-number h6 {
    font-size: 9px;
    padding-left: 0rem;
  }
  .course-tablist .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    font-size: 11px;
  }
  .course-tablist .nav-pills .nav-link {
    font-size: 12px;
  }
  .assigned-course-details p {
    font-size: 8px;
  }
  .assigned-course-details span {
    font-size: 9px;
  }
  .assigned-course-details h4 {
    font-size: 9px;
  }
  .assigned-course-details .course-link a {
    font-size: 9px;
  }
  .assigned-course-details .reject-link a {
    padding: 2px 24px;
    font-size: 9px;
  }
  .assigned-course-details h6 {
    font-size: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .profile-main-page {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .course-tablist .nav-pills .nav-link {
    padding: 5px 10px;
    font-size: 14px;
  }
  .course-tablist .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    font-size: 14px;
  }
}

/* My Courses css end */

@media (min-width: 320px) and (max-width: 575px) {
  .course-detail-content-top-button {
    position: absolute;
    left: -62px;
  }
  .course-detail-content-top h2 {
    font-size: 15px;
  }
  .course-detail-content-top h4 {
    font-size: 14px;
    padding-right: 0px;
  }
  .course-detail-content-top p {
    font-size: 13px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .training_progress_bar {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -36px;
    margin-right: -11px;
  }
  .participant-course-progress-bar-progress-status p {
    font-size: 8px;
  }
  .participant-course-status {
    color: #ff0022 !important;
    background-color: #ffe6ea !important;
  }
  .training_details_tab .nav-tabs .nav-link.active {
    font-size: 8px;
    padding: 9px 2px;
  }
  .training_details_tab .nav-tabs .individual-tab.nav-link {
    font-size: 10px;
  }
  .participant-accordion-item-content i {
    padding: 6px;
    margin-right: 7px;
    margin-top: 8px;
  }
  .participant-accordion-item-content h3 {
    font-size: 9px;
    padding-right: 0px;
  }
  .participant-accordion-topic h3 {
    font-size: 15px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .participant-accordion-topic label {
    font-size: 9px;
    padding-left: 0px;
  }
  .participant-accordion-schedule p:first-child {
    font-size: 16px;
  }
  .participant-accordion-schedule-item p {
    font-size: 11px;
    word-break: break-all;
  }
  .participant-accordion-schedule-item {
    margin-top: 10px;
  }
  .participant-accordion-schedule .content-source a {
    font-size: 5px;
  }
  .participant-accordion-schedule .content-source .content-download {
    font-size: 9px;
    font-weight: 600;
    padding: 0px 5px;
  }
  .participant-accordion-schedule .content-source .content-link {
    font-size: 9px;
    padding: 0px 5px;
  }
  .participant-accordion-training h3 {
    font-size: 18px;
  }
  .participant-accordion-training label {
    font-size: 11px;
  }
  .participant-my-quiz-content {
    margin-top: -40px;
  }
  .participant-my-quiz-question p {
    font-size: 11px;
    padding-bottom: 0px;
  }
  .participant-my-quiz-option p {
    font-size: 10px;
  }
  .participant-my-quiz-answer input[type='radio'] {
    width: 13px;
    height: 13px;
    margin-top: 0px;
    margin-right: 20px;
  }
  .participant-my-quiz-option textarea {
    font-size: 8px;
  }
  .participant-my-quiz-submit input {
    padding: 4px 18px;
    border-radius: 10px;
    font-size: 9px;
  }
  .participant-my-quiz-submit .btn-custom-reset {
    padding: 4px 13px;
    font-size: 9px;
    margin: 0px 11px;
  }
  .participant-accordion-assignment-upload .custom-file-input {
    border: 1px solid transparent !important;
    box-shadow: 0 0px 10px 1px #ddd;
    font-size: 9px;
    font-weight: 500;
    padding: 2px 3px;
  }
  .participant-accordion-assignment-upload .custom-file input[type='submit'] {
    float: right;
    color: #fff;
    font-size: 9px !important;
    padding: 2px 2px;
    margin-top: 3px;
    margin-right: 107px;
  }
  .participant-accordion-assignment-upload .custom-file-input {
    width: 33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .course-detail-content-top-button {
    position: absolute;
    left: -80px;
    margin-top: -6px;
  }
  .course-detail-content-top h2 {
    font-size: 15px;
  }
  .course-detail-content-top h4 {
    font-size: 16px;
    padding-right: 0px;
  }
  .course-detail-content-top p {
    font-size: 13px;
  }
  .training_progress_bar {
    padding-left: 0px;
    padding-right: 0px;
  }
  .participant-course-progress-bar-progress-status p {
    font-size: 12px;
  }
  .training_details_tab .nav-tabs .nav-link.active::after {
    width: 84px;
    height: 4px;
    right: -10px;
  }
  .participant-accordion-schedule-item {
    margin-top: 17px;
  }
  .participant-accordion-schedule .content-source a {
    font-size: 10px;
  }
  .participant-my-quiz-serial p:first-child {
    padding-bottom: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .course-detail-content-top h2 {
    font-size: 18px;
  }
  .course-detail-content-top-button {
    position: absolute;
    left: -65px;
    margin-top: -7px;
  }
  .course-detail-content-top h4 {
    font-size: 16px;
  }
  .course-detail-content-top p {
    font-size: 14px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .training_progress_bar {
    padding-left: 0px;
    padding-right: 0px;
  }
  .training_details_tab .nav-tabs .nav-link.active::after {
    width: 100px;
    bottom: -7px;
    right: -4px;
  }
  .participant-accordion-assignment-upload .custom-file input[type='submit'] {
    font-size: 12px !important;
    padding: 5px 11px;
  }
  .participant-accordion-assignment-upload .custom-file-input {
    font-size: 12px;
    padding: 6px 17px;
    margin-left: 33px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .training_details_tab .nav-tabs .nav-link.active::after {
    right: 34px;
  }
}

/* ends Traning details css media query*/

/* course reject css starts */

.course-offer-by-brac {
  background: #ffffff;
  height: 300px;
}
.course-offer-by-brac .course-offer-details {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
.course-offer-by-brac .course-offer-details .course-detail-content-top-button {
  position: absolute;
  left: 0px;
}
.course-offer-by-brac
  .course-offer-details
  .course-detail-content-top-button
  i {
  font-size: 30px;
  padding-top: 9px;
}
.course-offer-by-brac .course-offer-details h3 {
  padding-left: 25px;
  font-size: 26px;
  font-weight: 700;
  margin-top: 10px;
}
.course-offer-by-brac .course-offer-details h4 {
  font-size: 19px;
  padding-left: 25px;
  font-weight: 600;
}
.course-offer-by-brac .course-offer-details P {
  font-size: 19px;
  padding-left: 25px;
  color: #9e9e9e;
}
.course-offer-details .course-complete-rating {
  font-size: 15px;
  padding-left: 25px;
  color: #c1c100;
  display: flex;
}
.course-offer-details .course-complete-rating h5 {
  font-size: 15px;
  color: #5f5f5f;
  float: right;
}
.course-offer-by-brac .course-offer-details .course-wishlist a {
  border: 1px solid #ec008c;
  padding: 7px 14px;
  border-radius: 16px;
  padding-left: 25p;
  font-size: 12px;
  color: #5f5f5f;
}
.course-offer-by-brac .course-offer-details .course-wishlist {
  /* padding-left: 25px; */
  margin-top: 20px;
}
.course-offer-by-brac .course-offer-details .course-wishlist i {
  color: #ec008c;
  padding-right: 10px;
}

.your-learning-course {
  background: #f1f1f1;
  padding-top: 25px;
  padding-bottom: 50px;
}
.your-learning-course h3 {
  font-size: 21px;
  font-weight: 800;
  padding-bottom: 20px;
}
.your-learning-course .learning-course-list {
  display: flex;
  padding-bottom: 8px;
}
.your-learning-course .learning-course-list i {
  font-size: 13px;
  margin-right: 10px;
  margin-top: 2px;
}
.your-learning-course .learning-course-list h5 {
  font-size: 16px;
  font-weight: 500;
  color: #5d7177;
}
.course-reason-comment a {
  font-size: 12px;
  color: #808080;
  background: #ffffff;
  padding: 12px 25px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: 0 0px 10px 1px #ddd;
}
.course-comment-card {
  margin-top: 8px;
  word-wrap: normal !important;
  box-shadow: 0 0px 10px 1px #ddd;
}
.course-comment-card .course-comment h6 {
  font-size: 14px;
  font-weight: 700;
  color: #606467;
}
.course-comment-card .task-comment p {
  background: #e8ebee;
  padding: 15px 24px;
  font-size: 13px;
  color: #828485;
}
.course-comment-card .task-comment p span {
  color: #7b74fd;
}
.course-comment-card .course-comment .comment-button a {
  font-size: 12px;
  font-weight: 700;
  padding: 8px 20px;
  background: #f9f9f9;
  color: #000;
  border-radius: 5px;
  box-shadow: 0 0px 10px 1px #ddd;
  margin-right: 21px;
  transition: all linear 0.3s;
}
.course-comment-card .course-comment .comment-button a:hover {
  background: #ec008c;
  color: #fff;
}
.course-comment-card .course-comment .comment-button .comment-button-reject {
  font-size: 12px;
  font-weight: 700;
  padding: 8px 20px;
  background: #ec008c;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 0px 10px 1px #ddd;
  transition: all linear 0.3s;
}
.course-comment-card
  .course-comment
  .comment-button
  .comment-button-reject:hover {
  background: #f9f9f9;
  color: #000;
}
.course-video-bg {
  height: 300px;
}
.rh5v-DefaultPlayer_component {
  position: initial !important;
}
.rh5v-DefaultPlayer_component {
  font-size: 0px !important;
}
.rh5v-DefaultPlayer_controls {
  bottom: 100px !important;
}
.video-text-left h3 {
  font-size: 21px;
  color: #475677;
}
.video-text-right p {
  font-size: 14px;
  color: #475677;
}

@media (min-width: 768px) {
  .reject-course-video-part {
    margin-top: -221px;
  }
}
.reject-course-video-part h4 {
  top: 59%;
  position: absolute;
  left: 34%;
  font-size: 16px;
  font-weight: 600;
  color: #05252f;
}
@media (min-width: 320px) and (max-width: 575px) {
  .course-offer-by-brac .course-offer-details h3 {
    font-size: 20px;
  }
  .course-offer-by-brac .course-offer-details h4 {
    font-size: 14px;
  }
  .course-offer-details .course-complete-rating {
    font-size: 12px;
  }
  .course-offer-details .course-complete-rating h5 {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .course-offer-by-brac .course-offer-details {
    padding-top: 1px;
  }
  .course-reason-comment {
    margin-top: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .course-offer-by-brac
    .course-offer-details
    .course-detail-content-top-button {
    top: 28px;
  }
  .course-offer-by-brac .course-offer-details h4 {
    font-size: 17px;
  }
  .course-offer-by-brac .course-offer-details P {
    font-size: 15px;
  }
  .your-learning-course .learning-course-list h5 {
    font-size: 12px;
  }
}
/*  announcement css start */
.announcement-part {
  background: #f1f1f1;
  padding-top: 20px;
  padding-bottom: 25px;
}
.announcement-scroll::-webkit-scrollbar {
  width: 10px;
  height: 50px;
}
.announcement-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.announcement-scroll::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 10px;
}

.announcement-part .announcement-header .announcement-search {
  margin-top: 10px;
}
.announcement-part .announcement-header a {
  font-weight: 600;
  position: relative;
  color: #ec008c;
  letter-spacing: 1px;
}
.announcement-part .announcement-header a::after {
  content: '';
  display: block;
  width: 37px;
  height: 3px;
  background: #ec008c;
  position: absolute;
  transform: translateX(-72%);
  left: 43px;
  top: 33px;
}
.announcement-part .announcement-header p {
  background: #ffffff;
  border: 1px solid #ec008c;
  border-radius: 20px;
  font-size: 13px;
  color: #b1b1b1;
  padding-top: 5px;
  padding-bottom: 5px;
}
.announcement-part .announcement-header p i {
  color: #ec008c;
  padding-left: 75px;
  padding-right: 13px;
  font-size: 15px;
}
.announcement-part .announcement-today {
  padding-left: 33px;
  padding-right: 33px;
}
.announcement-part .announcement-today h3 {
  font-size: 18px;
  font-weight: 700;
  color: #576271;
}
.announcement-part .announcement-today hr {
  height: 2px;
}
.announcement-part .announcement-list {
  margin: 13px 30px;
  border-radius: 8px;
  /* box-shadow: 0px 1px 8px 0px #c0c0c0; */
}
.announcement-part .announcement-scroll {
  overflow: auto;
  height: 400px;
  right: 18px;
  margin-left: 20px;
}
.announcement-part .announcement-list h3 {
  font-size: 16px;
  font-weight: 800;
  color: #606467;
}
.announcement-part .announcement-list p {
  font-size: 17px;
  font-weight: 500;
  color: #878a8d;
}
@media (min-width: 768px) and (max-width: 991px) {
  .announcement-part .announcement-header p i {
    color: #ec008c;
    font-size: 15px;
    padding: 6px 8px;
  }
  .announcement-part .announcement-header p {
    font-size: 10px;
    padding-top: 0px;
    padding-bottom: 2px;
  }
  .announcement-part .announcement-list p {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .announcement-part .announcement-header p i {
    padding-left: 75px;
  }
  .announcement-part .announcement-header p {
    font-size: 13px;
    padding: 4px 0px;
  }
  .announcement-part .announcement-header .announcement-search {
    margin-top: 10px;
    padding-right: 250px;
  }
}
@media (min-width: 320px) and (max-width: 575px) {
  .announcement-part .announcement-list p {
    font-size: 14px;
    text-align: center;
  }
  .announcement-part .announcement-list h3 {
    font-size: 12px;
  }
  .announcement-part .announcement-header p {
    text-align: left;
    padding-left: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .announcement-part .announcement-header p i {
    padding-left: 15px;
    padding-right: 13px;
  }
}
/* ends announcement css */

/* starts feedback css */
.feedback-part {
  background: #f1f1f1;
  min-height: 90vh;
}
.feedback-part h4 {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  color: #ec008c;
  letter-spacing: 1px;
}
.feedback-part h4::after {
  content: '';
  display: block;
  width: 37px;
  height: 3px;
  background: #ec008c;
  position: absolute;
  transform: translateX(-72%);
  left: 29px;
  top: 27px;
}
.feedback-part .feedback-card h3 {
  font-size: 16px;
  font-weight: 600;
  color: #576271;
}
.feedback-part .feedback-card {
  padding-bottom: 30px;
  padding-left: 35px;
  padding-right: 35px;
}
.feedback-part .feedback-card h5 {
  font-size: 17px;
  font-weight: 600;
}
.feedback-part .feedback-card .valuable-feedback hr {
  height: 2px;
}
.feedback-part .feedback-card .feedback-option {
  display: flex;
}
.feedback-part .feedback-card .feedback-option input {
  margin-top: 4px;
}
.feedback-part .feedback-card .feedback-option p {
  margin-left: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .feedback-part .feedback-card .feedback-option p {
    font-size: 12px;
  }
  .user-bottom-field {
    margin-top: 24px !important;
  }
  .admin-navbar .brand_section {
    width: 89%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .dashboard-part .course-details .bar-chart {
    margin: 10px -15px;
    padding: 13px 2px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .feedback-part .feedback-card .feedback-option p {
    margin-left: 6px;
    font-size: 14px;
  }
  .navbar-bottom .bottom_nav_left_item .upg-lms li h6 {
    padding-left: 23px;
    font-size: 18px;
  }
}

.designation_management .training-config-create h3 {
  font-size: 21px;
  color: #ec008c;
}
.designation_management .training-config-create h3 span {
  font-size: 21px;
  color: #ec008c;
  font-weight: 600;
}

.survey-answer .card {
  box-shadow: 0px 1px 8px 0px #c0c0c0;
  border: none;
}
.survey-answer .survey-header h3 {
  font-size: 20px;
  font-weight: 600;
  color: #2c354a;
}
.survey-answer .survey-header P {
  font-size: 16px;
  color: #ec008c;
}
.survey-answer .survey-body h5 {
  font-size: 14px;
}
.survey-answer .survey-body h4 {
  font-size: 18px;
  color: #2c354a;
  font-weight: 600;
}
.survey-answer .survey-body .survey-get-mark {
  border: 2px solid #c1c1c1;
  width: 165px;
  box-shadow: 0px 1px 8px 0px #c0c0c0;
  padding: 5px 23px;
}
.survey-answer .survey-body .survey-get-mark h5 {
  font-size: 36px;
  color: #1c9400;
}
.survey-answer .survey-body .survey-get-mark h5 span {
  color: #ff0022;
}
.survey-answer .survey-body .survey-get-mark h6 {
  color: #2c354a;
}
.survey-question-no p {
  font-size: 24px;
  color: #4a4d6c;
  font-weight: 600;
}
.survey-question-no p span {
  font-weight: 100;
}
.survey-mark-achieved p {
  font-weight: 600;
  font-size: 13px;
}
.survey-mark-achieved p span {
  font-weight: 100;
  color: #ffffff;
  background: #ec008c;
  border-radius: 4px;
  padding: 5px 10px;
}
.survey-total-mark p {
  font-size: 15px;
  font-weight: 600;
  color: #646464;
}

@media (min-width: 320px) and (max-width: 575px) {
  .survey-answer .survey-body .survey-get-mark {
    margin-left: 27px;
  }
}
@media (min-width: 575) and (max-width: 676px) {
  .survey-answer .survey-body .survey-get-mark {
    margin-left: 27px;
  }
}

/* survey response css ends */

.exam-time-left h4 {
  color: #365e7d;
  font-size: 18px;
  font-weight: 600;
}
.exam-time-left span {
  color: #ff0022;
  font-size: 35px;
}
.exam-time-left h6 {
  color: #ff0022;
  font-size: 16px;
  font-weight: 100;
}
.exam-time-left h5 {
  font-size: 35px;
  color: #1c9400;
}
.written-exam-question p {
  font-size: 20px;
}

/* **************** */

/* course certificate css starts */
.course-certificate {
  display: flex;
}
.course-certificate i {
  font-size: 31px;
  color: #ec008c;
}
.course-certificate p span {
  font-weight: 700;
}
.course-certificate-download a {
  color: #ffffff;
  background: #ec008c;
  padding: 10px 28px;
  font-size: 14px;
  border-radius: 20px;
}
.certificate-img {
  padding: 0px 70px;
}

/* course certificate css end */
.trainer-vault-search-item .allocate-nominee span {
  font-size: 15px;
  color: #afafaf;
}
.nominee-required input {
  border: 2px solid #ffabb6;
  padding: 10px 17px;
}
.nominee-required input::-webkit-input-placeholder {
  color: #ff2845;
}

.search-icon-align input::-webkit-input-placeholder {
  color: #afafaf;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 1px;
}

.form-check-input:checked {
  background-color: #ffffff !important;
  border-color: #ec008c !important;
}
.bottom-navbar-show {
  background-color: #f1f4ff !important;
  margin-left: 20px;
  margin-top: 3px;
  margin-bottom: 3px;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.bottom-navbar-icon-show {
  width: 22px !important;
  height: 2px !important;
  background: #6d6e73;
  margin-top: 6px;
  margin-bottom: 5px !important;
  margin-left: 4px;
}

@media (min-width: 576px) and (max-width: 767px) {
  .custom_header h3 {
    font-size: 16px;
  }
  .card .card-footer a {
    font-size: 18px;
  }
  .trainer-vault-search select,
  .trainer-vault-search input {
    margin-top: 8px;
  }
  .user-create-sm-field {
    margin-bottom: 25px;
  }
  .user-bottom-field {
    margin-top: 24px !important;
  }
  .admin-navbar .brand_section {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .card .card-footer button {
    font-size: 16px;
    margin-left: 20px;
    padding: 10px 24px !important;
  }
  .card .create-category-btn button {
    font-size: 15px;
    margin-left: 20px;
    padding: 5px 16px !important;
  }
  .card .create-category-btn a {
    font-size: 14px;
  }
  .search-icon-align button {
    margin-top: 8px !important;
  }
  .card-header h5 {
    font-size: 16px;
  }
  .card-new-create a {
    font-size: 14px;
    padding: 8px 18px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .custom_header h3 {
    font-size: 14px;
    font-weight: 600;
  }
  .card-header h5 {
    font-size: 10px;
    margin-left: -9px !important;
  }
  .card .card-footer button {
    font-size: 13px;
    padding: 8px 25px;
  }
  .create-custom_header h3 {
    font-size: 13px;
    font-weight: 600;
  }
  .card .card-footer a {
    font-size: 12px;
    padding: 8px 30px;
  }
  .trainer-vault-search select,
  .trainer-vault-search input {
    margin-top: 8px;
  }
}
.year-plan-date-range {
  z-index: 0;
}

.rs-anim-fade.rs-anim-in {
  position: relative !important;
  top: -62% !important;
  left: 143.5px !important;
  width: 41% !important;
}

@media (min-width: 992px) and (max-width: 1250px) {
  .rs-anim-fade.rs-anim-in {
    top: -72% !important;
    left: 143.5px !important;
    width: 52% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rs-anim-fade.rs-anim-in {
    top: -87% !important;
    left: 176.5px !important;
    width: 68% !important;
  }
}
@media (min-width: 320px) and (max-width: 341px) {
  .rs-anim-fade.rs-anim-in {
    top: -105% !important;
    width: 77% !important;
    left: 33.5px !important;
  }
  .rs-picker-daterange-calendar-group {
    height: 537px !important;
  }
  .rs-picker-daterange-header {
    padding: 5px 6px !important;
    font-size: 12px !important;
  }
}
@media (min-width: 342px) and (max-width: 390px) {
  .rs-anim-fade.rs-anim-in {
    top: -97% !important;
    width: 75% !important;
    left: 33.5px !important;
    height: 616px !important;
  }
  .rs-picker-daterange-menu .rs-picker-toolbar {
    margin-top: 258px !important;
  }
  .rs-btn-sm {
    font-size: 11px !important;
  }
}
@media (min-width: 391px) and (max-width: 515px) {
  .rs-anim-fade.rs-anim-in {
    top: -87% !important;
    width: 75% !important;
    left: 52.5px !important;
    height: 616px !important;
    padding-left: 46px !important;
  }
  .rs-picker-daterange-menu .rs-picker-toolbar {
    margin-top: 258px !important;
  }
  .rs-btn-sm {
    font-size: 11px !important;
  }
}
@media (min-width: 516px) and (max-width: 665px) {
  .rs-anim-fade.rs-anim-in {
    top: -88% !important;
    width: 70% !important;
    left: 115.5px !important;
    height: 617px !important;
    padding-left: 68px !important;
  }
  .rs-picker-daterange-menu .rs-picker-toolbar {
    margin-top: 258px !important;
  }
  .rs-btn-sm {
    font-size: 11px !important;
  }
}
@media (min-width: 666px) and (max-width: 767px) {
  .rs-anim-fade.rs-anim-in {
    top: -88% !important;
    left: 182.5px !important;
    width: 42% !important;
    height: 613px !important;
  }
  .rs-picker-daterange-menu .rs-picker-toolbar {
    margin-top: 237px !important;
  }
  .rs-btn-sm {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 5px 7px !important;
  }
}
/*  */

.live_class {
  background: #f1f1f1;
  padding-bottom: 50px;
}
.live_class h3 {
  font-size: 17px;
  color: #000000;
  font-weight: 600;
}
.live_class h5 {
  font-size: 17px;
  color: #ffffff;
  font-weight: 600;
}
.live_class .live_class_title {
  background: #ec008c;
  height: 46px;
  padding-top: 11px;
}
.live_class .live_class_title h5 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
}
.live_class button {
  background: #ff4848;
  padding: 8px 20px;
  border: none;
  border-radius: 20px;
  color: #ffffff;
  font-size: 13px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .dashboard-part .course-details .live-class {
    font-size: 13px;
    padding: 5px 15px;
  }
  .dashboard-part .course-details .live-class i {
    font-size: 8px;
    margin-right: 10px;
  }
  .dashboard-part .course-details .assign-nominee {
    font-size: 13px;
    padding: 6px 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .live_class h3 {
    font-size: 14px;
  }
  .dashboard-part .course-details .live-class {
    font-size: 11px;
    padding: 6px 7px;
  }
  .dashboard-part .course-details .assign-nominee {
    font-size: 11px;
    padding: 6px 5px;
  }
  .dashboard-part .course-details .live-class i {
    padding: 4px 5px;
    font-size: 7px;
    margin-right: 5px;
  }
}
@media (min-width: 320px) and (max-width: 575px) {
  .live_class h3 {
    font-size: 10px;
  }
  .live_class .live_class_title h5 {
    font-size: 12px;
  }
  footer#admin-footer {
    font-size: 12px;
  }
  .bottom-close-button a {
    font-size: 13px !important;
    padding: 8px 25px !important;
    margin-top: 0px !important;
  }
  .card .card-footer button {
    font-size: 13px;
    padding: 8px 25px;
  }
  .rs-picker-has-value .rs-btn .rs-picker-toggle-value,
  .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
    font-size: 11px !important;
  }
  .card .card-body label {
    font-size: 13px;
  }
  .card-header h5 {
    margin-bottom: -10px;
  }
  .nomination-select-training h3 {
    font-size: 15px;
  }
  .nomination-region-select {
    margin-bottom: 12px;
  }
  .announcement-part .announcement-header .announcement-search {
    width: 216px;
  }
  .announcement-part .announcement-header p i {
    padding-left: 25px;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .search-icon-align button {
    height: 48px;
    margin-top: 9px;
    width: 36px;
  }
  .search-icon-align button i {
    line-height: 16px;
    font-size: 13px;
    padding-left: 12px;
  }
  .admin-navbar .nav_logo img {
    margin-top: 7px;
    margin-bottom: 9px;
  }
  .admin-navbar nav h2.admin-navbar-name {
    font-size: 18px;
    padding-bottom: 9px;
  }
  footer#admin-footer {
    font-size: 13px;
  }
  .card .create-category-btn a {
    font-size: 11px;
    padding: 4px 12px !important;
    margin-bottom: 5px;
  }
  .card .create-category-btn button {
    font-size: 11px;
    padding: 4px 18px !important;
  }
  .card .create-category-btn {
    margin-left: 40px;
  }
  .search-icon-align button {
    margin-top: 10px !important;
  }
  .card .card-body label {
    font-size: 13px;
  }
  .control_height {
    height: 40px;
    font-size: 12px !important;
  }
  .card-new-create a {
    font-size: 11px !important;
    padding: 3px 4px !important;
    margin-left: -5px !important;
  }
  .navbar_top nav ul.navbar-nav li p {
    font-size: 11px;
    margin-top: 5px !important;
  }
  .dashboard-part .course-details .bar-chart {
    height: 340px !important;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .login-remember-me {
    padding: 0px !important;
    font-size: 13px !important;
    margin-top: 2px !important;
  }
  .login-remember-me .checkbox-container {
    padding-left: 15px;
  }
  .password_link {
    padding: 0px !important;
  }
  .password_link a {
    font-size: 12px;
  }
  .card_info h5 {
    text-align: center;
  }
  .card_info p {
    font-size: 15px;
    text-align: center;
  }
  .brand_logo img {
    margin-bottom: 22px;
  }
  .login-remember-me .checkbox-container .checkmark {
    height: 12px;
    width: 12px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .admin-navbar .brand_section {
    width: 50%;
  }
  .login_page .right_section {
    background: #eeeeee;
    padding-top: 20px;
  }
  .banner_title {
    font-size: 19px;
  }
  .login-paragraph {
    font-size: 13px;
  }
  .login_banner {
    height: 200px;
  }
  .brand_logo img {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 40px;
  }
  .card_info h5 {
    font-size: 18px;
    text-align: center;
  }
  .card_info p {
    font-size: 13px;
    text-align: center;
  }
  .login-remember-me {
    padding: 0px !important;
    font-size: 11px !important;
    margin-top: 5px !important;
  }
  .login-remember-me .checkbox-container {
    padding-left: 14px;
  }
  .login-remember-me .checkbox-container .checkmark {
    height: 11px;
    width: 10px;
  }
  .password_link {
    padding: 0px !important;
  }
  .password_link a {
    font-size: 11px;
  }
  .login_copyright_text {
    position: inherit;
  }
}
.brand_logo .navbar-brand img {
  padding-bottom: 45px;
}

.login-remember-me .checkbox-container .checkmark {
  border-radius: 5px;
  background: #ffffff;
}
.card-new-create a {
  border: 1px solid #fd2aa6;
  font-size: 17px;
  padding: 8px 40px;
  background: transparent;
  color: #fd2aa6;
  transition: all linear 0.3s;
}

.remarks-input-filed {
  border-radius: 5px;
  /* border-color: #444; */
  border: 2px solid #ddd;
  padding: 3px 8px;
  font-size: 11px;
}
.all_present_absent {
  margin-left: 16px;
}
.all_present_absent_label {
  margin: 0px;
  padding-left: 4px;
  padding-right: 14px;
  font-size: 10px;
  font-weight: 400;
}
.all_present_absent_input {
  padding-left: 30px;
  padding-top: 7px;
}
.present_absent_value {
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .all_present_absent {
    margin-left: 7px;
  }
  input[type='radio'] {
    width: 16px;
    height: 12px;
  }
  .all_present_absent_label {
    margin: 0px;
    padding-left: 1px;
    padding-right: 3px;
    font-size: 10px;
  }
  .all_present_absent_input {
    display: flex;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .all_present_absent_input {
    padding-left: 12px;
    padding-top: 7px;
    display: flex;
  }
  .all_present_absent_label {
    font-size: 12px !important;
  }
}
/* Mridul css end */

.btn:focus {
  box-shadow: none !important;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='number']:focus,
[type='text'].form-control:focus,
[type='password'].form-control:focus,
[type='email'].form-control:focus,
[type='tel'].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow: none !important;
}

.rs-picker-toggle {
  height: 51px;
}

input[type='checkbox']:checked {
  background: #ec008c !important;
  background-color: #ec008c !important;
}

.ck-content {
  height: 150px !important;
}
.ck-content p {
  margin-bottom: 0px !important;
}
.survey-questions {
  font-size: 20px;
  color: #ec008c;
  text-align: center;
}

.css-lpahdxg-control {
  min-height: 54px !important;
}
.css-1s2u09g-control {
  min-height: 54px !important;
}
.css-1insrsq-control {
  min-height: 54px !important;
}
.card-header-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
.btn-header-create {
  border: 1px solid #ec008c !important;
  border-radius: 24px !important;
  color: #ec008c !important;
}
.btn-header-create:hover {
  color: white !important;
}
.day-wise-training-progress {
  color: #ff0022 !important;
  background-color: #ffe6ea !important;
}

.MuiTableCell-head {
  position: inherit !important;
}

.button-disabled {
  pointer-events: none;
  cursor: default;
  color: gray !important;
  border: 2px solid gray !important;
}
.button-disabled i {
  color: gray !important;
}
.textarea_disable {
  resize: none;
}
.nominate-field {
  display: flex;
  justify-content: space-between;
}
.field-shadow {
  min-height: 50px;
  font-size: 15px !important;
  color: #afafaf !important;
  font-weight: 400 !important;
  box-shadow: 0 0px 10px 1px #ddd;
  border: none !important;
}

.reject_textarea {
  width: 100%;
  border: none;
  background-color: rgb(243, 243, 243);
  padding: 10px;
  height: 88px;
  border-radius: 5px;
}

a:hover {
  text-decoration: none;
}

.css-1nrlq1o-MuiFormControl-root {
  margin: 10px !important;
}

@media (min-width: 767px) {
  .supervisor-dashboard-overview {
    display: flex;
  }
}

::placeholder {
  color: gainsboro !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: gainsboro !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: gainsboro !important;
}

.brac-primary-color {
  color: #ec008c !important;
}

.report-view-details:hover {
  background-color: unset !important;
  color: gray !important;
}
.nav-font {
  font-size: 13px !important;
}
.brac-btn {
  color: #ec008c;
  font-size: 16px;
  font-weight: 500;
  background: #ffff;
  border: 2px solid #ec008c;
  padding: 7px 30px;
  border-radius: 5px;
}
.brac-btn:hover {
  background-color: #ec008c;
  color: #fff;
}
.center-date {
  display: flex !important;
  align-items: center !important;
}
.switch-container {
  /* display: flex; */
}

@media (min-width: 320px) and (max-width: 767px) {
  .switch-container {
    /* display: flex; */
    /* flex-direction: column-reverse; */
  }
}

.ql-container.ql-snow {
  border: none !important;
  height: 100px !important;
}
.ql-editor {
  font-size: 17px !important;
}
.react-select-custom-height .css-1s2u09g-control {
  min-height: 37px !important;
  padding: 2px;
}
@media (min-width: 331px) and (max-width: 991px) {
  .upload-btn {
    margin-top: 10px;
  }
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.survey-list {
  height: 70vh !important;
}

.start-survey {
  padding: 5px 10px;
  border: 1px solid #ec008c;
  border-radius: 20px;
  color: #ec008c;
  background-color: #fff;
}
.start-survey:hover {
  color: #fff;
  background-color: #ec008c;
}