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

*::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  /*border-radius: 5px;*/
  /*background-color: rgba(0, 10, 23, 0.2509803922);*/
}

*::-webkit-scrollbar {
  /*width: 5px;*/
  /*background-color: rgba(0, 10, 23, 0.2509803922);*/
  /*border-radius: 5px;*/
}




/* Font SourceSans3 */
@font-face {
  font-family: SourceSans3-ExtraLight;
  src: url(../../style/assets/fonts/SourceSans/SourceSans3-ExtraLight.ttf);
}

@font-face {
  font-family: SourceSans3-Light;
  src: url(../../style/assets/fonts/SourceSans/SourceSans3-Light.ttf);
}

@font-face {
  font-family: SourceSans3-Regular;
  src: url(../../style/assets/fonts/SourceSans/SourceSans3-Regular.ttf);
}

@font-face {
  font-family: Oswald-SemiBold;
  src: url(../../style/assets/fonts/oswald/Oswald-SemiBold.ttf);
}

:root {
  --primaryFont: "SourceSans3-Light", sans-serif;
  --secondaryFont: "Oswald-SemiBold", sans-serif;
  --bodyBgColor: #000A17;
}



*::-webkit-scrollbar-thumb {
  /*border-radius: 5px;*/
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  /*background-color: #73dfff;*/
}

ul {

}

a {
  text-decoration: none;
}


body.pagelayout-mydashboard {
  background: var(--bodyBgColor) !important;
}

body {
  font-size: 18px;
  /* font-family: "Open Sans", system-ui; */
  font-family: var(--primaryFont);
  color: #fff;
  background: var(--bodyBgColor);
}

.section-title {
  font-size: 3rem;
  color: #73dfff;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 700;
  font-family: var(--secondaryFont);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--secondaryFont);
}

.text-button {
  font-size: 16px;
  font-weight: 400;
  background: transparent;
  box-shadow: none;
  border: 0;
  color: #fff;
  text-transform: capitalize;
  text-decoration: underline;
  padding: 10px;
}

.section-header {
  display: flex;
  padding-bottom: 20px;
  justify-content: space-between;
}

.skeleton-wrapper .my-courses-section.skeleton {
  min-height: 300px;
  animation: fullwidth 1s ease infinite;
}

.skeleton-wrapper .collab-forum.skeleton {
  min-height: 300px;
  animation: fullwidth 1s ease infinite;
}

.skeleton-wrapper .timeline-section.skeleton {
  min-height: 150px;
  animation: fullwidth 1s ease infinite;
}

.skeleton-wrapper .header-section.skeleton {
  min-height: 48px;
  animation: fullwidth 1s ease infinite;
}

.skeleton-wrapper .news-list-item-section.skeleton {
  min-height: 130px;
  animation: fullwidth 1s ease infinite;
}

@keyframes fullwidth {
  to {
    background-position: right -1000px top 0;
  }
}

.skeleton {
  background: #101925;
  border-radius: 20px;
  margin-bottom: 30px;
  background-image: linear-gradient(181deg, #0B1521 0%, #101925 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left 0px top 0;
  -webkit-animation: shine 1s ease infinite;
  animation: shine 1s ease infinite;
}

@keyframes shine {
  to {
    background-position: right -530px top 0;
  }
}

section {
  margin-bottom: 24px;
}

.text-button:focus,
.text-button:focus-visible,
.text-button:focus-within {
  outline: 0;
}

.textarea {
  margin: 30px 0 50px;
}

.textarea textarea {
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 16px;
  padding: 20px;
  border: 0;
  width: 100%;
  color: #fff;
}

.rating-review {
  margin-top: 20px;
}

.rating-review .review-item {
  margin-right: 14px;
}

.rating-review .review-item:hover {
  cursor: pointer;
}

.rating-review .review-item:hover svg path {
  fill: #FF7A00;
}

.page-container {
  padding: 20px 15px 20px 45px;
  margin-left: 90px;
}

.search-bar {
  position: relative;
  margin-bottom: 20px;
}

.search-bar .input-search {
  width: 100%;
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 16px;
  border: 0;
  padding: 18px 20px;
  color: #fff;
}

.search-bar .input-search[type=search]::-webkit-search-cancel-button {
  display: none;
}

.search-bar .input-search::placeholder {
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
}

.search-bar .search-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.vertical-header {
  background: rgba(21, 45, 76, 0.56);
  border-radius: 0;
  padding: 10px;
  height: 100vh;
  overflow: auto;
  position: fixed;
  width: 200px;
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  z-index: 9999;
  overflow: unset;
  left: 0;

}

.vertical-header .close-icon {
  display: none;
}

.vertical-header .expand-button-wrapper {
  margin-top: 12px;
  display: flex;
  justify-content: center;
}

.vertical-header .expand-button-wrapper .expandedIcon {
  display: none;
}

.vertical-header .expand-button-wrapper .expand-button {
  border: 0;
  box-shadow: none;
  margin-bottom: 20px;
  cursor: pointer;
  background: transparent;
}

.vertical-header .brand-logo img {
  width: 100%;
}

.vertical-header .nav-menu {
  padding: 0;
}

.vertical-header .nav-menu .nav-menu-item {
  /* display: flex;
  align-items: center;
  justify-content: center; */
  border-radius: 14px;
  position: relative;
  /* padding: 12px 10px;
  margin-bottom: 2px;
  background: transparent;
  height: 56px;
  position: relative; */
}

.vertical-header .nav-menu .nav-menu-item img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.vertical-header .nav-menu .nav-menu-item .dark-image {
  display: none;
}

.vertical-header .nav-menu .nav-menu-item:hover {
  background: #73DFFF;
  cursor: pointer;
}

.vertical-header .nav-menu .nav-menu-item:hover .dark-image {
  display: block;
}

.vertical-header .nav-menu .nav-menu-item:hover .light-image {
  display: none;
}

.vertical-header .nav-menu .nav-menu-item:hover .nav-menu-item-link {
  color: #000A17;
}

.vertical-header .nav-menu .nav-menu-item:hover svg path {
  fill: #000;
}

.vertical-header .nav-menu .nav-menu-item.active {
  /*background: #73DFFF;*/
}

.vertical-header .nav-menu .nav-menu-item.active .light-image {
  display: none;
}

.vertical-header .nav-menu .nav-menu-item.active .dark-image {
  display: block;
}

.vertical-header .nav-menu .nav-menu-item.active .nav-menu-item-link {
  /*color: #000A17;*/
}

.vertical-header .nav-menu .nav-menu-item.active .nav-menu-item-link:focus {
  /*color: #000A17 !important;*/
}

.vertical-header .nav-menu .nav-menu-item.active svg path {
  /*fill: #000;*/
}

.vertical-header .nav-menu .nav-menu-item .nav-menu-item-link {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 14px;
  padding: 12px 10px;
  margin-bottom: 2px;
  background: transparent;
  height: 52px;
  position: relative;
  gap: .5rem;
  white-space: nowrap;
}

.vertical-header .userProfileImage img {
  border: 2px solid #73DFFF;
  height: 56px;
  width: 56px;
  border-radius: 8px;
  object-fit: cover;
}

.expand-header {
  transition: margin-left 0.3s ease, padding 0.3s ease;
}

.expand-header.expanded .expand-button-wrapper {
  justify-content: start;
  padding-left: 14px;
}

.expand-header.expanded .expand-button-wrapper .expandedIcon {
  display: block;
  transition: display 0.3s ease;
}

.expand-header.expanded .expand-button-wrapper .expandIcon {
  display: none;
  transition: display 0.3s ease;
}

.expand-header.expanded .nav-menu-item {
  transition: padding 0.3s ease, justify-content 0.3s ease;
  /* padding: 12px 19px; */
  justify-content: flex-start;
}

.expand-header.expanded .nav-menu-item .nav-menu-item-link {
  transition: font-size 0.3s ease;
  font-size: 1.2rem;
  letter-spacing: 1px;
  width: 100%;
}

.expand-header.expanded .nav-menu-item .nav-menu-item-link .nav-menu-item-icon {
  transition: padding-right 0.3s ease;
  padding-right: 0;
}

.expand-header.expanded .nav-menu-item .nav-menu-item-link .nav-menu-item-icon svg {
  height: 35px;
  width: 35px;
}

.expand-header.expanded .vertical-header {
  transition: width 0.3s ease;
  width: 240px;
}

.expand-header.expanded .vertical-header .nav-menu-item .nav-menu-item-link {
  justify-content: flex-start;
  transition: font-size 0.3s ease;
  font-size: 18px;
}

.expand-header.expanded .vertical-header .nav-menu-item .nav-menu-item-link .nav-menu-item-icon {
  padding-right: 20px;
  padding-left: 0;
}

.expand-header.expanded .vertical-header .brand-logo img {
  transition: width 0.3s ease;
  width: 100%;
}

.mobile-header {
  display: none;
  padding: 20px;
}

.supervisor .nav-menu {
  padding-top: 50px;
}

.supervisor .skeleton-wrapper .header-section.skeleton {
  margin-bottom: 15px;
}

.supervisor .skeleton-wrapper .tabs.skeleton {
  height: 71vh;
}

.supervisor .skeleton-wrapper .message.skeleton {
  height: 81vh;
}

.chat-boat-wrapper {
  height: 62px;
  width: 62px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #000;
  border-radius: 20px;
  border: 1.5px solid #73DFFF;
  box-shadow: 0px 10px 20.6px 0px rgba(21, 143, 255, 0.5098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.user-names-tabs {
  flex-wrap: unset;
  height: 71vh;
  flex-direction: column;
  overflow: auto;
}

.user-names-tabs .user-image img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
}

.user-names-tabs .nav-item:last-child .nav-link {
  border: 0;
  border-radius: 0 0 10px 10px;
}

.user-names-tabs .nav-item:first-child .nav-link.active {
  border-radius: 10px 10px 0 0;
}

.user-names-tabs .nav-item .nav-link.active {
  border: 0;
  border-radius: 0;
  background: #73DFFF;
}

.user-names-tabs .nav-item .nav-link.active .user-name {
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

.user-names-tabs .nav-item .nav-link {
  color: #fff;
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 0;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
}

.user-names-tabs .nav-item .nav-link:hover {
  border-radius: 0;
  background: #73DFFF !important;
  padding: 12px 20px;
}

.user-names-tabs .nav-item .nav-link:focus {
  background: #73DFFF !important;
}

.user-names-tabs .nav-item .nav-link:hover .user-name {
  color: #000;
}

.user-names-tabs .nav-item .nav-link .user-name {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  padding-left: 10px;
}

.empty-screen-wrapper .empty-screen {
  height: 100%;
}

.empty-screen-wrapper .empty-screen img {
  width: 120px;
}

.empty-screen-wrapper .user-names-tabs {
  display: flex;
  background: rgba(255, 255, 255, 0.0509803922);
  border-radius: 16px;
  height: 71vh;
}

.empty-screen-wrapper .user-names-tabs .add-stakeholder-button {
  background: #0055A3;
  color: #fff;
  font-size: 16px;
  margin-top: 25px;
  border: 0;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 14px;
}

.message-user-tabs .search-bar {
  display: block;
}

.message-user-tabs .prev-arrow {
  display: none;
}

.message-user-tabs .messge-toggle-button {
  padding-bottom: 20px;
  justify-content: center;
}

.message-user-tabs .messge-toggle-button .arrow-icon-wrapper {
  height: 34px;
  width: 34px;
  border-radius: 10px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.message-user-tabs.expanded {
  position: relative;
  width: 300px;
  height: 81vh;
  z-index: 999;
  padding: 15px 20px 20px 20px;
  background: #152d4c;
  border-radius: 15px;
}

.message-user-tabs.expanded .messge-toggle-button {
  justify-content: flex-start;
}

.message-user-tabs.expanded .next-arrow {
  display: none;
}

.message-user-tabs.expanded .prev-arrow {
  display: block;
}

.message-user-tabs.expanded .search-bar .input-search {
  font-size: 14px;
  padding: 14px 20px;
}

.message-user-tabs.expanded .search-bar .input-search .search-icon {
  width: 20px;
}

.message-user-tabs.expanded .user-names-tabs .nav-item .nav-link {
  justify-content: flex-start;
}

.message-user-tabs.expanded .user-names-tabs .nav-item .nav-link:hover {
  padding: 12px;
}

.message-user-tabs.expanded .user-names-tabs .nav-item .nav-link .user-name {
  display: block;
}

.message-user-tabs.expanded .search-bar {
  display: block;
}

.user-details-message {
  border: 1px solid #3D6079;
  border-radius: 15px;
  padding: 5px;
  height: 81vh;
  position: relative;
}

.user-details-message .user-details-message-item .user-info {
  background: #000A16;
  border-radius: 13px;
}

.user-details-message .user-details-message-item .user-info .user-info-item {
  padding: 10px 20px;
}

.user-details-message .user-details-message-item .user-info .user-info-item .label {
  color: #fff;
  padding-bottom: 4px;
  font-size: 14px;
  margin: 0;
}

.user-details-message .user-details-message-item .user-info .user-info-item .value {
  margin: 0;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}

.user-details-message .user-details-message-item .input-message-type {
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
}

.user-details-message .user-details-message-item .input-message-type .input-message {
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 16px;
  border: 0;
  width: 100%;
  padding: 18px 62px 18px 20px;
  color: #fff;
}

.user-details-message .user-details-message-item .input-message-type .input-message::placeholder {
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
}

.user-details-message .user-details-message-item .input-message-type .messageSendIconWrapper {
  height: 44px;
  width: 44px;
  border-radius: 10px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.user-details-message .user-designation-info {
  display: flex;
  align-items: center;
  background: #152D4C;
  padding: 10px;
  border-radius: 13px;
  position: relative;
  justify-content: space-between;
}

.user-details-message .user-designation-info .user-image {
  padding-right: 10px;
}

.user-details-message .user-designation-info .user-image img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0px 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
}

.user-details-message .user-designation-info .close-icon-wrapper {
  height: 44px;
  width: 44px;
  border-radius: 10px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-details-message .user-designation-info .user-name {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 2px;
  margin: 0;
}

.user-details-message .user-designation-info .user-designation {
  font-size: 14px;
  margin: 0;
  opacity: 0.5;
  /* font-weight: 600; */
  color: #fff;
}

.user-details-message .user-designation-info .user-designation-stype {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding-left: 3px;
  opacity: 0.4;
  color: #fff;
}

.user-details-message .message-body-inner {
  height: 230px;
  overflow: auto;
}

.user-details-message .stakeholder-message-body-inner {
  height: 480px;
  overflow: auto;
}

.user-details-message .message-body {
  width: 100%;
  padding: 10px;
}

.user-details-message .message-body .chat-message-body .chat-message {
  padding: 14px;
  width: 70%;
}

.user-details-message .message-body .chat-message-body .user-image img {
  width: 40px;
  margin-right: 10px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
}

.user-details-message .message-body .chat-message-body.is-sent {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.user-details-message .message-body .chat-message-body {
  margin-bottom: 10px;
}

.user-details-message .message-body .chat-message-info.d-flex.flex-sm-row.flex-column {
  width: 30%;
}

.user-details-message .chat-message-body.is-sent .chat-message-info.d-flex.flex-sm-row.flex-column {
  width: auto;
}

/* .user-details-message .message-body .chat-message-body.is-received .chat-message {
  width: auto;
} */

/* .user-details-message .message-body .chat-message-body.is-received .d-flex.align-items-center {
  flex-direction: column;
}

.user-details-message .message-body .chat-message-body.is-received .d-flex.align-items-center .d-flex.align-items-center {
  flex-direction: row;
} */

/* .user-details-message .message-body .chat-message-body.is-received {
  display: flex;
  align-items: center;
} */

.user-details-message .message-body .chat-message-body.is-received .chat-parent {
  display: flex;
}

.user-details-message .message-body .chat-message-body.is-received .chat-message-info.d-flex.flex-sm-row.flex-column {
  width: 100%;
}

.user-details-message .message-body .chat-message-body.is-received .normal-text {
  margin-left: 10px;
}

.user-details-message .message-body .chat-message-body.is-received .userinitials.size-35 {
  margin-right: 10px;
  height: 40px;
  width: 40px;
}

.user-details-message .message-body .chat-message-body.is-sent .normal-text {
  text-align: right;
  margin-bottom: 0;
}

.user-details-message .message-body .chat-message-body.is-sent .chat-message {
  background: #0055A3;
  border-radius: 15px 15px 0 15px;
}

.user-details-message .message-body .chat-message-body.is-received .chat-message {
  border-radius: 15px 15px 15px 0;
  background: #262E39;
}

.user-details-message .message-body .chat-message-body .normal-text {
  color: #898989;
  font-size: 12px;
  font-weight: 500;
  padding-right: 5px;
  display: flex;
  align-items: center;
  padding-top: 5px;
  border-right: 0;
}

.button-tabs {
  background-color: #000409;
  padding: 2px;
  border: 1px solid #0055A3;
  border-radius: 10px;
}

.button-tabs .nav-tabs {
  border: 0;
}

.button-tabs .nav-tabs .nav-link {
  font-size: 14px;
  padding: 7px 24px;
  height: auto;
  color: #fff;
  opacity: 0.4;
  font-weight: 700;
}

.button-tabs .nav-tabs .nav-link:hover {
  border: 1px solid transparent;
}

.button-tabs .nav-tabs .nav-link.active {
  color: #fff;
  opacity: 1;
  border-radius: 8px;
  border: 1px solid #0055A3;
  background: #0055A3;
}

.dot-icon {
  height: 6px;
  width: 6px;
  background: #ADADAD;
  border-radius: 50%;
  margin-right: 5px;
}

.my-courses {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 16px 18px 0;
  border-radius: 22px;
  margin-bottom: 20px;
  border: 1px solid #73dfff;
}

.my-courses .empty-screen {
  height: auto;
  width: 100%;
  padding-bottom: 30px;
}

.my-courses .empty-screen img {
  width: 210px;
}

.my-courses .self-assessment {
  padding-top: 20px;
}

.my-courses .self-assessment h4 {
  font-size: 22px;
  color: #fff;
}

.my-courses .self-assessment p {
  margin-bottom: 0;
  color: #fff;
  opacity: 0.5;
}

.my-courses .my-courses-list {
  display: flex;
  overflow: auto;
  padding: 0;
}

.my-courses .my-courses-list::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.my-courses .my-courses-list::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.my-courses .my-courses-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.my-courses .my-courses-list .my-courses-list-item {
  margin-right: 12px;
  text-align: center;
}

.my-courses .my-courses-list .my-courses-list-item a {
  display: none;
}

.my-courses .my-courses-list .my-courses-list-item.active .my-courses-list-item-inner {
  border: 2.5px solid #0055A3;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.7490196078);
}

.my-courses .my-courses-list .my-courses-list-item.active .my-courses-list-item-inner .course-name {
  color: #73DFFF;
  font-weight: 600;
  font-family: var(--primaryFont);
}

.my-courses .my-courses-list .my-courses-list-item.active .my-courses-list-item-inner .course-status {
  opacity: 1;
  font-family: var(--primaryFont);
}

.my-courses .my-courses-list .my-courses-list-item.active a {
  display: block;
}

.my-courses .my-courses-list .my-courses-list-item .my-courses-list-item-inner {
  width: 200px;
  padding: 10px;
}

.my-courses .my-courses-list .my-courses-list-item .view-button {
  background: #004B7A;
  padding: 4px 15px 4px 15px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  box-shadow: none;
  color: #fff;
  position: relative;
  top: -18px;
}

.my-courses .my-courses-list .my-courses-list-item .course-name {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  margin: 0 0 15px;
}

.my-courses .my-courses-list .my-courses-list-item .course-image {
  box-shadow: 0px 4px 66.7px 0px rgba(0, 148, 255, 0.6);
  height: 98px;
  width: 98px;
  padding-bottom: 12px;
  margin: auto;
  border-radius: 50%;
}

.my-courses .my-courses-list .my-courses-list-item .course-status {
  font-weight: 400;
  font-size: 14px;
  opacity: 0.5;
  color: #fff;
  margin: 0;
  padding: 22px 0 14px;
}

.recommended-courses, .welcome {
  padding: 14px 18px 10px;
  border-radius: 22px;
}

.recommended-courses-list-item img {
  aspect-ratio: 16/9;
  width: 100%;
  object-fit: cover;
}
.recommended-courses-list-item img:hover {
  background: rgba(0, 168, 255, 0.25);
  font-weight: bold;
  box-shadow: 0px 0px 20px 2px #00A8FF,inset 0px 0px 20px 2px #000;
  opacity: .8;
}
.recommended-courses-list-item:hover {
  background: rgba(0, 168, 255, 0.25);
  box-shadow: 0px 0px 20px 2px #00A8FF,inset 0px 0px 20px 2px #000;
  cursor: pointer;
}
.recommended-courses .recommended-courses-list::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.recommended-courses .recommended-courses-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.recommended-courses .recommended-courses-list .recommended-courses-list-item {
  text-wrap: normal;

}

.recommended-courses .recommended-courses-list .recommended-courses-list-item:last-child {
  margin-right: 0;
}

.recommended-courses .recommended-courses-list .recommended-courses-list-item .recommended-courses-title {
  color: #73DFFF;
  font-size: 12pt;
  font-weight: bold;
  text-wrap: inherit;

}

.recommended-courses .recommended-courses-list .recommended-courses-list-item .recommended-courses-time {
  font-size: 16px;
  color: #fff;
}

.recommended-courses .recommended-courses-list .recommended-courses-list-item .recommended-courses-time p {
  margin: 0;
  padding-left: 10px;
}

.favourite-article .favourite-article-list {
  display: flex;
  overflow: auto;
}

.favourite-article .favourite-article-list::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.favourite-article .favourite-article-list::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.favourite-article .favourite-article-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.favourite-article .favourite-article-list .favourite-article-item {
  border-radius: 20px;
  padding: 10px;
  margin-right: 20px;
  background: rgba(137, 137, 137, 0.1019607843);
  border: 1px solid #303943;
  height: 100%;
  width: 356px;
}

.favourite-article .favourite-article-list .favourite-article-item:last-child {
  margin-right: 0;
}

.favourite-article .favourite-article-list .favourite-article-item .article-title {
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-bottom: 0;
  min-height: 57px;
}

.favourite-article .favourite-article-list .favourite-article-item .user-name {
  font-size: 16px;
  color: #fff;
  opacity: 0.3;
  padding-left: 10px;
  margin: 0;
  font-family: var(--primaryFont);
}

.favourite-article .favourite-article-list .favourite-article-item .favourite-article-image img {
  border-radius: 16px;
  height: 258px;
  /* object-fit: cover; */
  width: 335px;
}

.favourite-article .favourite-article-list .favourite-article-item .user-image img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0px 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
}

.favourite-article .favourite-article-list .favourite-article-item .icon-wrapper {
  background: #191d21;
  height: 44px;
  width: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.collab-forum {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 24px 18px 24px;
  border-radius: 22px;
}

.collab-forum .collab-forum-list {
  height: 620px;
  overflow: auto;
}

.collab-forum .collab-forum-list::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.collab-forum .collab-forum-list::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.collab-forum .collab-forum-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.collab-forum .collab-forum-item {
  background: linear-gradient(0deg, #1B2730, #1B2730), linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 40px 180px 0px rgba(0, 0, 0, 0.3490196078);
  border: 1px solid #303943;
  margin-bottom: 20px;
}

.collab-forum .collab-forum-item:last-child {
  margin-bottom: 0;
}

.collab-forum .collab-forum-item .collab-forum-item-user-info .user-info {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.collab-forum .collab-forum-item .collab-forum-item-user-info .user-info .dot-icon {
  background: #fff;
  margin-left: 10px;
}

.collab-forum .collab-forum-item .collab-forum-item-user-info .user-info .user-image img {
  height: 42px;
  object-fit: cover;
  width: 42px;
  border-radius: 50%;
  box-shadow: 0px 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
}

.collab-forum .collab-forum-item .collab-forum-item-user-info .user-info .date-time {
  font-size: 16px;
  color: #fff;
  opacity: 0.4;
  padding-left: 0;
}

.collab-forum .collab-forum-item .collab-forum-item-user-info .user-info .user-name {
  color: #fff;
  font-size: 18px;
  padding-left: 20px;
  margin: 0;
}

.collab-forum .collab-forum-item .collab-forum-item-title {
  font-size: 18px;
  color: #fff;
  padding-bottom: 5px;
}

.collab-forum .collab-forum-item .collab-forum-item-description {
  color: #fff;
  opacity: 0.5;
  line-height: 28px;
  padding-bottom: 20px;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper {
  display: flex;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper.show-comments .collab-forum-action.comments .icon {
  display: none;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper.show-comments .collab-forum-action.comments .icon.hide {
  display: block;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper.show-comments .collab-forum-action.comments .count.hide {
  display: block;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper.show-comments .collab-forum-action.comments .count.show {
  display: none;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper .collab-forum-action {
  background: rgba(255, 255, 255, 0.0509803922);
  padding: 9px 12px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  margin-right: 20px;
  display: flex;
  align-items: center;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper .collab-forum-action.comments .hide {
  display: none;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper .collab-forum-action.comments .count.hide {
  display: none;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper .collab-forum-action.comments .count.show {
  display: block;
}

.collab-forum .collab-forum-item .collab-forum-action-wrapper .collab-forum-action .count {
  font-size: 16px;
  padding-left: 5px;
}

.form-group {
  margin-bottom: 14px;
}

.form-group .form-control {
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 16px;
  padding: 15px;
  font-size: 16px;
  border: 0;
  color: #fff;
  opacity: 0.8;
}

.form-group .form-control:focus-visible {
  outline: 1px solid #73DFFF;
}

.form-group .form-control:focus {
  outline: 1px solid #73DFFF;
  box-shadow: none;
}

.button {
  padding: 14px 50px;
  border-radius: 14px;
  background: transparent;
  box-shadow: none;
  font-size: 18px;
  font-weight: bold;
}

.button.secondaryButton {
  background: transparent;
  color: #73DFFF;
  border: 1px solid #73DFFF;
}

.button.primaryButton {
  background: #73DFFF;
  border: 1px solid #73DFFF;
  color: #000;
}

.button.primaryButton:disabled {
  background: #083A49;
  border: 1px solid transparent;
  color: rgba(255, 255, 255, 0.4);
}

.button.tertiary-button {
  color: #fff;
  background: #0055A3;
  border: 1px solid #0055A3;
}

.page-subtitle {
  color: #fff;
  opacity: 0.4;
  font-size: 16px;
  margin: 0;
}

.back-button {
  display: flex;
  z-index: 99;
  position: sticky;
  top: 0;
  background: #000A17;
  align-items: center;
  padding: 20px 0;
}

.back-button span {
  padding-left: 10px;
  color: #fff;
  font-size: 18px;
}

.certificateModal .modal-dialog {
  min-width: 80%;
}

.certificateModal .modal-content {
  background: transparent;
  position: relative;
}

.certificateModal .certificate-vector-image {
  position: absolute;
  top: 0;
}

.certificateModal .certificate-vector-image img {
  height: 550px;
}

.certificateModal .modal-header {
  border-bottom: 0;
  justify-content: flex-end;
}

.certificateModal .close-button {
  width: 30px;
  margin-left: 20px;
  cursor: pointer;
}

.certificateModal .modal-body {
  background: #fff;
  border-radius: 16px;
  margin-top: 10px;
  position: relative;
  height: 66vh;
  padding-top: 0px;
  overflow: hidden;
  background-color: #fff;
}

.certificateModal .modal-body .designation-name {
  color: #001C65;
  font-size: 18px;
  margin: 0;
  text-align: center;
  font-weight: bold;
}

.certificateModal .modal-body .designation {
  font-size: 18px;
  color: #000;
  opacity: 0.5;
}

.certificateModal .modal-body .certificate-heading {
  font-size: 48px;
  font-weight: bold;
  background: linear-gradient(90deg, #0047FF 0%, #00C2FF 100%);
  -webkit-background-clip: text;
  font-family: "Open Sans", system-ui;
  margin-bottom: 0;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.certificateModal .modal-body .logo-image {
  margin-bottom: 30px;
}

.certificateModal .modal-body .container {
  padding: 20px 0 0 20px;
}

.certificateModal .modal-body .certificate-info {
  font-size: 24px;
  padding-top: 20px;
  line-height: 37px;
  color: #000;
}

.certificateModal .modal-body .certificate-info .grade {
  color: #001C65;
  font-weight: bold;
}

.certificateModal .modal-body .grade-icon img {
  width: 120px;
}

.custom-popup .modal-content {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 40px;
  border-radius: 30px;
}

.custom-popup .modal-header {
  padding: 0;
  border: 0;
}

.custom-popup .modal-body {
  padding: 0;
}

.custom-popup .modal-body .popup-status-icon {
  text-align: center;
  padding-bottom: 30px;
}

.custom-popup .modal-body .popup-status-icon .icon {
  height: 70px;
  width: 70px;
  background: #34C759;
  border-radius: 50%;
}

.custom-popup .modal-body .popup-heading {
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  margin-bottom: 30px;
}

.custom-popup .modal-footer {
  padding: 0;
  border: 0;
}

#allReview .modal-dialog.modal-dialog-scrollable {
  height: 500px;
}

#allReview ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

#allReview ::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

#allReview ::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

#allReview .reviews-list {
  height: auto;
}

#allReview .button.primaryButton {
  padding: 10px 80px;
}

#allReview .header-div-main {
  position: sticky;
  top: 0;
  z-index: 99;

}

#allReview .reviews-wrapper {
  background: transparent;
  padding: 0;
  margin-top: 20px;
  max-height: 400px;
  overflow: auto;
}


#allReview .reviews-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

#allReview .reviews-wrapper::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

#allReview .reviews-wrapper::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

#allReview .reviews-wrapper .reviews-list-item .reviews-list-item-header {
  padding-bottom: 0;
}

#allReview .reviews-wrapper .reviews-list-item p {
  text-align: left;
  color: #fff;
}

.details-page .details-page-title {
  font-size: 32px;
  line-height: 57px;
  color: #fff;
  margin-bottom: 16px;
}

.details-page .post-author-name {
  color: #fff;
  font-size: 24px;
  margin-bottom: 10px;
}

.details-page .post-date {
  color: #fff;
  opacity: 0.3;
  margin: 0;
}

.details-page .details-page-image {
  margin-top: 20px;
}

.details-page .details-page-image img {
  width: 100%;
  border-radius: 16px;
  height: 469px;
  /* object-fit: cover; */
}

.details-page .details-page-description {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  margin-top: 20px;
  padding-bottom: 20px;
}

.details-page .skeleton-wrapper .news-list-item-section.skeleton {
  min-height: 130px;
  margin-bottom: 20px;
  animation: fullwidth 1s ease infinite;
}

.details-page .skeleton-wrapper .details-page-title.skeleton {
  min-height: 44px;
  animation: fullwidth 1s ease infinite;
}

.details-page .skeleton-wrapper .details-page-sub-title.skeleton {
  min-height: 30px;
  animation: fullwidth 1s ease infinite;
}

.details-page .skeleton-wrapper .details-page-image.skeleton {
  min-height: 430px;
  animation: fullwidth 1s ease infinite;
}

.details-page .skeleton-wrapper .details-page-info.skeleton {
  min-height: 30px;
  margin-bottom: 10px;
  animation: fullwidth 1s ease infinite;
}

@keyframes fullwidth {
  to {
    background-position: right -1000px top 0;
  }
}

.category-tabs {
  margin-top: 30px;
}

.category-tabs .nav .nav-item {
  margin-right: 20px;
}

.category-tabs .nav .nav-item button {
  padding: 13px 22px;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.1019607843);
  color: rgba(255, 255, 255, 0.5019607843);
  border-radius: 12px;
}

.category-tabs .nav .nav-item button.active {
  background-color: #0055A3;
  color: #fff;
}

.collab-forum-details-page {
  padding-top: 0;
}

.collab-forum-details-page .empty-screen img {
  width: 270px;
}

.collab-forum-details-page .collab-forum {
  background: transparent;
  padding: 0;
}

.collab-forum-details-page .collab-forum .collab-forum-list {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.collab-forum-details-page .collab-forum .collab-forum-item {
  background: #000;
  padding: 0;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
}

.collab-forum-details-page .collab-forum .collab-forum-item-inner {
  background: linear-gradient(0deg, #1B2730, #1B2730), linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 40px 180px 0px rgba(0, 0, 0, 0.3490196078);
  border: 1px solid #303943;
}

.collab-forum-details-page .collab-forum .section-header {
  align-items: center;
  position: sticky;
  top: 0;
  background: #000A17;
  z-index: 9;
  padding: 20px 0;
}

.collab-forum-details-page .add-collab-forum-button {
  height: 40px;
  cursor: pointer;
  width: 40px;
  border-radius: 10px;
  background: #73DFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}

.collab-forum-details-page .add-collab-forum {
  background: rgba(255, 255, 255, 0.0509803922);
  padding: 14px;
  border-radius: 22px;
  margin-bottom: 20px;
  display: none;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease, height 0.5s ease;
}

.collab-forum-details-page .add-collab-forum.add-collab-forum-show {
  display: flex;
  opacity: 1;
  height: auto;
}

.collab-forum-details-page .add-collab-forum .collab-forum-form {
  width: 100%;
  padding-left: 20px;
}

.collab-forum-details-page .add-collab-forum .user-image img {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  box-shadow: 0px 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
  object-fit: cover;
}

.collab-forum-details-page .skeleton-wrapper .collab-forum-header.skeleton {
  min-height: 40px;
  width: 100%;
  margin-bottom: 16px;
  animation: title 1s ease infinite;
}

.collab-forum-details-page .skeleton-wrapper .collab-forum-list-item.skeleton {
  min-height: 172px;
  margin-bottom: 10px;
  animation: category-item-animation 1s ease infinite;
}

@keyframes title {
  to {
    background-position: right -610px top 0;
  }
}

@keyframes category-item-animation {
  to {
    background-position: right -1600px top 0;
  }
}

.comments-wrapper {
  background: #000;
  padding: 20px 30px 20px;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border-radius: 20px;
  margin-bottom: 20px;
}

.comments-wrapper.comments-show {
  display: block;
  opacity: 1;
  padding-bottom: 30px;
}

.comments-wrapper .comments-item-list {
  height: 330px;
  overflow: auto;
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 20px;
  padding: 20px;
}

.comments-wrapper .comments-item-list::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.comments-wrapper .comments-item-list::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.comments-wrapper .comments-item-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.comments-wrapper .comments-item {
  padding: 20px 0;
  border-bottom: 1px solid #585858;
}

.comments-wrapper .comments-item:last-child {
  border: 0;
}

.comments-wrapper .comments-item .user-image img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  box-shadow: 0px 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
  object-fit: cover;
}

.comments-wrapper .comments-item .comments-message {
  padding-left: 10px;
}

.comments-wrapper .comments-item .comments-message .comment {
  color: #fff;
  font-size: 16px;
  opacity: 0.4;
}

.comments-wrapper .comments-item .comments-message .user-name {
  color: #fff;
  font-size: 18px;
  opacity: 1;
}

.comments-wrapper .comments-item .date-time {
  font-size: 14px;
  color: #fff;
  opacity: 0.4;
  text-align: right;
}

.comments-wrapper .input-message-type {
  margin-top: 20px;
  position: relative;
}

.comments-wrapper .input-message-type .input-message {
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 16px;
  border: 0;
  width: 100%;
  padding: 18px 20px;
  color: #fff;
}

.comments-wrapper .input-message-type .input-message::placeholder {
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
}

.comments-wrapper .input-message-type .input-message:focus-visible {
  outline: 1px solid #73DFFF;
}

.comments-wrapper .input-message-type .messageSendIconWrapper {
  height: 44px;
  width: 44px;
  border-radius: 10px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.continue-watching-list {
  display: flex;
  overflow: auto;
}

.continue-watching-list .continue-watching-list-item {
  margin-right: 14px;
}

.continue-watching-list .continue-watching-list-item:last-child {
  margin-right: 0;
}

.continue-watching-list .continue-watching-list-item .watching-image {
  /*width: 238px;*/
  /*height: 163px;*/
  border-radius: 0;
  /*object-fit: cover;*/
}

.continue-watching-list .continue-watching-list-item .watching-info {
  /*background: rgba(0, 0, 0, 0.8);*/
  /*position: absolute;*/
  /*bottom: 5px;*/
  /*width: 96%;*/
  /*border-radius: 14px;*/
  /*padding: 10px 14px 10px 10px;*/
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
}

.continue-watching-list .continue-watching-list-item .watching-info .title {
  font-size: 16px;
  color: #fff;
  margin: 0;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.continue-watching-list .continue-watching-list-item .watching-info .sub-title {
  font-size: 12px;
  color: #fff;
  opacity: 0.5;
  font-weight: 400;
  margin: 0;
  padding-bottom: 3px;
  font-family: var(--primaryFont);
}

.continue-watching-list .continue-watching-list-item .watching-info .watch-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background: #000;
  border-radius: 10px;
}

.continue-watching-list .continue-watching-list-item .watching-info .watch-icon-wrapper img {
  width: 12px;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0;
  border-radius: 20px;
  height: 96%;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category a {
  color: transparent;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .image-ratio.image-wrapper::before {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .image-ratio.image-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.role_supervisior .subscription-row-premium.subscription-row-premium-create .col-12.summary-col {
  margin-top: 35px;
}

.role_supervisior .subscription-row-premium .features-col .feature-details-div:last-child {
  margin-bottom: 40px;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .image-ratio.image-wrapper .watching-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 16px;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img {
  overflow: hidden;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .relevance-tag {
  background: rgba(0, 0, 0, 0.6980392157);
  padding: 6px 15px;
  border-radius: 20px 0 20px 0;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  color: #fff;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .rating-tag {
  background: linear-gradient(270deg, #FF7A00 0%, #FFB800 100%);
  border-radius: 0 16px 0 16px;
  padding: 4px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  color: #fff;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-image {
  height: 335px;
  border-radius: 20px;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-info {
  background: rgba(0, 0, 0, 0.9);
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-info .list-inline-item .time-details img {
  padding-right: 5px;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-info .play-icon {
  background: rgba(255, 255, 255, 0.1);
  width: 47px;
  height: 47px;
  border-radius: 15px;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-info ul {
  margin-top: 12px;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-info ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;
  color: #fff;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-info ul li .time-details {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  color: #fff;
}

.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-info ul li span {
  color: #73DFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.28px;
}

.continue-watching-list.continue-watching-row {
  overflow: initial;
}

.continue-watching-list.continue-watching-row .continue-watching-list-item {
  margin: 0 0 24px;
}

.continue-watching-list.continue-watching-row .continue-watching-list-item .watching-image {
  width: 100%;
  height: 300px;
}

.continue-watching-list.continue-watching-row .continue-watching-list-item .watching-info {
  display: flex;
  align-items: center;
}

.continue-watching-list.continue-watching-row .continue-watching-list-item .watching-info .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
  text-align: left;
}

.continue-watching-list.continue-watching-row .continue-watching-list-item .watching-info .sub-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.79px;
  color: #fff;
  font-family: var(--primaryFont);
}

.continue-watching-list.continue-watching-row .continue-watching-list-item .watching-info .play-icon {
  background: rgba(0, 0, 0, 0.5215686275);
  width: 63px;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.latest-news-section {
  position: sticky;
  top: 20px;
}

.news-list {
  height: 86vh;
  background: rgba(0, 0, 0, 0.6);
  overflow: auto;
}

.news-list .news-list-item {
  padding: 14px;
  color: #fff;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
}

.news-list .news-list-item .news-title {
  font-size: 16px;
  font-weight: 600;
  width: 90%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #fff;
}

.news-list .news-list-item .news-image {
  width: 120px;
  height: 120px;
  border-radius: 16px;
  object-fit: cover;
  margin-right: 16px;
}

.news-list .news-list-item .news-date {
  color: #73DFFF;
  font-size: 14px;
  margin: 0;
}

.news-list .news-list-item .icon-wrapper {
  background: #191d21;
  height: 44px;
  width: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-list .news-list-item:last-child {
  border: 0;
}


.news-page .news-page-list {
  margin-top: 40px;
}

.news-page .news-page-list .news-list-item-inner {
  display: flex;
  padding: 12px 20px 12px 12px;
  background: rgba(255, 255, 255, 0.1019607843);
  margin-bottom: 12px;
  border-radius: 24px;
}

.news-page .news-page-list .news-list-item-inner .news-fav-icon {
  height: 44px;
  width: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1019607843);
}

.news-page .news-page-list .news-list-item-inner .news-image {
  margin-right: 12px;
}

.news-page .news-page-list .news-list-item-inner .news-image img {
  object-fit: cover;
  height: 148px;
  width: 148px;
  border-radius: 16px;
}

.news-page .news-page-list .news-list-item-inner .news-title {
  font-size: 24px;
  color: #fff;
  margin: 0;
  padding-bottom: 10px;
  width: 80%;
}

.news-page .news-page-list .news-list-item-inner .news-description {
  color: #fff;
  font-size: 16px;
  opacity: 0.4;
  width: 90%;
}

.news-page .news-page-list .news-list-item-inner .news-date {
  color: #fff;
  opacity: 0.3;
}

.news-details-page .news-details-list .news-details-list-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
}

.news-details-page .more-news {
  margin-top: 20px;
}

.news-details-page .more-news .news-list {
  height: auto;
  background: transparent;
  display: flex;
  overflow: auto;
}

.news-details-page .more-news .news-list::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 100%;
}

.news-details-page .more-news .news-list::-webkit-scrollbar {
  width: 10px;
  border-radius: 100%;
}

.news-details-page .more-news .news-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.news-details-page .more-news .news-list .news-list-item {
  background: rgba(255, 255, 255, 0.1019607843);
  border: 0;
  border-radius: 16px;
  margin-right: 20px;
  padding: 10px;
  max-width: 435px;
  min-width: 435px;
}

.news-details-page .more-news .news-list .news-list-item .news-title {
  width: 80%;
  /*overflow: unset;*/
}

.news-details-page .more-news .news-list .news-list-item .icon-wrapper {
  background: rgba(255, 255, 255, 0.1019607843);
}

.articles-page .favourite-article-list {
  margin-top: 30px;
  display: block;
}

.favourite-article .favourite-article-list .row {
  row-gap: 30px;
}

.articles-page .favourite-article-list .favourite-article-item {
  margin-right: 0;
  margin-bottom: 20px;
  width: 100%;
}

.articles-page .favourite-article-list .favourite-article-item .favourite-article-image img {
  width: 100%;
}

.articles-page .skeleton-wrapper .page-title.skeleton,
.news-page .skeleton-wrapper .page-title.skeleton,
.category-list-page .skeleton-wrapper .page-title.skeleton,
.course-list-page .skeleton-wrapper .page-title.skeleton {
  min-height: 40px;
  width: 337px;
  margin-bottom: 16px;
  animation: title 1s ease infinite;
}

.articles-page .skeleton-wrapper .page-info.skeleton,
.news-page .skeleton-wrapper .page-info.skeleton,
.category-list-page .skeleton-wrapper .page-info.skeleton,
.course-list-page .skeleton-wrapper .page-info.skeleton {
  min-height: 33px;
  margin-bottom: 10px;
  width: 450px;
  animation: title 1s ease infinite;
}

.articles-page .skeleton-wrapper .category-item.skeleton,
.news-page .skeleton-wrapper .category-item.skeleton,
.category-list-page .skeleton-wrapper .category-item.skeleton,
.course-list-page .skeleton-wrapper .category-item.skeleton {
  min-height: 60px;
  width: 103px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  animation: category-animation 1s ease infinite;
}

.articles-page .skeleton-wrapper .category-list-item .skeleton,
.news-page .skeleton-wrapper .category-list-item .skeleton,
.category-list-page .skeleton-wrapper .category-list-item .skeleton,
.course-list-page .skeleton-wrapper .category-list-item .skeleton {
  min-height: 406px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-right: 20px;
  animation: category-item-animation 1s ease infinite;
}

.articles-page .skeleton-wrapper .news-list-item.skeleton,
.news-page .skeleton-wrapper .news-list-item.skeleton,
.category-list-page .skeleton-wrapper .news-list-item.skeleton,
.course-list-page .skeleton-wrapper .news-list-item.skeleton {
  min-height: 172px;
  margin-bottom: 10px;
  animation: category-item-animation 1s ease infinite;
}

@keyframes title {
  to {
    background-position: right -610px top 0;
  }
}

@keyframes category-item-animation {
  to {
    background-position: right -1600px top 0;
  }
}

@keyframes category-animation {
  to {
    background-position: right -200px top 0;
  }
}

.articles-details-page .details-page-title {
  width: 90%;
}

.articles-details-page .icon-wrapper {
  margin-left: 10px;
  background: rgba(255, 255, 255, 0.1019607843);
  height: 44px;
  width: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.courses-details-page .stickyrightpanel {
  position: sticky;
  top: 20px;
}

.courses-details-page .instructor-card .instructor-card-inner-wrapper {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 24px 18px;
  border-radius: 22px;
}

.courses-details-page .instructor-card .section-title {
  margin-bottom: 20px;
  font-size: 26px;
}

.courses-details-page .instructor-card .user-image {
  margin-right: 14px;
}

.courses-details-page .instructor-card .user-image img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
}

.courses-details-page .instructor-card .user-name {
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
}

.courses-details-page .instructor-card .user-designation {
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
}

.courses-details-page .instructor-card .description {
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2509803922);
  font-size: 16px;
  padding-top: 20px;
  color: #fff;
  opacity: 0.5;
  line-height: 28px;
}

.courses-details-page .section-header {
  padding: 20px 0;
}

.courses-details-page .section-header .lessons-button {
  background: rgba(115, 223, 255, 0.2);
  color: #73DFFF;
  padding: 10px 20px;
  border-radius: 100px;
  border: 0;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.courses-details-page .section-header .lessons-button span {
  padding: 0 8px;
}

.courses-details-page .courses-details {
  padding: 20px;
  background: rgba(137, 137, 137, 0.1019607843);
  border-radius: 20px;
  height: 84vh;
  overflow: auto;
  color: #fff;
}

.courses-details-page .courses-details .courses-details-image {
  position: relative;
}

.courses-details-page .courses-details .courses-details-image .course-image {
  width: 25%;
  border-radius: 16px;
  float: left;
  margin-right: 1rem;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

.courses-details-page .courses-details .courses-details-image .relevance {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6980392157);
  border-radius: 16px 0 16px 0;
  padding: 7px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.courses-details-page .courses-details .courses-details-image .rating {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(270deg, #FF7A00 0%, #FFB800 100%);
  border-radius: 0 16px 0 16px;
  padding: 6px 16px;
  display: flex;
  align-items: center;
}

.courses-details-page .courses-details .courses-details-image .rating span {
  color: #fff;
  font-size: 14px;
  padding-left: 4px;
}

.courses-details-page .courses-details .lessons-number {
  background: rgba(255, 255, 255, 0.1019607843);
  padding: 7px 16px;
  height: fit-content;
  display: inline-block;
  font-size: 14px;
  border-radius: 16px;
  border: 1px solid #0055A3;
  width: fit-content;
}

.courses-details-page .courses-details .icon-wrapper {
  background: rgba(255, 255, 255, 0.1019607843);
  height: 44px;
  width: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.courses-details-page .courses-details .courses-info {
  margin-top: 0;
  font-size: 1.4rem;
}

.courses-details-page .courses-details .courses-info .courses-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.courses-details-page .courses-details .courses-info .courses-header .courses-name {
  font-weight: 600;
  font-size: 2rem;
}

.courses-details-page .courses-details .courses-info .courses-type .courses-type-list {
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.courses-details-page .courses-details .courses-info .courses-type .courses-type-list .courses-type-list-item {
  margin-bottom: 10px;
}

.courses-details-page .courses-details .courses-info .courses-type .courses-type-title {
  color: #fff;
  display: flex;
  align-items: center;
}

.courses-details-page .courses-details .courses-info .courses-type .courses-type-title span {
  padding-left: 8px;
}

.courses-details-page .courses-details .courses-info .courses-type .courses-type-list {
  display: flex;
  margin: 20px 0;
}

.courses-details-page .courses-details .courses-info .courses-type .courses-type-list .courses-type-list-item {
  padding: 9px 24px;
  border-radius: 20px;
  margin-right: 20px;
  color: white;
  font-size: 14px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.1019607843);
}

.courses-details-page .courses-details .courses-info .secondaryButton.completedButton {
  background: #34C759;
  color: #fff;
  padding: 10px 14px;
  border: 0;
}

.courses-details-page .courses-details .courses-info .secondaryButton.completedButton img {
  width: 24px;
}

.courses-details-page .courses-details .courses-info .courses-description {
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
}

.courses-details-page .courses-details .courses-info .courses-lessons .section-title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
}

.courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list {
  background: rgba(137, 137, 137, 0.1019607843);
  border-radius: 16px;
}

.courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item {
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
}

.courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item:last-child {
  border-bottom: 0;
}

.courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-item-header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px 0;
  align-items: center;
}

.courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-item-header .courses-lessons-name {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-item-header .timer {
  display: flex;
  align-items: center;
}

.courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-item-header .timer span {
  padding-left: 8px;
  color: #fff;
}

.courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .lessons-description {
  font-size: 16px;
  color: #fff;
  margin: 0;
  opacity: 0.5;
}

.courses-details-page button.secondaryButton.fw-normal {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  width: max-content;
}

.courses-details-page button.secondaryButton.fw-normal img {
  margin-left: 10px;
}

.courses-details-page .button.primaryButton,
.courses-details-page .button.secondaryButton,
.courses-details-page .button.tertiary-button {
  padding: 10px 50px;
  font-size: 16px;
}

.courses-details-page .skeleton-wrapper .courses-details-image.skeleton {
  min-height: 600px;
  animation: fullwidth 1s ease infinite;
}

.courses-details-page .skeleton-wrapper .courses-details-info.skeleton {
  min-height: 30px;
  margin-bottom: 15px;
  animation: fullwidth 1s ease infinite;
}

@keyframes fullwidth {
  to {
    background-position: right -1400px top 0;
  }
}

#page-mod-videotime-view #writeReview {
  overflow: hidden;
}

#page-mod-videotime-view #writeReview .modal-dialog .modal-content .modal-body {
  padding: 0 15px;
}

#page-mod-videotime-view #allReview {
  overflow: hidden;
}

#page-mod-videotime-view .courses-details-page .courses-details .icon-wrapper {
  margin: 0 !important;
}

.courses-details-page #writeReview .modal.common-modal-layout.choose-avatar-modal .modal-dialog {
  height: auto;
}

.modal.common-modal-layout#logoutModal .modal-dialog .modal-content .modal-body h4,
.modal.common-modal-layout#deleteModal .modal-dialog .modal-content .modal-body h4 {
  font-size: 24px;
  line-height: 36px;
}

.modal.common-modal-layout#logoutModal .modal-dialog .modal-content,
.modal.common-modal-layout#deleteModal .modal-dialog .modal-content {
  padding: 44px 60px 20px;
}

.modal.common-modal-layout#logoutModal .modal-dialog .modal-content .modal-body ul li:first-child,
.modal.common-modal-layout#deleteModal .modal-dialog .modal-content .modal-body ul li:first-child {
  width: 32%;
}

.modal.common-modal-layout#logoutModal .modal-dialog .modal-content .modal-body ul li,
.modal.common-modal-layout#deleteModal .modal-dialog .modal-content .modal-body ul li {
  width: 48%;
}

.modal.common-modal-layout#logoutModal .modal-dialog .modal-content .modal-body ul li button,
.modal.common-modal-layout#deleteModal .modal-dialog .modal-content .modal-body ul li button {
  width: 100%;
}

.courses-details-page #writeReview .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.courses-details-page #writeReview .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content ::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.courses-details-page #writeReview .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content ::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.courses-details-page #writeReview .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body {
  padding: 13px;
}

.courses-details-page #writeReview .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.courses-details-page #writeReview .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body ::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.courses-details-page #writeReview .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body ::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.courses-details-page #writeReview .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .textarea {
  margin-bottom: 0;
}

.watch-courses-video .courses-details-page .courses-details {
  height: auto;
}

.watch-courses-video .courses-details-page .instructor-card {
  position: unset;
}

.watch-courses-video .modal.common-modal-layout .modal-dialog .modal-content .modal-body p {
  font-size: 16px;
}

.watch-courses-video .reviews-wrapper {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 0 20px 20px 20px;
  border-radius: 22px;
}

.watch-courses-video .reviews-wrapper .reviews-list {
  background: rgba(255, 255, 255, 0.0705882353);
  padding: 15px 0;
  border-radius: 20px;
  max-height: 500px;
  overflow: auto;
  color: #fff;
}

.watch-courses-video .reviews-wrapper .reviews-list::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.watch-courses-video .reviews-wrapper .reviews-list::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.watch-courses-video .reviews-wrapper .reviews-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
  padding: 15px;
}

.watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item:first-child {
  padding-top: 0;
}

.watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item:last-child {
  border: 0;
  padding-bottom: 0;
}

.watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item .reviews-list-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
}

.watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item .reviews-list-item-header .reating {
  padding: 7px 14px 7px 14px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #73DFFF;
  background: rgba(255, 255, 255, 0.1019607843);
}

.watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item .reviews-list-item-header .reating span {
  padding-left: 5px;
}

.watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item .review-time {
  color: #fff;
  opacity: 0.4;
}

.watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item .user-image img {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  box-shadow: 0px 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
}

.watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item .user-name {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  padding-left: 12px;
}

.watch-courses-video .continue-watching-list .continue-watching-list-item .watching-image {
  width: 298px;
  height: 183px;
}

.view-course .timeline {
  background: transparent;
}

.view-course .timeline .timeline-bar {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2509803922);
  margin-top: 30px;
  padding: 140px 0 50px;
}

.view-course .timeline .timeline-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.view-course .timeline .timeline-bar::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.view-course .timeline .timeline-bar::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.view-course .courses-details-page .courses-details .courses-info .courses-lessons .tag {
  padding: 6px 20px;
  font-size: 14px;
  border-radius: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #34C759;
  height: fit-content;
}

.view-course .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .lessons-description {
  padding-top: 10px;
  padding-bottom: 10px;
}

.view-course .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-item-header {
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin: 0;  
}

.view-course .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-item-header .courses-lessons-name {
  margin-bottom: 5px;
}

.view-course .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-image img {
  height: 150px;
  width: 250px;
  border-radius: 16px;
}

.lesson-activities-wrapper {
  background: #000B19;
  padding: 20px 20px 0 20px;
  border-radius: 30px;
  position: relative;
}

.lesson-activities-wrapper .accordion-collapse {
  padding-bottom: 20px;
}

.lesson-activities-wrapper .lesson-activities-header {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lesson-activities-wrapper .lesson-activities-header img {
  cursor: pointer;
}

.lesson-activities-wrapper .lesson-activities-header .lesson-activities-heading {
  font-size: 20px;
  color: #fff;
}


.lesson-activities-wrapper .slick-slide img {
  height: 40px;
  width: 40px;
}

.courses-lessons-item .lesson-activities-wrapper .slick-next {
  position: absolute;
  right: -10px;
  bottom: 0;
  top: unset;
  left: unset;
  z-index: 99;
  bottom: -65px;
  background-color: transparent;
}

.courses-lessons-item .lesson-activities-wrapper .slick-next::before {
  content: "";
  display: block;
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  opacity: 1;
  background-image: url(../../style/assets/icons/prev-button.png);
  background-size: auto;
}

.lesson-activities-wrapper .lesson-activities-icon img {
  height: 40px;
  width: 40px;
}

.courses-lessons-item .lesson-activities-wrapper .slick-next.slick-disabled,
.courses-lessons-item .lesson-activities-wrapper .slick-prev.slick-disabled {
  opacity: 0.5;
}

.lesson-activities-card-list.slick-slider {
  margin-bottom: 0;
}

.courses-lessons-item .lesson-activities-wrapper .slick-prev {
  position: absolute;
  right: 35px;
  top: unset;
  bottom: 0;
  left: unset;
  z-index: 99;
  bottom: -65px;
  background-color: transparent;
}

.courses-lessons-item .lesson-activities-wrapper .slick-prev::before {
  content: "";
  display: block;
  opacity: 1;
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-image: url(../../style/assets/icons/next-button.png);
  background-size: auto;
}

.lesson-activities-wrapper .lesson-activities-card {
  min-width: 100%;
}

.lesson-activities-wrapper .lesson-activities-card-list.horizontal-layout {
  display: grid;
  grid-template-columns: 1fr;
}

.lesson-activities-wrapper .lesson-activities-card-list.horizontal-layout .lesson-activities-card {

  box-sizing: border-box;
}

.slick-track {
  width: 100%!important
}

.lesson-activities-wrapper .lesson-activities-card {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  position: relative;
  border-radius: 12px;
  border: 1px solid #262e39;
  padding: 12px;
  margin-bottom: 20px;
}
.lesson-activities-wrapper .lesson-activities-card:hover {
  background: linear-gradient(0deg, #0B1521 0%, #1A232F 100%);
  position: relative;
  border-radius: 12px;
  border: 1px solid #73dfff;
  padding: 12px;
  margin-bottom: 20px;
}
.lesson-activities-wrapper .lesson-activities-card .lesson-activities-tag {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #00AD2B;
  color: #fff;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: auto;
}

.lesson-activities-wrapper .lesson-activities-card .lesson-activities-name {
  font-size: 18px;
  color: #fff;
  padding-top: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.lesson-activities-wrapper .lesson-activities-card p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.timeline {
  background: #000;
  display: none;
}

.timeline-bar {
  margin: auto;
  padding: 140px 0 80px;
  width: 100%;
  border-bottom: 1.2px solid #0055A3;
  border-radius: 15px;
  overflow: auto;
}

.timeline-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 100%;
}

.timeline-bar::-webkit-scrollbar {
  width: 10px;
  border-radius: 100%;
}

.timeline-bar::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.timeline-bar .timeline {
  position: relative;
  display: flex;
  width: 1400px;
  padding: 0;
}

.timeline-bar .timeline .timeline-item {
  list-style: none;
  position: relative;
  text-align: center;
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.userIcon.timeline-item+.timeline-item.lavel {
  width: 20%;
}

#page-my-index .userIcon.timeline-item+.timeline-item.lavel {
  width: 160px;
}

#page-my-index .userIcon.timeline-item+.timeline-item.lavel .bottom-label,
#page-my-index .timeline-item.lavel+.timeline-item.lavel .bottom-label {
  right: 5px;
}

.timeline-item.lavel+.timeline-item.lavel {
  width: 20%;
}

.userIcon.timeline-item+.timeline-item.lavel .bottom-label,
.timeline-item.lavel+.timeline-item.lavel .bottom-label {
  right: 60px;
}

.timeline-bar .timeline .timeline-item .wrapper {
  z-index: 999;
  position: relative;
}

.timeline-bar .timeline .timeline-item .badgeStatusIcon,
.timeline-bar .timeline .timeline-item .top-label-info,
.timeline-bar .timeline .timeline-item .topBorder,
.timeline-bar .timeline .timeline-item .timeline-level {
  display: none;
}

.timeline-bar .timeline .timeline-item .top-label {
  height: 110px;
  position: absolute;
  width: 1px;
  background: linear-gradient(180deg, rgba(164, 164, 164, 0.75) -90.6%, rgba(135, 135, 135, 0) 101.15%);
  bottom: 20px;
}

.timeline-bar .timeline .timeline-item .top-label span {
  background: #191b1d;
  border-radius: 38px;
  color: #fff;
  font-size: 15px;
  padding: 4px 20px;
  position: relative;
  bottom: 24px;
  right: 38px;
}

.timeline-bar .timeline .timeline-item .bottom-label {
  position: absolute;
  top: 48px;
  right: 5px;
}

.timeline-bar .timeline .timeline-item .bottom-label .bottom-label-info {
  display: flex;
  align-items: center;
  left: 28px;
  position: relative;
}

.timeline-bar .timeline .timeline-item .bottom-label .bottom-label-info .bottom-label-text {
  background: #191b1d;
  border-radius: 38px;
  color: #fff;
  font-size: 15px;
  padding: 4px 0 4px 20px;
  width: 210px;
}

.timeline-bar .timeline .timeline-item .bottom-label .bottom-label-info .lavel {
  height: 33px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
  background: #000A17;
  border: 2px solid #19222E;
  position: relative;
  left: 30px;
}

.timeline-bar .timeline .timeline-item:last-child .top-label span {
  right: 68px;
  width: 130px;
  display: block;
}

.timeline-bar .timeline .timeline-item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  left: -50%;
  border-top: 4px dashed #fff;
  opacity: 0.2;
}

.timeline-bar .timeline .timeline-item:first-child::after {
  content: none;
}

.timeline-bar .timeline .enrolled {
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 14px;
  color: #fff;
  text-align: left;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  top: -60px;
  left: -40px;
  position: absolute;
  width: 110px;
}

.timeline-bar .timeline .enrolled .heading {
  padding-bottom: 5px;
  margin: 0;
  font-size: 14px;
  color: #73DFFF;
}

.timeline-bar .timeline .userIcon {
  z-index: 99;
}

.timeline-bar .timeline .userIcon .userIcon-wrapper {
  z-index: 9;
  border-radius: 50%;
  border: 6px solid rgba(0, 65, 132, 0.3294117647);
}

.timeline-bar .timeline .userIcon .userIcon-wrapper .userIcon-inner-wrapper {
  border-radius: 50%;
  border: 1px solid #007EFF;
}

.timeline-bar .timeline .userIcon .userIcon {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  object-fit: cover;
  border: 5px solid rgba(0, 0, 0, 0.6509803922);
}

.timeline-bar .timeline .userIcon.timeline-item::after {
  border-top: 6px dashed #94E6FF;
  box-shadow: 0px 5px 18.9px 0px rgba(124, 208, 255, 0.4588235294);
  opacity: 1;
}

.timeline-bar .timeline.quiz-start .timeline-item.lavel .timeline-lavel-wrapper {
  height: 56px;
  width: 56px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 50px 0px rgba(188, 188, 188, 0.5294117647);
  justify-content: center;
}

.timeline-bar .timeline.quiz-start .timeline-item.lavel .timeline-lavel-wrapper .timeline-level {
  height: 46px;
  width: 46px;
  border-radius: 50%;
  background: linear-gradient(180deg, #158FFF 0%, #73DFFF 100%);
  border: 2px solid rgba(255, 255, 255, 0.4117647059);
  box-shadow: 0px 0px 50px 0px rgba(188, 188, 188, 0.5294117647);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00397C;
  font-size: 16px;
  font-weight: bold;
}

.timeline-bar .timeline.quiz-start .timeline-item.lavel .timeline-lavel-wrapper+img {
  display: none;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade::after,
.timeline-bar .timeline.quiz-start .timeline-item.lavel::after {
  border-top: 6px dashed #94E6FF;
  box-shadow: 0px 5px 18.9px 0px rgba(124, 208, 255, 0.4588235294);
  opacity: 1;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade .quizIcon {
  display: none;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade .topBorder,
.timeline-bar .timeline.quiz-start .timeline-item.grade .top-label-info,
.timeline-bar .timeline.quiz-start .timeline-item.grade .badgeStatusIcon {
  display: block;
}

.timeline-bar .timeline.quiz-start .timeline-item:first-child::after {
  content: none;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade.excellent .top-label-text {
  background: #DC92FF;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade.excellent .wrapper {
  border-radius: 50%;
  box-shadow: 0px 0px 31.6px 0px rgba(158, 0, 195, 0.6509803922);
}

.timeline-bar .timeline.quiz-start .timeline-item.grade .top-label {
  background: none;
  bottom: 50px;
  height: auto;
  width: max-content;
  left: -16px;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade .top-label span {
  display: none;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade .top-label .top-label-info {
  position: relative;
  display: flex;
  left: -8px;
  align-items: center;
  top: -4px;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade .top-label .top-label-info .top-label-icon {
  position: absolute;
  left: -20px;
  width: 50px;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade .top-label .top-label-info .top-label-text {
  padding: 3px 9px 3px 40px;
  font-size: 15px;
  border-radius: 38px;
  color: #000;
  min-width: 205px;
  text-align: right;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade.good .top-label-text {
  background: #00D789;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade.good .wrapper {
  border-radius: 50%;
  box-shadow: 0px 0px 50px 0px rgba(63, 220, 211, 0.5294117647);
}

.timeline-bar .timeline.quiz-start .timeline-item.grade.great .top-label-text {
  background: #FFE500;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade.great .wrapper {
  border-radius: 50%;
  box-shadow: 0px 0px 50px 0px rgba(255, 122, 0, 0.5294117647);
}

.timeline-bar .timeline.quiz-start .timeline-item.grade.poor .top-label-text {
  background: #FF7171;
}

.timeline-bar .timeline.quiz-start .timeline-item.grade.poor .wrapper {
  border-radius: 50%;
  box-shadow: 0px 0px 50px 0px rgba(255, 0, 0, 0.5294117647);
}

.test-page.quize-page-wrapper {
  padding: 0 30px 30px 30px;
  overflow: auto;
}

.test-page.quize-page-wrapper .quize-sticky-header {
  position: sticky;
  z-index: 9;
  top: 0;
  padding-top: 30px;
  background: #111923;
}

.quize-page-wrapper {
  background: rgba(137, 137, 137, 0.1019607843);
  border-radius: 20px;
  padding: 30px;
  height: 84vh;
  overflow: auto;
}

.quize-page-wrapper .d-sm-flex a {
  width: 100%;
}

.quize-page-wrapper .d-sm-flex .primaryButton {
  margin-left: 0 !important;
}

.quize-page-wrapper .button.primaryButton {
  width: 27%;
}

.quize-page-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: rgba(10, 75, 132, 0.15);
}

.quize-page-wrapper::-webkit-scrollbar {
  width: 10px;
  border-radius: 0;
  background-color: rgba(10, 113, 94, 0.14);
}

.quize-page-wrapper::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: #00C2FF;
}

.quize-page-wrapper .quize-heading {
  color: #fff;
  font-size: 28px;
}

.quize-page-wrapper .quize-timer {
  border: 2px solid #0055A3;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  margin-top: 25px;
  background: rgba(0, 0, 0, 0.7490196078);
}

.quize-page-wrapper .quize-timer .course-name {
  font-size: 16px;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 400;
  opacity: .8;
  font-family: var(--primaryFont);
}

.quize-page-wrapper .quize-timer .lesson-name {
  margin-bottom: 0;
  font-size: 24px;
  color: #fff;
}

.quize-page-wrapper .quize-timer .quize-button {
  background: linear-gradient(219.86deg, #00C2FF 0%, #002F5A 24.11%, #0051B1 75.77%, #00C2FF 98.41%);
  border-radius: 11px;
  padding: 10px 20px;
  color: #fff;
  font-size: 20px;
}

.quize-page-wrapper .quize-timer .quize-button.quize-start-button {
  border: 2px solid #FFB800;
  background: transparent;
  box-shadow: -3px 5px 60px 0px rgba(255, 184, 0, 0.6784313725);
}

.quize-page-wrapper .quize-timer .quize-button img {
  margin-right: 5px;
}

.quize-page-wrapper .instructions {
  margin-top: 25px;
}

.quize-page-wrapper .instructions .instructions-heading {
  font-size: 24px;
  color: #fff;
  margin-bottom: 25px;
}

.quize-page-wrapper .instructions .instructions-list {
  display: flex;
}

.quize-page-wrapper .instructions .instructions-list .instructions-list-item {
  background: linear-gradient(90deg, rgba(15, 24, 35, 0.1) 0%, rgba(99, 165, 247, 0.1) 100%);
  display: flex;
  align-items: center;
  position: relative;
  padding: 14px 74px 14px 14px;
  width: max-content;
  margin-right: 50px;
  margin-bottom: 30px;
}

.quize-page-wrapper .instructions .instructions-list .instructions-list-item .trangel {
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 35px solid #172537;
  height: 0;
  width: 0;
  position: absolute;
  right: -34px;
}

.quize-page-wrapper .instructions .instructions-list .instructions-list-item .instructions-number {
  border: 1px solid #0055A3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background: rgba(0, 0, 0, 0.7490196078);
}

.quize-page-wrapper .instructions .instructions-list .instructions-list-item .instructions-title {
  font-size: 18px;
  color: #fff;
  padding-left: 20px;
}

.quize-page-wrapper .question-list {
  margin-top: 50px;
}

.quize-page-wrapper .question-list .question-list-item {
  margin-bottom: 30px;
}

.quize-page-wrapper .question {
  display: flex;
  align-items: center;
  padding: 12px;
  position: relative;
  margin: auto;
  background-image: url(../../style/assets/images/questionRectangle.png);
  background-repeat: no-repeat;
  height: 91px;
  background-size: cover;
}

.quize-page-wrapper .question .trangel-right {
  border-top: 35px solid transparent;
  border-bottom: 45px solid transparent;
  border-left: 45px solid rgba(137, 137, 137, 0.1019607843);
  height: 0;
  width: 0;
  position: absolute;
  right: -45px;
}

.quize-page-wrapper .question .trangel-left {
  border-top: 35px solid transparent;
  border-bottom: 45px solid transparent;
  border-left: 45px solid rgba(137, 137, 137, 0.1019607843);
  height: 0;
  width: 0;
  position: absolute;
  transform: rotate(180deg);
  left: -45px;
}

.quize-page-wrapper .question .question-text {
  font-size: 18px;
  padding-left: 20px;
  color: #fff;
  font-weight: 600;
}

.quize-page-wrapper .answer-options {
  margin-top: 30px;
  margin-left: 27px;
  display: flex;
  flex-wrap: wrap;
}

.quize-page-wrapper .answer-options .answer-options-item {
  border: 0;
  color: #fff;
  font-size: 16px;
  padding: 14px 50px;
  border-radius: 10px;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.1019607843);
  margin-right: 20px;
  margin-bottom: 20px;
}

.quize-page-wrapper .answer-options .answer-options-item.active {
  background: #0055A3;
}

.quize-page-wrapper .hexagon {
  background-image: url(../../style/assets/images/rectangle-image.svg);
  min-height: 66px;
  min-width: 66px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.quize-page-wrapper .hexagon .question-number {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.quize-page-wrapper .result-card-list {
  display: flex;
  text-align: center;
  margin-top: 30px;
}

.quize-page-wrapper .result-card-list .result-card {
  background: rgba(0, 0, 0, 0.7490196078);
  border-radius: 15px;
  padding: 20px 10px;
  margin-right: 20px;
  width: 100%;
}

.quize-page-wrapper .result-card-list .result-card .inner-circle {
  width: 70px;
  height: 70px;
  background-color: #1a1a1a;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  margin: auto;
}

.quize-page-wrapper .result-card-list .result-card .progress-value {
  color: #fff;
  font-size: 16px;
}

.quize-page-wrapper .result-card-list .result-card.grade img {
  border-radius: 50%;
  box-shadow: 0px 0px 31.6px 0px rgba(158, 0, 195, 0.6509803922);
}

.quize-page-wrapper .result-card-list .result-card:last-child {
  margin-right: 0;
}

.quize-page-wrapper .result-card-list .result-card .result-card-title {
  color: #73DFFF;
  font-size: 18px;
  margin-bottom: 20px;
}

.quize-page-wrapper .remark {
  background: rgba(255, 255, 255, 0.0509803922);
  padding: 20px;
  border-radius: 16px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.quize-page-wrapper .remark .remark-heading {
  font-size: 18px;
  color: #fff;
}

.quize-page-wrapper .remark .remark-info {
  color: #fff;
  opacity: 0.8;
  margin: 0;
}

.quize-page-wrapper .result-score {
  background: #0C141C;
  border-radius: 16px;
  padding: 20px;
  font-size: 24px;
  text-align: center;
  margin: 30px 0;
}

.quize-page-wrapper .result-score span {
  font-weight: 700;
  color: #34C759;
}

.quize-page-wrapper .result-status {
  display: flex;
  margin-top: 30px;
}

.quize-page-wrapper .result-status img {
  width: 80px;
  height: 80px;
  margin-right: 20px;
  border-radius: 50%;
  box-shadow: 0px 7px 50px 0px rgba(62, 182, 85, 0.5019607843);
}

.quize-page-wrapper .result-status .result-status-heading {
  font-size: 32px;
  color: #34C759;
  font-weight: 700;
}

.quize-page-wrapper .result-status .result-status-info {
  color: #fff;
  opacity: 0.5;
  font-size: 16px;
}

.answer-wrapper {
  padding: 20px 30px;
  height: 84vh;
  overflow: auto;
  background: #000;
}

.answer-wrapper .answer-heading {
  color: #fff;
  font-size: 28px;
}

.answer-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.1019607843);
}

.answer-wrapper::-webkit-scrollbar {
  width: 1rem;
  border-radius: 5px;
  background-color: rgba(0, 85, 163, 0.2);
}

.answer-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: none;
  background-color: #0055A3;
}

.answer-wrapper .answer-sheet-list .answer-sheet-item {
  margin-top: 20px;
}

.answer-wrapper .answer-sheet-list .answer-sheet-item .question-number {
  border: 1px solid #0055A3;
  color: #0055A3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  background: rgba(137, 137, 137, 0.1019607843);
  font-size: 2rem;
}

.answer-wrapper .answer-sheet-list .answer-sheet-item .question {
  padding-left: 10px;
  color: #fff;
}

.answer-wrapper .answer-sheet-list .answer-sheet-item .question.failed {
  color: #FF3535;
}

.answer-wrapper .answer-sheet-list .answer-sheet-item .answer-options .answer-options-item {
  border: 0;
  color: #fff;
  padding: 14px 50px;
  border-radius: 10px;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.1019607843);
  margin-right: 20px;
  margin-bottom: 20px;
}

.answer-wrapper .answer-sheet-list .answer-sheet-item .answer-options .answer-options-item.pass {
  border: 1px solid #34C759;
}

.answer-wrapper .answer-sheet-list .answer-sheet-item .answer-options .answer-options-item.failed {
  border: 1px solid #FF3535;
}

.empty-screen {
  height: 100%;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.empty-screen p {
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0;
}

.stakeholder-section {
  background: #0d1623;
  height: 96vh;
  border-radius: 22px;
  padding: 24px 20px;
  position: sticky;
  top: 20px;
}

.stakeholder-section .empty-screen p {
  margin-top: 10px;
}

.auth-main-fluid {
  background: #000A17;
  padding: 60px 12px;
  position: relative;
  height: 100vh;
  overflow: auto;
}

.auth-main-fluid .auth-main-card {
  width: 544px;
}

.auth-main-fluid .auth-main-card.auth-main-card-profile {
  width: 870px;
}

.auth-main-fluid .auth-main-card .custom-logo-auth {
  text-align: center;
  display: inline-block;
  width: 100%;
}

.auth-main-fluid .auth-main-card .custom-logo-auth img {
  width: 120px;
  /* height: 122px; */
}

.auth-main-fluid .auth-main-card h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 12px;
}

.auth-main-fluid .auth-main-card .create-profile-logo-heading {
  text-align: center;
  color: #73DFFF;
  font-size: 54px;
  font-weight: 400;
  line-height: 54px;
  letter-spacing: 1.22em;
  text-transform: uppercase;
}

.auth-main-fluid .auth-main-card .progress-bar {
  background: rgba(53, 53, 53, 0.3137254902);
  width: 450px;
  height: 12px;
  margin: 40px auto;
}

.auth-main-fluid .auth-main-card .progress-bar .progress-active {
  background: linear-gradient(90deg, #002F89 0%, #73DFFF 100%);
  height: 12px;
}

.auth-main-fluid .auth-main-card h6 {
  font-size: 24px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5019607843);
  margin-bottom: 57px;
}

.auth-main-fluid .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: red;
}

.auth-main-fluid .back-btn.btn {
  width: 45px;
  height: 45px;
  background: rgba(255, 255, 255, 0.1019607843);
  position: absolute;
  top: 50px;
  left: 0;
}

.auth-main-fluid .back-btn.btn:hover,
.auth-main-fluid .back-btn.btn:focus {
  outline: 0;
  border: none;
}

.common-form .profile-details-heading {
  font-size: 32px;
  font-weight: 600;
  line-height: 42.56px;
  color: #fff;
  margin-bottom: 40px;
  text-align: center;
}

.common-form .form-group {
  margin-bottom: 24px;
  position: relative;
}

.common-form .form-group label {
  font-size: 20px;
  /* font-weight: 600; */
  line-height: 31.92px;
  text-align: left;
  color: #fff;
  margin-bottom: 15px;
}

.common-form .form-group .form-control {
  height: 60px;
  padding: 10px 45px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1019607843);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
  transition: 0.3s ease all;
  border: 1px solid transparent;
  ;
  width: 100%;
}

.common-form .form-group .form-control:hover,
.common-form .form-group .form-control:focus,
.common-form .form-group .form-control.active {
  color: rgba(255, 255, 255, 0.3019607843);
  border: 1px solid #73DFFF;
  outline: none;
  box-shadow: none;
}

.common-form .form-group .form-control.without-icon {
  padding: 10px 15px;
}

.common-form .form-group .form-control.left-without-icon {
  padding-left: 15px;
}

.common-form .form-group .form-control.active {
  color: #FFFFFF;
}

.common-form .form-group .form-control.otp-input {
  width: 60px;
  padding: 10px;
  font-size: 25px;
  text-align: center;
}

.common-form .form-group .form-control.textarea {
  padding: 15px;
  height: 122px;
  margin: 27px 0 0px;
}

.common-form .form-group .dont-receive-password {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 18px;
}

.common-form .form-group .dont-receive-password b {
  font-weight: 700;
}

.common-form .form-group .forgot-password {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-decoration: underline;
}

.common-form .form-group .common-icon-auth-left,
.common-form .form-group .common-icon-auth-right {
  position: absolute;
  left: 25px;
  top: 17px;
  transition: 0.3s ease all;
}

.common-form .form-group .common-icon-auth-left img,
.common-form .form-group .common-icon-auth-right img {
  object-fit: cover;
}

.common-form .form-group .common-icon-auth-left img.primary-icon,
.common-form .form-group .common-icon-auth-right img.primary-icon {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
}

.common-form .form-group .common-icon-auth-left img.mail-icon.primary-icon,
.common-form .form-group .common-icon-auth-right img.mail-icon.primary-icon {
  top: 5px;
}

.common-form .form-group .common-icon-auth-left img.eye-icon.primary-icon,
.common-form .form-group .common-icon-auth-right img.eye-icon.primary-icon {
  top: 6px;
}

.common-form .form-group .common-icon-auth-left img.gray-icon,
.common-form .form-group .common-icon-auth-right img.gray-icon {
  opacity: 1;
}

.common-form .form-group .common-icon-auth-edit {
  top: 60px;
  position: absolute;
  right: 25px;
}

.common-form .form-group .common-icon-auth-edit .edit-icon {
  opacity: 1;
  width: 30px;
  height: 30px;
}

.common-form .form-group .common-icon-auth-right {
  right: 25px;
  left: auto;
}

.common-form .form-group .active~.common-icon-auth-left img.primary-icon,
.common-form .form-group .active~.common-icon-auth-right img.primary-icon,
.common-form .form-group .form-control:hover~.common-icon-auth-left img.primary-icon,
.common-form .form-group .active~.common-icon-auth-right img.primary-icon,
.common-form .form-group .form-control:focus~.common-icon-auth-left img.primary-icon,
.common-form .form-group .active~.common-icon-auth-right img.primary-icon {
  opacity: 1;
}

.common-form .form-group .active~.common-icon-auth-left img.gray-icon,
.common-form .form-group .active~.common-icon-auth-right img.gray-icon,
.common-form .form-group .form-control:hover~.common-icon-auth-left img.gray-icon,
.common-form .form-group .active~.common-icon-auth-right img.gray-icon,
.common-form .form-group .form-control:focus~.common-icon-auth-left img.gray-icon,
.common-form .form-group .active~.common-icon-auth-right img.gray-icon {
  opacity: 0;
}

.common-form .form-group .custom {
  margin-bottom: 8px;
}

.common-form .form-group .custom.checkbox>label {
  position: relative;
  cursor: pointer;
  padding-left: 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.common-form .form-group .custom.checkbox>label span {
  color: #9E9E9E;
}

.common-form .form-group .custom.checkbox>label a {
  font-weight: 700;
  color: #fff;
}

.common-form .form-group .custom input[type=checkbox] {
  position: relative;
  margin-left: -26px;
  margin-right: 12px;
  cursor: pointer;
}

.common-form .form-group .custom input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: -5px;
  left: -4px;
  width: 21px;
  height: 21px;
  background: #000a17;
  border: 1px solid #fff;
  border-radius: 9px;
  cursor: pointer;
}

.common-form .form-group .custom input[type=checkbox]:before {
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transform: rotate(-45deg) scale(0, 0);
  content: "";
  position: absolute;
  left: -1px;
  z-index: 1;
  width: 13px;
  height: 7.5px;
  border: 2px solid #000;
  border-top-style: none;
  border-right-style: none;
}

.common-form .form-group .custom input[type=checkbox]:checked:before {
  transform: rotate(-45deg) scale(1, 1);
}

.common-form .form-group .custom input[type=checkbox]:checked:after {
  border-radius: 9px;
  background: #fff;
}

.common-form .form-group .profile-picture-div {
  background: rgba(217, 217, 217, 0.062745098);
  width: 140px;
  height: 140px;
  border-radius: 16px;
  margin: auto;
}

.common-form .form-group .profile-picture-div .profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.common-form .form-group .profile-picture-div .upload-btn {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 16px;
  background: #0055A3;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 5px;
  right: 5px;
  cursor: pointer;
}

.common-form .form-group .profile-picture-div.profile-picture-edit {
  border-radius: 32px;
}

.common-form .form-group .profile-picture-div.profile-picture-edit .profile-img {
  border-radius: 32px;
}

.common-form .form-group .profile-picture-div.profile-picture-edit .upload-btn {
  border-radius: 50%;
  background: #fff;
  right: -15px;
  bottom: 0;
  margin-bottom: 0;
}

.common-form .form-group .profile-picture-div.profile-picture-edit .choose-avatar {
  background: #0055A3;
  color: #fff;
  position: absolute;
  right: auto;
  width: 140px;
  bottom: 0;
  height: 37px;
  margin: auto 0 auto 30px;
  border-radius: 16px;
}

.common-form .form-group .cat {
  margin-top: 9px;
  margin-bottom: 9px;
}

.common-form .form-group .cat:not(:last-child) {
  margin-right: 18px;
}

.common-form .form-group .cat label span {
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  color: rgba(255, 255, 255, 0.5019607843);
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1019607843);
  border-radius: 16px;
  height: 60px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 15px;
  cursor: pointer;
}

.common-form .form-group .cat label input {
  position: absolute;
  display: none;
  color: #fff !important;
}

.common-form .form-group .cat.action input:checked+span {
  color: #ffffff;
  background: #0055A3;
}

.common-form p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #fff;
}

.common-form p a {
  font-weight: 700;
  color: #fff;
}

.common-form.common-form-update {
  padding: 60px 0;
}

.common-form.common-form-update h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 42.56px !important;
  text-align: left;
  color: #fff;
  margin-bottom: 45px;
}

.common-form.common-form-update h6 {
  font-size: 28px;
  font-weight: 600;
  line-height: 37.24px;
  text-align: left;
  color: #fff;
  margin-bottom: 16px !important;
}

.common-form.common-form-update p {
  font-size: 24px;
  font-weight: 400;
  line-height: 31.92px;
  text-align: left;
  color: rgba(255, 255, 255, 0.3137254902);
  margin-bottom: 36px;
}

.common-form .request-sent-info-icon {
  width: 101px;
  height: 101px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FF9500;
  margin: auto;
  box-shadow: 0 10px 74.8px 0 #FFA800;
}

.common-form .request-sent-info-icon.request-sent-info-icon-success {
  box-shadow: 0 10px 74.8px 0 rgba(112, 255, 0, 0.7803921569);
  background: #3EB655;
}

.common-form .request-sent-text {
  margin-top: 40px;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 31.92px;
  text-align: center;
  color: #73DFFF !important;
}

.common-form .request-sent-description {
  font-size: 18px;
  font-weight: 600;
  line-height: 23.94px;
  text-align: center;
  color: rgba(255, 255, 255, 0.3137254902);
  margin-bottom: 60px;
}

.custom-condition-row {
  background: #0d1623;
  padding: 35px;
  border-radius: 22px;
}

.custom-condition-row .modal-header {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 15px 0;
  position: relative;
  border-radius: 15px;
}

.custom-condition-row .modal-header .condition-header-details .condition-header-icon {
  width: 56px;
  height: 56px;
  float: left;
}

.custom-condition-row .modal-header .condition-header-details .condition-header-icon img {
  width: 100%;
  height: 100%;
}

.custom-condition-row .modal-header .condition-header-details .condition-header-details {
  padding-left: 15px;
  float: left;
  width: calc(100% - 56px);
}

.custom-condition-row .modal-header .condition-header-details .condition-header-details h6 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31.92px;
  text-align: left;
  color: #fff;
}

.custom-condition-row .modal-header .condition-header-details .condition-header-details p {
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  text-align: left;
  color: rgba(255, 255, 255, 0.5019607843);
}

.custom-condition-row .modal-header .condition-header-details .condition-header-details p .dot-tag {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 7px;
  background: rgba(255, 255, 255, 0.5019607843);
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-condition-row .modal-header .btn-close-condition {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
}

.custom-condition-row .modal-body {
  padding: 20px 0;
  height: calc(100vh - 280px);
  overflow: auto;
}

.custom-condition-row .modal-body h5 {
  font-size: 22px;
  font-weight: 700;
  line-height: 29.26px;
  color: #fff;
  margin-bottom: 10px;
}

.custom-condition-row .modal-body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  color: rgba(255, 255, 255, 0.5019607843);
  margin-bottom: 20px;
}

.content {
  display: none;
}

.content.active {
  display: flex;
}

.avatar-row-custom {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 18px 0 18px 12px;
  border-radius: 24px;
}

.avatar-row-custom ul {
  text-align: center;
}

.avatar-row-custom ul li {
  margin: 6px 0;
}

.avatar-row-custom ul li .avatar-card {
  width: 90px;
  height: 90px;
  box-shadow: 0 13px 25.8px 0 rgba(0, 0, 0, 0.8);
  background: linear-gradient(219.86deg, #00C2FF 0%, #002F5A 24.11%, #0051B1 75.77%, #00C2FF 98.41%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar-row-custom ul li .avatar-card img {
  height: 89px;
  width: 89px;
  border-radius: 16px;
}

.hidden {
  display: none;
}

.page-container.course-list-page .header-main {
  padding-top: 20px;
  position: sticky;
  top: 0;
  z-index: 9;
  background: #000A17;
}

.page-container.category-list-page,
.page-container.course-list-page {
  padding: 0 15px 20px 45px;
}

#page-mod-quiz-starttest .page-container,
#page-mod-quiz-startquiz .page-container,
#page-mod-quiz-success .page-container {
  padding: 0 15px 20px 45px;
}

.header-main {
  padding-bottom: 60px;
}

.header-main h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 43.58px;
  color: #fff;
  margin-bottom: 24px;
}

.header-main p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  color: #fff;
  margin-bottom: 0;
  opacity: .5;
}

.header-main ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-main ul li .search-input .form-control {
  background: rgba(255, 255, 255, 0.062745098);
  width: 340px;
  height: 60px;
  border-radius: 16px;
  padding: 15px 45px 15px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
  color: #fff;
  border: 0;
}

.header-main ul li .search-input .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3137254902);
}

.header-main ul li .search-input .search-btn {
  border: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
}

.header-main ul li .search-input .search-btn img {
  width: 24px;
  height: 24px;
}

.header-main ul li .common-btn-filter {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.062745098);
  border-radius: 16px;
  border: 0;
}

.header-main.header-main-update {
  padding-bottom: 20px;
  position: sticky;
  top: 0;
  background: #000A17;
  z-index: 999;
}

.header-main.header-main-update .back-to-top {
  padding-top: 20px;
}

.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus,
.nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show>.nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
.nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
.show>.nav-pills .nav-link.active.dropdown-toggle:focus {
  box-shadow: none;
}

#page-my-index .collab-forum .text-button,
#page-my-index .recommended-courses .text-button,
#page-my-index .latest-news-section .text-button {
  padding: 0 0 0 20px;
  display: flex;
  align-items: center;
}

#page-my-index .block.block_favorite_article .card-text.content {
  margin-top: 0 !important;
}

#page-my-index.pagelayout-mydashboard .page-container {
  padding: 0 15px 0 45px;
}

#page-my-index.pagelayout-mydashboard .page-container.d-print-block .pb-3.d-print-block {
  padding-bottom: 0 !important;
}

#page-local-collab_forum-index .page-container {
  padding: 0 15px 0 45px;
}

#page-local-blog-posts .articles-page .favourite-article-list {
  overflow: unset;
}

#page-local-blog-posts #page-content .articles-page .category-tabs ul {
  display: flex;
  overflow: auto;
  flex-wrap: nowrap;
}

#page-local-blog-posts #page-content .articles-page .category-tabs ul li {
  min-width: 180px;
  text-align: center;
}

.privacy-policy-page .custom-condition-row .modal-body,
.terms-condition-page .custom-condition-row .modal-body {
  height: auto;
  color: #fff;
  opacity: 0.6;
  padding-bottom: 0;
}

.privacy-policy-page .custom-condition-row .modal-body ul,
.terms-condition-page .custom-condition-row .modal-body ul {
  list-style: disc;
}

.privacy-policy-page .custom-condition-row .modal-body ul li,
.terms-condition-page .custom-condition-row .modal-body ul li {
  margin-bottom: 6px;
}

.privacy-policy-page .custom-condition-row,
.terms-condition-page .custom-condition-row {
  border-radius: 0;
  background: #000A17;
  padding: 0 35px;
}

.privacy-policy-page #maincontent,
.terms-condition-page #maincontent {
  height: auto;
}

.privacy-policy-page #region-main-box,
.terms-condition-page #region-main-box {
  padding: 0;
}

.privacy-policy-page .page-content,
.terms-condition-page .page-content {
  padding-bottom: 0 !important;
}

.privacy-policy-page .section-title,
.terms-condition-page .section-title {
  margin-bottom: 8px;
  font-weight: 500;
}

.privacy-policy-page .custom-condition-row .modal-body p,
.terms-condition-page .custom-condition-row .modal-body p {
  color: #fff;
  margin-bottom: 10px;
}

.terms-condition-page .container-fluid.auth-main-fluid,
.privacy-policy-page .container-fluid.auth-main-fluid {
  padding-bottom: 0;
}

.registertermprivacy .custom-condition-row {
  border-radius: 0;
  background: #000A17;
}

.registertermprivacy .custom-condition-row>.col-12 {
  background: #FFFFFF0D;
  padding: 20px 40px;
  border-radius: 22px;
}

.registertermprivacy .btn-close-condition img {
  width: 40px;
}

.registertermprivacy .custom-condition-row .modal-body {
  height: calc(100vh - 280px);
}

.registertermprivacy .custom-condition-row .modal-body::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.registertermprivacy .custom-condition-row .modal-body::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.registertermprivacy .custom-condition-row .modal-body::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.registertermprivacy #page-content #region-main-box .custom-condition-row {
  padding: 50px 137px 50px 137px;
}

.terms-condition-page .settings-details-div .condition-inner-row p,
.privacy-policy-page .settings-details-div .condition-inner-row p {
  color: #fff;
  opacity: 0.6;
  font-size: 16px;
}

.terms-condition-page .settings-details-div .condition-inner-row h3,
.privacy-policy-page .settings-details-div .condition-inner-row h3 {
  margin-bottom: 20px;
}

.terms-condition-page .settings-details-div .condition-inner-row .section ul li ul li,
.privacy-policy-page .settings-details-div .condition-inner-row .section ul li ul li {
  opacity: 1;
}

/* #page-local-user-update_profile .common-modal-layout.choose-avatar-modal.show {
  display: flex !important;
} */

#page-local-user-update_profile .common-modal-layout.choose-avatar-modal .avatar-row-custom ul {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

#page-local-user-update_profile .avatar-row-custom ul li {
  margin: 0 !important;
}

#page-local-user-update_profile .modal-dialog .modal-content .modal-body .avatar-row-custom::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

#page-local-user-update_profile .modal-dialog .modal-content .modal-body .avatar-row-custom::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

#page-local-user-update_profile .modal-dialog .modal-content .modal-body .avatar-row-custom::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

#page-local-user-update_profile .modal.common-modal-layout.choose-avatar-modal .modal-dialog {
  max-width: 580px;
}

#page-wrapper .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main button img {
  width: 35px;
}

#page-my-index .block_lw_courses .lw_courses_list {
  background: #000;
  border-radius: 50px;
}

#page-mod-videotime-view .courses-details-page .courses-info .button.tertiary-button {
  margin-right: 15px;
}

#page-mod-videotime-view.watch-courses-video :not(th)>a:hover {
  font-weight: 400 !important;
}

.certificateModal .modal-content #certiiframe {
  height: 100vh;
  background: transparent;
  width: 100%;
}

.certificateModal .modal-dialog .modal-content {
  border: 0 !important;
}

.certificateModal .modal-content .modal-body {
  width: 80%;
  padding: 0;
  margin-left: auto;
  background: transparent;
}

#page-local-change_password-change_password .page-container.d-print-block,
#page-local-user-update_profile .page-container.d-print-block,
#page-local-favorite_items-index .page-container.d-print-block,
#page-local-change_password-change_password .page-container.d-print-block,
#page-local-pages-index .page-container.d-print-block {
  padding-bottom: 0;
}

#page-local-favorite_items-index .continue-watching-list.continue-watching-row.row .continue-watching-list-item-display {
  padding: 0;
}

#page-local-user-forgetpassword .auth-main-fluid .auth-main-card h1 {
  font-size: 32px;
}

#page-local-user-forgetpassword .auth-main-fluid .auth-main-card h6 {
  font-size: 18px;
  width: 80%;
  margin: 20px auto 30px;
}

#page-local-user-forgetpassword .auth-main-fluid .auth-main-card .common-form .form-group {
  margin-bottom: 25px;
}

#page-local-user-forgetpassword .auth-main-fluid .auth-main-card .common-form p {
  margin-top: 20px;
}

#page-local-blog-posts iframe#news-list {
  height: 87vh !important;
}

/* #page-course-view-remuiformat .view-course #card-container {
  height: 84vh;
  overflow: auto;
} */

#page-course-view-remuiformat .courses-details {
  height: auto;
}

#page-course-view-remuiformat .award-certificates-row+.instructor-card {
  top: 0;
}

#page-course-view-remuiformat .award-certificates-row {
  padding-bottom: 24px !important;
  height: auto;
  margin-bottom: 20px !important;
}

#page-local-stakeholders-index .stakeholder-header-row .search-input.position-relative {
  margin-right: 15px;
}

#page-local-stakeholders-index .stakeholder-header-row {
  padding: 20px 15px 35px 15px;
}

#page-local-stakeholders-index .stakeholder-table-data .common-table.table-responsive .table thead tr th {
  border-bottom: 0;
  min-width: 220px;
}

#page-local-stakeholders-index .stakeholder-table-data .common-table.table-responsive .table tbody tr td .btn {
  height: auto;
}

#page-local-stakeholders-index #region-main .stakeholder-table-data {
  padding: 0;
}

#page-local-stakeholders-index #region-main .stakeholder-table-data .userbutton .avatar.current .userinitials {
  margin-right: 10px;
}

#page-local-stakeholders-index #region-main .common-table {
  padding: 0 15px !important;
  height: 74vh;
  overflow: auto;
}

#page-local-stakeholders-index .add-stakeholder-page .stakeholder-header-row {
  padding: 0;
}

.add-stakeholder-page .back-to-stakeholder {
  margin-bottom: 30px;
}

.add-stakeholder-page .back-to-stakeholder a img {
  margin-right: 10px;
}

.modal.drawer.stakeholder-drawer#stakeholderdetails .modal-content {
  border: 0 !important;
  background: #000A17 !important;
}

.modal.drawer.stakeholder-drawer#stakeholderdetails {
  backdrop-filter: blur(10px);
}

.modal.drawer.stakeholder-drawer#stakeholderdetails .modal-dialog .modal-body {
  background: #000A17;
}


.modal.fade.common-modal-layout#cancel_subscription .list-inline li:first-child {
  width: 32%;
}

.modal.fade.common-modal-layout#cancel_subscription .message.cancel-text,
.modal.fade.common-modal-layout#removesubssuccess .message.cancel-text {
  font-size: 24px;
}

.modal.fade.common-modal-layout#cancel_subscription .modal-dialog .modal-content {
  width: 480px;
  padding: 40px;
}

.modal.fade.common-modal-layout#removesubssuccess .modal-dialog .modal-content {
  width: 380px;
  padding: 25px 20px 20px 20px;
}

.modal.common-modal-layout#removesubssuccess .modal-dialog {
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  max-width: max-content;
}

.modal.common-modal-layout#removesubssuccess .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn {
  min-width: 180px;
}

.modal.fade.common-modal-layout#cancel_subscription .modal-dialog .modal-content {
  padding: 44px 60px;
}

#requestModal.modal.fade.common-modal-layout .modal-dialog {
  max-width: 440px;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
}

#requestModal.modal.fade.common-modal-layout .modal-dialog .modal-content {
  padding: 20px;
}

#requestModal.modal.fade.common-modal-layout .modal-dialog .modal-body h4,
#removesubssuccess.modal.fade.common-modal-layout .modal-dialog .modal-body h4 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
}

#removesubssuccess.modal.fade.common-modal-layout .modal-dialog .modal-content .modal-body ul {
  margin-top: 30px;
}

#removesubssuccess.modal.fade.common-modal-layout .modal-dialog .modal-content .modal-body ul .list-inline-item {
  display: block;
}

#requestModal.modal.fade.common-modal-layout .modal-dialog .modal-body p {
  line-height: 25px;
  margin: 0;
}

.modal.common-modal-layout#removesubssuccess .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn {
  min-width: 100%;
  width: 100%;
}

.page-local-stakeholders-index .table-responsive.common-table .empty-screen img {
  width: 20%;
}

#page-local-user-update_profile #chooseAvatarmodal.common-modal-layout.choose-avatar-modal {
  overflow: hidden;
}

#page-my-index .collab-forum .collab-forum-list .empty-screen img {
  width: 220px;
}

/* .videotime-embed.video-resize .vjs-controls-enabled.video-js.vjs-fluid  {
  padding-top: 36.25% !important;
}

.videotime-embed.video-resize .vjs-controls-enabled.video-js.vjs-fluid .vjs-poster {
  display: none;
} */

#forgetsuccess.modal.common-modal-layout .modal-dialog {
  max-width: 480px;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
}

#forgetsuccess.modal.common-modal-layout .modal-dialog .modal-content .modal-body h4 {
  font-size: 24px;
}

#forgetsuccess.modal.common-modal-layout .modal-dialog .modal-content .modal-body p {
  font-size: 16px;
}

#forgetsuccess.modal.common-modal-layout .modal-dialog .modal-content {
  padding: 20px;
}

.modal.chat-boat-div#exampleModalRight .modal-dialog .modal-content {
  background: transparent !important;
  border: 0 !important;
}

.modal.chat-boat-div#exampleModalRight .modal-header {
  margin-bottom: 23px;
}

.modal.chat-boat-div#exampleModalRight .modal-dialog .modal-body {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.062745098) 0%, rgba(9, 11, 26, 0) 100%) !important;
  border-radius: 23px;
}

.modal.chat-boat-div#exampleModalRight .modal-dialog .modal-body .tab-content {
  padding-top: 0;
}

.modal.chat-boat-div#exampleModalRight .modal-dialog .modal-body #supervisor {
  border: 0;
}

.modal.chat-boat-div#exampleModalRight .tab-content .chat-section::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.modal.chat-boat-div#exampleModalRight .tab-content .chat-section::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.modal.chat-boat-div#exampleModalRight .modal-dialog {
  border: 0;
}

.modal.chat-boat-div#exampleModalRight .tab-content .chat-section::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.modal.chat-boat-div#exampleModalRight .input-message-type .form-control::placeholder {
  font-size: 16px;
}

.modal.chat-boat-div#exampleModalRight .input-message-type .send-btn {
  font-weight: 500;
}

/* New Activity Pages */
#page-mod-scorm-view #region-main-box,
#page-mod-scorm-player #region-main-box,
#page-mod-glossary-view #region-main-box,
#page-mod-resource-view #region-main-box,
#page-mod-glossary-edit #region-main-box,
#page-mod-glossary-showentry #region-main-box,
#page-mod-assign-view #region-main-box,
#page-mod-assign-editsubmission #region-main-box,
#page-course-view-remuiformat #region-main-box,
#page-user-edit #region-main-box,
#page-mod-book-view #region-main-box,
#page-mod-data-view #region-main-box,
#page-mod-data-edit #region-main-box,
#page-mod-choice-view #region-main-box,
#page-mod-feedback-view #region-main-box,
#page-mod-feedback-complete #region-main-box,
#page-mod-folder-view #region-main-box,
#page-mod-url-view #region-main-box,
#page-mod-page-view #region-main-box,
#page-mod-forum-view #region-main-box,
#page-mod-forum-discuss #region-main-box,
#page-mod-forum-post #region-main-box,
#page-mod-imscp-view #region-main-box,
#page-mod-lesson-view #region-main-box,
#page-mod-newsletter-view #region-main-box,
#page-mod-wiki-view #region-main-box,
#page-mod-workshop-view #region-main-box,
#page-mod-workshop-submission #region-main-box,
#page-enrol-index #region-main-box,
#page-mod-feedback-edit #region-main-box,
#page-mod-feedback-edit_item #region-main-box,
#page-mod-lesson-essay #region-main-box,
#page-mod-lesson-editpage #region-main-box,
#page-mod-lesson-edit #region-main-box,
#page-mod-lesson-lesson #region-main-box,
#page-mod-assign-view #region-main-box,
#page-mod-assign-quickgradingresult #region-main-box {
  background: rgba(137, 137, 137, 0.1019607843);
  border-radius: 20px;
  padding: 30px;
  width: 98%;
}

#page-mod-scorm-view #region-main-box #region-main,
#page-mod-scorm-player #region-main-box #region-main,
#page-mod-glossary-view #region-main-box #region-main,
#page-mod-resource-view #region-main-box #region-main,
#page-mod-glossary-edit #region-main-box #region-main,
#page-mod-glossary-showentry #region-main-box #region-main,
#page-mod-assign-view #region-main-box #region-main,
#page-mod-assign-editsubmission #region-main-box #region-main,
#page-course-view-remuiformat #region-main-box #region-main,
#page-user-edit #region-main-box #region-main,
#page-mod-book-view #region-main-box #region-main,
#page-mod-data-view #region-main-box #region-main,
#page-mod-data-edit #region-main-box #region-main,
#page-mod-choice-view #region-main-box #region-main,
#region-main-box #region-main-box #region-main,
#page-mod-feedback-view #region-main-box #region-main,
#page-mod-feedback-complete #region-main-box #region-main,
#page-mod-folder-view #region-main-box #region-main,
#page-mod-url-view #region-main-box #region-main,
#page-mod-page-view #region-main-box #region-main,
#page-mod-forum-view #region-main-box #region-main,
#page-mod-forum-discuss #region-main-box #region-main,
#page-mod-forum-post #region-main-box #region-main,
#page-mod-imscp-view #region-main-box #region-main,
#page-mod-lesson-view #region-main-box #region-main,
#page-mod-newsletter-view #region-main-box #region-main,
#page-mod-wiki-view #region-main-box #region-main,
#page-mod-workshop-view #region-main-box #region-main,
#page-mod-workshop-submission #region-main-box #region-main,
#page-enrol-index #region-main-box #region-main,
#page-mod-feedback-edit #region-main-box #region-main,
#page-mod-feedback-edit_item #region-main-box #region-main,
#page-mod-lesson-essay #region-main-box #region-main,
#page-mod-lesson-editpage #region-main-box #region-main,
#page-mod-lesson-edit #region-main-box #region-main,
#page-mod-lesson-lesson #region-main-box #region-main,
#page-mod-assign-grading #region-main-box #region-main,
#page-mod-assign-quickgradingresult #region-main-box #region-main {
  padding: 0;
  color: #fff;
}

#page-mod-scorm-view #region-main-box #region-main h2,
#page-mod-scorm-player #region-main-box #region-main h2,
#page-mod-glossary-view #region-main-box #region-main h2,
#page-mod-resource-view #region-main-box #region-main h2,
#page-mod-glossary-edit #region-main-box #region-main h2,
#page-mod-glossary-showentry #region-main-box #region-main h2,
#page-mod-assign-view #region-main-box #region-main h2,
#page-mod-assign-editsubmission #region-main-box #region-main h2,
#page-course-view-remuiformat #region-main-box #region-main h2,
#page-user-edit #region-main-box #region-main h2,
#page-mod-book-view #region-main-box #region-main h2,
#page-mod-data-view #region-main-box h2,
#page-mod-data-edit #region-main-box h2,
#page-mod-choice-view #region-main-box h2,
#page-mod-feedback-view #region-main-box h2,
#page-mod-feedback-complete #region-main-box h2,
#page-mod-folder-view #region-main-box h2,
#page-mod-url-view #region-main-box h2,
#page-mod-page-view #region-main-box h2,
#page-mod-forum-view #region-main-box h2,
#page-mod-forum-discuss #region-main-box h2,
#page-mod-forum-post #region-main-box h2,
#page-mod-imscp-view #region-main-box h2,
#page-mod-lesson-view #region-main-box h2,
#page-mod-newsletter-view #region-main-box h2,
#page-mod-wiki-view #region-main-box h2,
#page-mod-workshop-view #region-main-box h2,
#page-mod-workshop-submission #region-main-box h2,
#page-enrol-index #region-main-box h2,
#page-mod-feedback-edit #region-main-box h2,
#page-mod-feedback-edit_item #region-main-box h2,
#page-mod-lesson-essay #region-main-box h2,
#page-mod-lesson-editpage #region-main-box h2,
#page-mod-lesson-edit #region-main-box h2,
#page-mod-lesson-lesson #region-main-box h2,
#page-mod-assign-grading #region-main-box h2,
#page-mod-assign-quickgradingresult #region-main-box h2 {
  font-size: 28px;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.pagelayout-incourse #region-main-box {
  background: rgba(137, 137, 137, 0.1019607843);
  border-radius: 20px;
  padding: 30px;
  width: 98%;
}

.pagelayout-incourse #region-main-box #region-main {
  padding: 0;
  color: #fff;
}

.pagelayout-incourse #region-main-box h2 {
  font-size: 28px;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.pagelayout-incourse #region-main-box .custom-select {
  border-radius: 14px;
}

.pagelayout-incourse #region-main-box .btn.btn-primary {
  background: #73DFFF;
  border: 1px solid #73DFFF;
  font-weight: 500;
  border-radius: 14px;
}

.pagelayout-incourse #region-main-box .btn.btn-secondary {
  background: #0055A3;
  border: 1px solid #0055A3;
  color: #fff;
  border-radius: 14px;
}

#page-mod-data-view #data-listview-content .dropdown-menu.menu a {
  color: #000;
}

#page-mod-data-view .datapreferences label {
  padding-right: 10px;
}

#page-mod-data-view #data-listview-content td:last-child,
#page-mod-data-view #data-listview-content th:last-child,
#page-mod-data-view #data-listview-content td:nth-last-child(2),
#page-mod-data-view #data-listview-content th:nth-last-child(2) {
  display: none
}

#page-mod-data-view .dropdown {
  display: none;
}

#page-mod-data-view.pagelayout-incourse #region-main-box .custom-select {
  margin-right: 20px !important;
}

#page-mod-data-view div.search_inline {
  margin-right: 10px !important;
}

#page-mod-data-view #data-listview-content .dropdown-menu.menu a:first-child {
  display: none;
}

#page-mod-data-view .boxaligncenter {
  margin-bottom: 20px;
}

.activity-navigation .btn.btn-primary {
  margin-right: 10px;
}

#page-mod-assign-view #region-main-box .tertiary-navigation .navitem {
  padding-left: 0;
}

#page-mod-scorm-view #region-main-box #region-main .generalbox p {
  line-height: 40px;
  font-size: 18px;
}

#page-mod-scorm-view #region-main-box #region-main .generalbox {
  margin-top: 20px;
}

#page-mod-scorm-view.pagelayout-admin #scormviewform .btn,
#page-mod-scorm-view.pagelayout-incourse #scormviewform .btn,
#page-mod-scorm-player.pagelayout-admin .btn,
#page-mod-scorm-player.pagelayout-incourse .btn,
#page-mod-glossary-view.pagelayout-admin .btn,
#page-mod-glossary-view.pagelayout-incourse .btn,
#page-mod-glossary-edit #fgroup_id_buttonar .btn,
#page-user-edit #fgroup_id_buttonar .btn,
#page-mod-assign-view .fp-upload-form .mdl-align .fp-upload-btn,
#page-mod-data-view #region-main-box .singlebutton .btn.btn-primary,
#page-mod-forum-view .btn.btn-primary {
  padding: 10px 20px;
  border-radius: 14px;
  border: 0;
  font-weight: 500;
}

#page-mod-data-view .text-xs-center.text-center #action_bar .singlebutton .btn.btn-primary,
#page-mod-data-view .text-xs-center.text-center #action_bar .singlebutton .btn.btn-secondary {
  display: none;
}

#page-mod-data-view hr {
  display: none;
}


#page-mod-data-view .sticky-footer-content-wrapper .btn.btn-primary {
  display: none;
}

#page-mod-data-view #data-listview-content {
  padding-top: 0 !important;
}

#page-mod-data-view #data-listview-content table tr th {
  color: #fff;
  font-size: 16px;
}

#page-mod-data-view #data-listview-content table a {
  color: #fff;
  font-weight: normal;
}

#page-mod-data-view #sticky-footer {
  background-color: transparent !important;
  border-top: 0 !important;
}

#page-mod-data-view #data-listview-content th,
#page-mod-data-view #data-listview-content td {
  border: 1px solid #808080;
  color: #fff;
  background: transparent !important;
}

#page-mod-forum-view .btn-secondary {
  padding: 7px 20px;
  border-radius: 14px;
  font-weight: 500;
  background: #0055A3;
  border: 1px solid #0055A3;
}

#page-mod-forum-view .simplesearchform .input-group {
  margin-left: 10px;
}

#page-mod-forum-view .simplesearchform .btn.btn-submit.search-icon {
  padding: 0 10px;
}

#page-mod-forum-view .table.discussion-list.generaltable a,
#page-mod-forum-view .table.discussion-list.generaltable .text-truncate {
  color: #ffffff60;
}

#page-mod-newsletter-view .btn.btn-primary {
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 14px;
}

#page-mod-newsletter-view .newsletter-toolbar .custom-select {
  margin-right: 5px;
}

#page-mod-newsletter-view .mod_newsletter__issue--summary .mod_newsletter__issue--summary__link-read-icon {
  margin-right: 10px !important;
}

#page-mod-newsletter-view #fitem_id_submitbutton {
  margin-top: 20px;
}

#page-mod-wiki-view .btn.btn-secondary {
  background: #0055A3;
  border-radius: 14px;
  border: 1px solid #0055A3;
  padding: 8px 20px;
}

#page-mod-newsletter-view .generaltable a {
  pointer-events: none;
}

#page-mod-newsletter-view .btn.btn-secondary {
  background: #0055A3;
  border: 1px solid #0055A3;
  padding: 7px 20px;
  border-radius: 14px;
  color: #fff;
}

#page-mod-forum-view .menu-action-text {
  color: #000;
}

#page-mod-forum-view .icon.fa.fa-ellipsis-v.fa-fw {
  color: white;
}

#page-mod-forum-view .icon.fa.fa-star-o.fa-fw,
#page-mod-forum-view .align-middle.fit-content {
  color: #ffffff60;
}

#page-mod-forum-view .generaltable thead th,
#page-mod-forum-view .generaltable thead td {
  border-bottom: 0;
}

#page-mod-forum-discuss .header.row a {
  pointer-events: none;
}

#page-mod-forum-discuss .card-body textarea {
  width: 100%;
}

#page-mod-forum-view iframe {
  border-radius: 0;
}

#page-mod-forum-view .discussion.favourited.subscribed {
  background-color: transparent;
}

#page-mod-forum-view .discussion.favourited.subscribed .icon.fa.fa-star.fa-fw {
  color: #fff;
}

#page-mod-forum-discuss .row .btn-primary {
  padding: 10px 20px;
  border-radius: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

#page-mod-forum-discuss .btn-secondary {
  padding: 7px 20px;
  border-radius: 14px;
  background: #0055A3;
  border: 1px solid #0055A3;
}

#page-mod-glossary-view .btn.btn-secondary {
  padding: 7px 20px;
  border-radius: 14px;
  background: #0055A3;
  border: 1px solid #0055A3;
}

#page-mod-glossary-edit #fgroup_id_buttonar,
#page-mod-lesson-editpage #fgroup_id_buttonar,
#page-mod-newsletter-view #fgroup_id_buttonar,
#page-mod-workshop-view #fgroup_id_buttonar {
  margin-top: 20px;
}

#page-mod-forum-discuss .forum-post-container {
  margin-top: 10px;
}

#page-mod-glossary-view .tertiary-navigation .navitem,
#page-mod-glossary-view .tertiary-navigation .navitem-divider {
  padding-left: 0;
}

#page-mod-feedback-complete #feedback_complete_form .form-check-inline.form-check-label,
#page-mod-feedback-edit .form-check-inline.form-check-label {
  display: flex;
  align-items: center;
  margin-right: 10px !important;
}

#page-mod-feedback-complete .feedback_itemlist {
  display: flex;
  align-items: center;
}

#page-mod-feedback-complete .feedback-item-label.feedback_is_dependent .no-overflow p {
  color: #000;
  padding-left: 10px;
  font-size: 16px;
}

#page-mod-feedback-complete #fgroup_id_buttonar .form-submit .btn-primary {
  padding: 10px 20px;
  border-radius: 14px;
  font-weight: 500;
}

#page-mod-feedback-complete #fgroup_id_buttonar .btn-cancel .btn-secondary {
  padding: 8px 20px;
  border-radius: 14px;
  font-weight: 500;
  margin-left: 10px;
  background: #0055A3;
  border: 1px solid #0055A3;
}

#page-mod-folder-view .navitem.ml-auto .btn.btn-secondary {
  border-radius: 14px;
  padding: 10px 20px;
  font-weight: 500;
  background: #0055A3;
  border: 1px solid #0055A3;
}

#page-mod-folder-view .fp-icon .icon,
#page-mod-folder-view .file-picker .ygtvln,
.filemanager .ygtvln,
#page-mod-folder-view .file-picker .ygtvtn,
#page-mod-folder-view .filemanager .ygtvtn {
  filter: brightness(0) invert(1);
}

#page-mod-folder-view .filemanager {
  margin-top: 15px;
}

#page-mod-folder-view .file-picker .ygtvfocus,
#page-mod-folder-view .filemanager .ygtvfocus {
  background-color: transparent;
}

#page-mod-folder-view .ygtvitem .fp-filename-icon {
  border: 1px solid;
  border-radius: 4px;
  padding: 4px;
  color: white;
}

#page-mod-folder-view .ygtvitem .fp-icon {
  margin-top: 0;
}

#page-mod-folder-view .ygtvitem .fp-filename a {
  color: #fff;
  font-size: 14px;
}

#page-mod-folder-view .ygtvtable.ygtvdepth0.ygtv-expanded.ygtv-highlight0 .fp-filename-icon {
  border: 0;
}

#page-mod-folder-view .ygtvtable.ygtvdepth0.ygtv-expanded.ygtv-highlight0 .fp-filename-icon .fp-icon {
  margin-top: -7px;
}

#page-mod-glossary-view .simplesearchform .input-group .btn {
  padding: 0 17px;
  border-radius: 0 8px 8px 0;
}

#page-mod-glossary-view .dropdown-menu.show {
  left: 117px !important;
}

#page-mod-glossary-view .entrybox a,
#page-mod-glossary-view .entrybox b {
  padding: 0 5px;
}

#page-mod-glossary-view .tertiary-navigation .d-flex.ml-sm-auto {
  padding-left: 0;
}

#page-mod-glossary-view .entrylowersection .aliases .custom-select {
  margin-left: 10px;
}

#page-mod-scorm-view #scormviewform .btn.btn-secondary,
#page-mod-scorm-player .btn.btn-secondary,
#page-mod-glossary-edit #fgroup_id_buttonar .btn.btn-secondary,
#page-user-edit #fgroup_id_buttonar .btn.btn-secondary,
#page-mod-workshop-view #fgroup_id_buttonar .btn.btn-secondary {
  background: transparent;
  color: #73DFFF;
  border: 1px solid #73DFFF;
  margin-right: 10px !important;
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 14px;
}

#page-mod-scorm-view #scormviewform .btn.btn-primary,
#page-mod-scorm-player .btn.btn-primary,
#page-mod-glossary-edit #fgroup_id_buttonar .btn.btn-primary,
#page-user-edit #fgroup_id_buttonar .btn.btn-primary,
#page-mod-workshop-view #fgroup_id_buttonar .btn.btn-primary {
  background: #73DFFF;
  border: 1px solid #73DFFF;
  color: #000;
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 14px;
}

#page-mod-glossary-edit #page-user-edit,
#page-mod-workshop-view #page-user-edit,
#page-user-edit #page-user-edit {
  padding-top: 20px;
}

#page-mod-scorm-player #scormpage #scorm_layout #scorm_content {
  width: 100% !important;
  margin-top: 20px;
}

#page-mod-scorm-player #scormpage #scorm_object {
  background: #f0f0f0;
}

#page-mod-scorm-player #scormpage #scorm_layout #scorm_content #scorm_navpanel button {
  padding: 10px 20px;
}

/* Assignment */
#page-mod-assign-view #region-main-box .container-fluid.mb-4 .col-xs-6.mr-3 {
  padding-left: 0;
}

#page-mod-assign-view #region-main-box .container-fluid.mb-4 .col-xs-6.mr-3 .singlebutton .btn.btn-primary {
  border-radius: 14px;
  padding: 12px 20px;
  font-weight: 500;
}

#page-mod-assign-view #region-main-box .pagelayout-admin .btn,
#page-mod-assign-view.pagelayout-incourse #region-main-box .btn {
  padding: 10px 20px;
  border-radius: 14px;
  font-weight: 500;
}

#page-mod-assign-view.pagelayout-incourse #region-main-box .singlebutton .btn {
  margin-top: 15px;
  font-weight: 600;
  width: 190px;
}

#page-mod-assign-view.pagelayout-incourse #region-main-box .col-xs-6.mr-3 .singlebutton .btn.btn-secondary {
  background: #0055A3;
  border: 0;
  color: white;
}

#page-mod-assign-view.pagelayout-incourse #region-main-box .singlebutton .btn.btn-secondary {
  background: #73dfff;
  color: #000;
  font-weight: 600;
}

#page-mod-assign-view.pagelayout-incourse #region-main-box .container-fluid.mb-4 .col-xs-6 {
  padding-left: 0;
}

#page-mod-assign-view.pagelayout-incourse .icon.fa.fa-trash.fa-fw {
  font-size: 14px;
}

#page-mod-assign-view.pagelayout-incourse .comment-area a {
  font-size: 14px;
}

#page-mod-assign-removesubmissionconfirm #modal-content,
#page-mod-workshop-switchphase #modal-content {
  background: #19222E !important;
  border: 0;
  color: white;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  display: flex;
  align-items: center;
  border-radius: 25px;
  justify-content: center;
}

#page-mod-assign-removesubmissionconfirm #modal-content #modal-header,
#page-mod-assign-removesubmissionconfirm #modal-content .modal-footer,
#page-mod-workshop-switchphase #modal-content #modal-header,
#page-mod-workshop-switchphase #modal-content .modal-footer {
  border: 0 !important;
}

#page-mod-workshop-switchphase .btn.btn-primary {
  margin-left: 8px;
  padding: 12px 20px;
}

#page-mod-workshop-view .btn.btn-primary {
  border-radius: 14px;
  font-weight: 500;
  padding: 10px 20px;
}

#page-mod-workshop-switchphase .btn.btn-secondary {
  background: #0055A3;
  border: 1px solid #0055A3;
  padding: 8px 20px;
  color: white;
}

#page-mod-assign-editsubmission #fgroup_id_buttonar .btn.btn-primary,
#page-user-edit #fgroup_id_buttonar .btn.btn-primary,
#page-mod-forum-post .btn-primary,
#page-enrol-index .btn-primary {
  padding: 10px 20px;
  border-radius: 14px;
  font-weight: 500;
}

#page-mod-assign-editsubmission #fgroup_id_buttonar .fitem.btn-cancel #id_cancel,
#page-user-edit #fgroup_id_buttonar .fitem.btn-cancel #id_cancel,
#page-mod-forum-post .btn-secondary,
#page-enrol-index .btn-secondary {
  border-radius: 14px;
  font-weight: 500;
  margin-left: 8px;
  padding: 8px 20px;
  background: #0055A3;
  border: 1px solid #0055A3;
}

#page-mod-assign-removesubmissionconfirm #modal-content .singlebutton .btn.btn-primary,
#page-mod-workshop-switchphase #modal-content .singlebutton .btn.btn-primary {
  padding: 11px 20px;
  border-radius: 14px;
  font-weight: 500;
}

#page-mod-assign-removesubmissionconfirm #modal-content .singlebutton .btn.btn-secondary,
#page-mod-workshop-switchphase #modal-content .singlebutton .btn.btn-secondary {
  padding: 9px 20px;
  border-radius: 14px;
  background: #0055A3;
  border: 1px solid #0055A3;
}

#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable thead .sticky-column,
#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable tbody tr:nth-of-type(even) {
  background-color: transparent;
}

#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable thead .sticky-column,
#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable tbody tr:nth-of-type(even) {
  background-color: transparent;
}

#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable tr th,
#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable tr td {
  color: #ffffff60;
  font-size: 16px;
}

#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable tr th,
#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable tr td {
  color: #ffffff60;
  font-size: 16px;
}

#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable tr th {
  color: white !important;
  font-size: 16px;
}

#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable tr th {
  color: white !important;
  font-size: 16px;
}

#page-mod-assign-view #region-main-box .comment-list li {
  font-size: 12px;
}

#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable tr td .user,
#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable tr td .picture {
  pointer-events: none;
}

#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable tr td .user,
#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable tr td .picture {
  pointer-events: none;
}

#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable th,
#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable td {
  border: 1px solid #808080;
  color: #ffffff60 !important;
}

#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable th,
#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable td {
  border: 1px solid #808080;
  color: #ffffff60 !important;
}

#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable .submissionstatussubmitted.cell.c1.lastcol {
  color: #000 !important;
}

#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable .submissionstatussubmitted.cell.c1.lastcol {
  color: #000 !important;
}

#page-mod-assign-view #region-main-box .gradingsummary .gradingsummarytable .table-responsive .generaltable .comment-area textarea {
  padding: 10px;
}

#page-mod-assign-view #region-main-box .submissionstatustable .submissionsummarytable .table-responsive .generaltable .comment-area textarea {
  padding: 10px;
}

#page-mod-assign-view #region-main-box .btn.btn-secondary,
#page-mod-assign-grading #region-main-box .btn.btn-secondary {
  background: #0055A3;
  border: 1px solid #0055A3;
  border-radius: 14px;
}

#page-mod-assign-view #region-main-box .btn.btn-primary,
#page-mod-assign-grading #region-main-box .btn.btn-primary {
  border-radius: 14px;
  font-weight: 500;
  padding: 10px 20px;
}

.page-mod-assign-editsubmission .fgroup_id_buttonar .btn.btn-primary {
  padding: 10px 20px;
  border-radius: 14px;
  font-weight: 500;
}

.page-mod-assign-editsubmission .fgroup_id_buttonar .btn-cancel {
  padding: 8px 20px;
  border-radius: 14px;
  font-weight: 500;
  margin-left: 10px;
}

.path-mod-assign td.submissionnotgraded,
.path-mod-assign div.submissionnotgraded .scorm-left h3,
#page-mod-glossary-edit div h2,
#page-mod-workshop-view div h2,
#page-mod-feedback-edit_item div h2,
#page-mod-lesson-editpage div h2,
#page-mod-newsletter-view div h2,
#page-mod-assign-grading div h2,
#page-mod-workshop-submission H2 {
  font-size: 20px;
}

#page-mod-glossary-edit .tox .tox-edit-area__iframe,
#page-mod-workshop-view .tox .tox-edit-area__iframe,
#page-mod-assign-editsubmission .tox .tox-edit-area__iframe,
#page-user-edit .tox .tox-edit-area__iframe,
#page-mod-data-edit .tox .tox-edit-area__iframe,
#page-mod-forum-post .tox-edit-area__iframe,
#page-mod-feedback-edit_item .tox-edit-area__iframe,
#page-mod-lesson-editpage .tox-edit-area__iframe,
#page-mod-newsletter-view .tox-edit-area__iframe,
#page-mod-workshop-submission .tox-edit-area__iframe {
  border-radius: 0;
}

#page-mod-glossary-edit fieldset .btn.btn-icon,
#page-mod-workshop-view fieldset .btn.btn-icon,
#page-mod-assign-editsubmission .btn.btn-icon,
#page-user-edit .btn.btn-icon,
#page-mod-forum-post .btn.btn-icon,
#page-enrol-index .btn.btn-icon,
#page-mod-feedback-edit_item .btn.btn-icon,
#page-mod-lesson-editpage .btn.btn-icon,
#page-mod-newsletter-view .btn.btn-icon,
#page-mod-assign-grading .btn.btn-icon,
#page-mod-workshop-submission .btn.btn-icon {
  height: 30px;
  width: 30px;
  font-size: 11px;
  padding: 0;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
}

#page-mod-glossary-edit fieldset h3,
#page-mod-workshop-view fieldset h3,
#page-mod-assign-editsubmission fieldset h3,
#page-user-edit fieldset h3,
#page-mod-forum-post fieldset h3,
#page-enrol-index fieldset h3,
#page-mod-feedback-edit_item fieldset h3,
#page-mod-lesson-editpage fieldset h3,
#page-mod-newsletter-view fieldset h3,
#page-mod-assign-grading fieldset h3,
#page-mod-workshop-submission fieldset h3 {
  font-size: 18px;
  margin-left: 8px;
}

#page-mod-feedback-edit_item .btn.btn-primary {
  padding: 10px 20px;
  border-radius: 14px;
  font-weight: 500;
}

#page-mod-feedback-edit_item .btn.btn-secondary {
  padding: 7px 20px;
  border-radius: 14px;
  font-weight: 500;
  background: #0055A3;
  border: 1px solid #0055A3;
}

.path-mod-feedback div.feedback_is_dependent {
  background: transparent !important;
}

#page-mod-feedback-view .generalbox.feedback_description .container-fluid.tertiary-navigation {
  padding-left: 0;
}

#page-mod-feedback-view .generalbox.feedback_description .container-fluid.tertiary-navigation .btn.btn-primary {
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 14px;
}

#page-mod-feedback-view .tertiary-navigation .navitem:first-child,
#page-mod-feedback-view .tertiary-navigation .navitem:nth-of-type(2),
#page-mod-feedback-view .activity-header+div h3,
#page-mod-feedback-view .feedback_info,
#page-mod-feedback-view .feedback_info_value {
  /* display: none;*/
}

#page-mod-feedback-complete #fitem_id_anonymousmode,
#page-mod-feedback-complete #fitem_id_info_2 {
  display: none;
}

#page-mod-feedback-complete .col-form-label label,
#page-mod-feedback-complete .mb-0.word-break {
  font-size: 22px;
  font-weight: bold;
}

#page-mod-feedback-complete .mform .d-flex .fitem {
  display: flex;
  gap: 5px;
}

#page-mod-feedback-view .btn.btn-secondary,
#page-mod-feedback-edit .btn.btn-secondary,
#page-mod-lesson-view .btn.btn-secondary {
  background: #0055A3;
  border: 1px solid #0055A3;
  border-radius: 14px;
  padding: 8px 20px;
  color: white;
}

#page-mod-feedback-view .alert-danger {
  background: transparent;
  color: white;
  padding: 0;
  font-size: 20px;
  border: 0;
}

#page-mod-feedback-view .alert-danger .close {
  display: none;
}

#page-mod-lesson-view .btn.btn-primary {
  padding: 10px 20px;
  border-radius: 14px;
  font-weight: 500;
}

#page-mod-lesson-view .progress_bar .centerpadded.active.standardbutton {
  pointer-events: none;
}

#page-mod-glossary-edit .form-autocomplete-suggestions,
#page-mod-workshop-view .form-autocomplete-suggestions,
#page-mod-lesson-editpage .form-autocomplete-suggestions,
#page-mod-newsletter-view .form-autocomplete-suggestions,
#page-mod-workshop-submission .form-autocomplete-suggestions {
  padding: 5px 10px;
  color: #000;
}

#page-mod-glossary-edit .form-autocomplete-suggestions li,
#page-mod-workshop-view .form-autocomplete-suggestions li,
#page-mod-lesson-editpage .form-autocomplete-suggestions li #page-mod-newsletter-view .form-autocomplete-suggestions li,
#page-mod-workshop-submission .form-autocomplete-suggestions li {
  color: #000000;
}

#page-mod-assign-grading .tertiary-navigation .navitem {
  padding-left: 0;
}

#page-mod-assign-grading .urlselect .custom-select {
  margin-left: 10px;
}

#page-mod-assign-grading .initialbargroups ul {
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
}

#page-mod-assign-grading .unselectedrow a {
  pointer-events: none;
}

#page-mod-lesson-editpage #fgroup_id_buttonar .btn.btn-primary {
  font-weight: 500;
  border-radius: 14px;
  padding: 10px 20px;
}

#page-mod-glossary-edit #fgroup_id_buttonar .btn.btn-secondary,
#page-mod-workshop-view #fgroup_id_buttonar .btn.btn-secondary,
#page-mod-lesson-editpage #fgroup_id_buttonar .btn.btn-secondary,
#page-mod-newsletter-view #fgroup_id_buttonar .btn.btn-secondary,
#page-mod-workshop-submission #fgroup_id_buttonar .btn.btn-secondary {
  margin-left: 10px;
  padding: 8px 20px;
  background: #0055A3;
  border: 1px solid #0055A3;
  color: white;
  border-radius: 14px;
}

#page-mod-glossary-edit .mform fieldset,
#page-mod-workshop-view .mform fieldset,
#page-mod-lesson-editpage .mform fieldset,
#page-mod-newsletter-view .mform fieldset,
#page-mod-workshop-submission .mform fieldset {
  margin-bottom: 0;
  padding: 12px 0;
}

#page-mod-glossary-edit .mform fieldset .d-flex.mb-2 {
  margin-bottom: 0 !important;
}

#page-mod-resource-view .resourceworkaround {
  padding-top: 20px;
}

#page-mod-resource-view .resourceworkaround a {
  background: transparent;
  color: #73DFFF;
  border: 1px solid #73DFFF;
  padding: 8px 20px;
  border-radius: 14px;
  margin: 0 10px;
}

/* Profile Pages */
#page-course-view-remuiformat .contentnode dl dd div img {
  margin-top: 20px;
  background: #fff;
  padding: 10px;
}

#page-course-view-remuiformat .reviews-wrapper .reviews-list-item .reviews-list-item-header .current::before {
  content: '';
  border-left: 0;
}

#page-course-view-remuiformat #writeReview .modal-dialog {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#page-course-view-remuiformat #allReview .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  height: 100%;
}

#page-course-view-remuiformat #allReview .reviews-list {
  max-height: 300px;
}

#page-mod-data-edit #region-main .generalbox.boxaligncenter {
  padding-top: 0 !important;
}

#page-mod-data-edit .resources-addentry tbody,
#page-mod-data-edit .resources-addentry td,
#page-mod-data-edit .resources-addentry tfoot,
#page-mod-data-edit .resources-addentry th,
#page-mod-data-edit .resources-addentry thead,
#page-mod-data-edit .resources-addentry tr {
  border-radius: 10px 10px 10px 0;
}

#page-mod-data-edit .resources-addentry td {
  padding: 0 10px 20px 0;
}

#page-mod-data-edit .resources-addentry .mod-data-input #field_5_content1 {
  margin-top: 10px;
}

#page-mod-choice-view #region-main .btn.btn-primary {
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 14px;
}

#page-mod-choice-view #region-main #notice p {
  text-align: left;
}

#page-mod-choice-view #region-main #notice .continuebutton {
  text-align: left;
}

#page-mod-choice-view #region-main .btn.btn-secondary {
  background: #73DFFF;
  color: #000;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 14px;
}

#page-mod-data-edit .fp-toolbar .fp-btn-add .btn,
#page-mod-data-edit .fp-toolbar .fp-btn-download .btn {
  border-radius: 6px;
}

#scorm_layout #scorm_toc_title {
  padding-bottom: 10px;
}

#scorm_tree ul li div span a {
  font-size: 16px;
}

#scorm_tree ul li div {
  background: transparent;
  padding: 10px;
}

#scorm_toc_toggle #scorm_toc_toggle_btn {
  padding: 10px;
}

#page-mod-scorm-player #scormpage #scorm_toc {
  margin-right: 10px;
}

#page-mod-glossary-edit .filemanager .fp-btn-add .btn.btn-secondary,
#page-mod-workshop-view .filemanager .fp-btn-add .btn.btn-secondary,
#page-mod-lesson-editpage .filemanager .fp-btn-add .btn.btn-secondary,
#page-user-edit .filemanager .fp-btn-add .btn.btn-secondary,
#page-mod-workshop-submission .filemanager .fp-btn-add .btn.btn-secondary {
  padding: 7px 20px;
  border-radius: 8px;
}

#page-mod-glossary-edit .modal-content,
#page-mod-glossary-edit .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content,
#page-mod-workshop-view .modal-content,
#page-mod-workshop-view .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content,
#page-mod-newsletter-view .modal-content,
#page-mod-newsletter-view .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content,
#page-mod-lesson-editpage .modal-content,
#page-mod-lesson-editpage .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content,
#page-user-edit .modal-content,
#page-mod-data-edit .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content,
#page-mod-data-edit .modal-content,
#page-mod-forum-post .modal-content,
#page-mod-forum-post .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content,
#page-mod-feedback-edit_item .modal-content,
#page-mod-feedback-edit_item .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content,
#page-mod-workshop-submission .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content,
#page-mod-workshop-submission .modal-content {
  background-color: #19222E;
  border: 0;
}

#page-mod-glossary-edit .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
#page-mod-workshop-view .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
#page-mod-newsletter-view .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
#page-mod-lesson-editpage .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
#page-mod-data-edit .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
#page-user-edit .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
#page-mod-forum-post .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
#page-mod-feedback-edit_item .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
#page-mod-workshop-submission .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  color: #fff;
}

#page-mod-glossary-edit .moodle-dialogue-base .moodle-dialogue-lightbox,
#page-mod-workshop-view .moodle-dialogue-base .moodle-dialogue-lightbox,
#page-mod-newsletter-view .moodle-dialogue-base .moodle-dialogue-lightbox,
#page-mod-lesson-editpage .moodle-dialogue-base .moodle-dialogue-lightbox,
#page-mod-data-edit .moodle-dialogue-base .moodle-dialogue-lightbox,
#page-user-edit .moodle-dialogue-base .moodle-dialogue-lightbox,
#page-mod-forum-post .moodle-dialogue-base .moodle-dialogue-lightbox,
#page-mod-feedback-edit_item .moodle-dialogue-base .moodle-dialogue-lightbox,
#page-mod-workshop-submission .moodle-dialogue-base .moodle-dialogue-lightbox {
  background: transparent;
}

.moodle-dialogue-base .closebutton::after {
  font-size: 30px;
  color: #fff;
}

#page-mod-glossary-edit .file-picker .nav-pills .nav-link.active,
#page-mod-glossary-edit .file-picker .nav-pills .show>.nav-link,
#page-mod-workshop-view .file-picker .nav-pills .nav-link.active,
#page-mod-workshop-view .file-picker .nav-pills .show>.nav-link,
#page-mod-newsletter-view .file-picker .nav-pills .nav-link.active,
#page-mod-newsletter-view .file-picker .nav-pills .show>.nav-link,
#page-mod-lesson-editpage .file-picker .nav-pills .nav-link.active,
#page-mod-lesson-editpage .file-picker .nav-pills .show>.nav-link,
#page-user-edit .file-picker .nav-pills .nav-link.active,
#page-user-edit .file-picker .nav-pills .show>.nav-link,
#page-mod-forum-post .file-picker .nav-pills .nav-link.active,
#page-mod-forum-post .file-picker .nav-pills .show>.nav-link,
#page-mod-feedback-edit_item .file-picker .nav-pills .nav-link.active,
#page-mod-feedback-edit_item .file-picker .nav-pills .show>.nav-link,
#page-mod-workshop-submission .file-picker .nav-pills .show>.nav-link {
  color: white;
  background-color: #0055a3;
}

#page-mod-glossary-edit .modal-content .btn,
#page-mod-glossary-edit .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn,
#page-mod-workshop-view .modal-content .btn,
#page-mod-workshop-view .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn,
#page-mod-newsletter-view .modal-content .btn,
#page-mod-newsletter-view .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn,
#page-mod-lesson-editpage .modal-content .btn,
#page-mod-lesson-editpage .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn,
#page-user-edit .modal-content .btn,
#page-user-edit .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn,
#page-mod-forum-post .modal-content .btn,
#page-mod-forum-post .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn,
#page-mod-workshop-submission .modal-content .btn,
#page-mod-workshop-submission .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn {
  border-radius: 8px;
  font-weight: normal;
}

#page-mod-glossary-edit .modal-content .btn-group .btn,
#page-mod-glossary-edit .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn-group .btn,
#page-mod-workshop-view .modal-content .btn-group .btn,
#page-mod-workshop-view .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn-group .btn,
#page-mod-newsletter-view .modal-content .btn-group .btn,
#page-mod-newsletter-view .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn-group .btn,
#page-mod-lesson-editpage .modal-content .btn-group .btn,
#page-mod-lesson-editpage .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn-group .btn,
#page-user-edit .modal-content .btn-group .btn,
#page-user-edit .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn-group .btn,
#page-mod-forum-post .modal-content .btn-group .btn,
#page-mod-forum-post .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content .btn-group .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#page-mod-glossary-edit .fp-content-center,
#page-mod-workshop-view .fp-content-center,
#page-mod-newsletter-view .fp-content-center,
#page-mod-lesson-editpage .fp-content-center,
#page-user-edit .fp-content-center {
  vertical-align: top;
}

#page-mod-glossary-edit .fp-pathbar .fp-path-folder,
#page-mod-workshop-view .fp-pathbar .fp-path-folder,
#page-mod-newsletter-view .fp-pathbar .fp-path-folder,
#page-mod-lesson-editpage .fp-pathbar .fp-path-folder,
#page-user-edit .fp-pathbar .fp-path-folder {
  display: flex;
  align-items: center;
}

#page-mod-glossary-edit .fp-pathbar,
#page-mod-workshop-view .fp-pathbar,
#page-mod-newsletter-view .fp-pathbar,
#page-mod-lesson-editpage .fp-pathbar,
#page-user-edit .fp-pathbar {
  margin: 20px 0;
  color: #fff;
}

#page-mod-glossary-edit .filepicker-filelist .filepicker-container,
#page-mod-glossary-edit .filemanager.fm-noitems .fm-empty-container,
#page-mod-workshop-view .filepicker-filelist .filepicker-container,
#page-mod-workshop-view .filemanager.fm-noitems .fm-empty-container,
#page-mod-newsletter-view .filepicker-filelist .filepicker-container,
#page-mod-newsletter-view .filemanager.fm-noitems .fm-empty-container,
#page-mod-lesson-editpage .filepicker-filelist .filepicker-container,
#page-mod-lesson-editpage .filemanager.fm-noitems .fm-empty-container,
#page-user-edit .filepicker-filelist .filepicker-container,
#page-user-edit .filemanager.fm-noitems .fm-empty-container {
  border-radius: 8px;
  padding-bottom: 40px;
}

#page-mod-glossary-edit .btn.btn-icon.icons-collapse-expand,
#page-mod-workshop-view .btn.btn-icon.icons-collapse-expand,
#page-mod-newsletter-view .btn.btn-icon.icons-collapse-expand,
#page-mod-assign-editsubmission .btn.btn-icon.icons-collapse-expand,
#page-user-edit .btn.btn-icon.icons-collapse-expand,
#page-mod-forum-post .btn.btn-icon.icons-collapse-expand,
#page-enrol-index .btn.btn-icon.icons-collapse-expand {
  color: #0085FF !important;
  background-color: #f5faff !important;
}

#page-mod-workshop-view .btn.btn-primary {
  font-weight: 500;
  border-radius: 14px;
  padding: 10px 20px;
}

#page-mod-workshop-view .btn.btn-secondary {
  color: white;
  border-radius: 14px;
  padding: 8px 20px;
  background: #0055A3;
  border: 1px solid #0055A3;
}

#page-mod-glossary-view .simplesearchform .custom-control.custom-checkbox {
  margin-top: 20px;
  margin-left: -10px;
}

#page-mod-glossary-view .container-fluid.tertiary-navigation .navitem,
#page-mod-glossary-view .container-fluid.tertiary-navigation .d-flex.ml-sm-auto {
  display: none;
}

/* Book */
#page-mod-book-view #mod_book-chaptersnavigation .navitem .btn.btn-link {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
  text-decoration: none;
}

#page-mod-book-view #mod_book-chaptersnavigation .navitem .btn.btn-link i {
  margin: 0;
  font-size: 12px;
}

#page-mod-book-view #mod_book-chapter {
  margin-top: 30px;
}

#page-mod-book-view.role_supervisior [data-region="blocks-column"] {
  top: 40px;
}

#page-mod-book-view #mod_book-chapter h3 {
  font-size: 20px;
}

.header-images {
  margin-bottom: 10px;
  display: flex;
}

.header-images .dashboard-logo {
}

.header-images img {
  width: 90%;
}

.header-images .dashboard-header-image {
}

.header-images .dashboard-header-image img {
}

.contarct-history-wrapper {

}

.contarct-history-wrapper .contarct-history-heading {
  color: #fff;
  font-size: 30px;
  font-family: "Oswald-SemiBold", sans-serif;
  margin: 0;
}

.contarct-history-wrapper .contarct-history-content-wrapper {
  display: flex;
  align-items: center;
}

.contarct-history-wrapper .contarct-history-content-wrapper .contarct-history-content .date {
  color: #fff;
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: bold;
}

.contarct-history-wrapper .contarct-history-content-wrapper .contarct-history-content .text {
  color: #fff;
  padding-right: 10px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 0;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.contarct-history-wrapper .contarct-history-content-wrapper .contarct-history-content .contarct-history-image img {
  width: 100%;
}

.contarct-history-wrapper .contarct-history-image {
  padding-top: 15px;
}

.contarct-history-wrapper .contarct-history-image img {
  object-fit: cover;
  width: 160px;
}

.header-images {
  display: none;
}

#page-my-index.role_supervisior .header-images {
  display: none;
}

#page-my-index .header-images {
  display: inline-flex;
  margin-bottom: 0;
}

#page-my-index .header-images .header-left-side {
  width: 70%;
  display: flex;
  padding-top: 25px;
  justify-content: space-between;
}

.live-sessions {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  padding: 14px 18px 20px;
  margin-top: 20px;
  border-radius: 22px;
  border: 1px solid #73dfff;
}

.live-sessions h2 {
  font-size: 24px;
}

.live-sessions .live-sessions-images {
  display: flex;
  overflow: auto;
}

.live-sessions .live-sessions-images::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.live-sessions .live-sessions-images::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.live-sessions .live-sessions-images::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.live-sessions .empty-screen p {
  margin-top: 10px;
}

.live-sessions .live-sessions-images .live-session-item {
  min-width: 278px;
  margin-right: 14px;
  max-width: 278px;
  position: relative;
}

.live-sessions .live-sessions-images .live-session-item .overlay-content {
  position: absolute;
  top: 0;
  right: 10px;
  text-align: right;

}

.live-sessions .live-sessions-images .live-session-item .overlay-content h3 {
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 5px;
  width: 90%;
  text-align: right;
  margin-left: auto;
  font-weight: 700;
}

.live-sessions .live-sessions-images .live-session-item .overlay-content h3+p {
  font-size: 18px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 700;
}

.live-sessions .live-sessions-images .live-session-item .overlay-content p {
  margin: 0;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
}

.live-sessions .live-sessions-images .live-session-item img {
  width: 100%;
  border: 1px solid #73dfff;
  height: 157px;
  object-fit: contain;
  border-radius: 12px;
}

.modal.chat-boat-div .modal-content {
  border: 0 !important;
}

.daliy-does-news {
  padding: 10px;
  cursor: pointer;
}

.daliy-does-news #daliy-does-news {
  width: 100%;
  height: 78vh;
}

.daliy-does-news .read-more-button {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-align: right;
  border: 0;
  background: transparent;
  margin-top: 10px;
  width: 100%;
}

.daliy-does-news .daliy-does-news-image img {
  width: 100%;
}

#page-mod-videotime-mod #id_submitbutton2 {
  display: none !important;
}

#page-mod-hvp-view .h5p-iframe-wrapper {
  width: 600px;
}

.registertermprivacy.privacy-policy-page.dark-mode,
.registertermprivacy.terms-condition-page.dark-mode,
#page-local-pages-index.terms-condition-page.notloggedin,
#page-local-pages-index.privacy-policy-page.notloggedin,
#page-local-user-pendingrequest {
  background-color: #000A17;
}

#page-local-user-create_profile {
  background-color: #000A17;
}

#page-local-user-create_profile .auth-main-fluid {
  padding: 20px 0;
}

.common-form .form-group .form-control.without-icon::placeholder {
  font-size: 16px;
}

#page-local-blog-posts .favourite-article-list .empty-screen {
  height: 50vh;
}

#page-local-blog-posts .favourite-article-list .empty-screen img {
  width: 200px;
}

#subsModal.modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn.yes-btn {
  padding: 12px 30px;
  height: auto;
  line-height: normal;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  border-radius: 25px;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .close {
  display: none;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-header h5 {
  text-transform: capitalize;
  font-size: 24px;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-header,
#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-footer {
  border: 0;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-footer {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-footer .btn.btn-secondary {
  padding: 10px 30px;
  border-radius: 14px;
  background: #0055A3;
  border: 1px solid #0055A3;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable[tabindex="0"].focus .modal-content,
#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable[tabindex="0"]:focus .modal-content {
  box-shadow: none;
}

#page-mod-glossary-view.path-mod-glossary .glossarypost .no-overflow {
  overflow: unset;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .col-md-9.checkbox {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .form-check.d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  font-size: 18px;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-body {
  padding-bottom: 0;
  text-align: center;
  color: #fff;
}

#page-course-view-remuiformat .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-body p a {
  text-align: center;
  color: white;
  font-size: 18px;
  text-transform: capitalize;
}

.courses-details-page .button.primaryButton#continueWatchingBtn {
  padding: 10px 20px;
}

.courses-lessons-list .courses-lessons-item .ongoing-tag {
  display: flex;
  padding: 7px 22px;
  background: #FF6F00;
  color: white;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
}

.modal.common-modal-layout#viewPopup .modal-dialog .modal-content .modal-body h4 {
  font-size: 24px;
}

.modal.common-modal-layout#viewPopup .modal-dialog .modal-content .modal-body ul li button {

  width: 100%;

  background: #0055a3;

  color: #fff;

}

.modal.common-modal-layout#viewPopup .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn.no-btn {

  background: #73dfff;

  color: #000;

}

.modal.common-modal-layout#viewPopup .modal-dialog .modal-content .modal-body ul li:first-child {
  width: 32%;
}

.modal.common-modal-layout#viewPopup .modal-dialog .modal-content .modal-body ul li {
  width: 48%;
}

.modal.common-modal-layout#viewPopup .modal-dialog {
  max-width: 480px;
}

.role_supervisior #region-main.has-blocks {
  display: inline-block;
  width: calc(100% - 50%);
  padding-right: 10px;
}

.role_supervisior [data-region="blocks-column"] {
  width: 50%;
  float: right;
  position: sticky;
  top: 0;
  padding-left: 10px;
}

@media only screen and (min-width: 1396px) and (max-width: 1600px) {

  .section-title {
    font-size: 24px;
  }

  .search-bar .input-search {
    font-size: 14px;
  }

  .search-bar .input-search::placeholder {
    font-size: 14px;
  }

  .expand-header.expanded .vertical-header .nav-menu-item .nav-menu-item-link {
    font-size: 1.2rem;
    letter-spacing: 1px;
  }

  .expand-header.expanded .vertical-header .nav-menu-item .nav-menu-item-icon {
    padding-left: 14px;
  }

  .user-details-message .user-details-message-item .input-message-type .input-message {
    font-size: 14px;
  }

  .user-details-message .user-details-message-item .input-message-type .input-message::placeholder {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1400px) {
  .section-title {
    font-size: 24px;
  }
  .recommended-courses .recommended-courses-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .award-certificates-row .button.tertiary-button {
    padding: 14px;
  }

  .award-certificates-row .button.primaryButton {
    padding: 14px;
  }
}

@media only screen and (max-width: 1280px) {
  .contarct-history-wrapper .contarct-history-heading {
    font-size: 24px;
  }

  .contarct-history-wrapper .contarct-history-content-wrapper .contarct-history-content .date {
    font-size: 14px;
  }

  #page-my-index.pagelayout-mydashboard.role_stakeholder #region-main.has-blocks {
    width: calc(100% - 375px);
  }

  #page-my-index.pagelayout-mydashboard.role_stakeholder [data-region="blocks-column"] {
    width: 360px;
  }

  .vertical-header .nav-menu .nav-menu-item img {
    height: 22px;
    width: 22px;
  }
}

@media only screen and (max-width: 1199px) {
  #page-my-index.pagelayout-mydashboard.role_stakeholder #region-main.has-blocks {
    width: 100%;
  }

  #page-my-index.pagelayout-mydashboard.role_stakeholder [data-region="blocks-column"] {
    width: 100%;
  }

  .contarct-history-wrapper {
    padding-left: 130px;
  }

  .contarct-history-wrapper .contarct-history-image img {
    width: 130px;
  }

  .contarct-history-wrapper .contarct-history-heading {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1200px) {
  .vertical-header {
    height: 100vh;
  }

  .text-button {
    font-size: 14px;
  }

  .news-list .news-list-item {
    padding: 10px 0;
  }

  .news-list .news-list-item .news-image {
    height: 100px;
    width: 100px;
  }

  .news-list .news-list-item .news-title {
    line-height: 18px;
    font-size: 14px;
  }

  .news-list .news-list-item .news-date {
    font-size: 12px;
  }

  .news-list .news-list-item .icon-wrapper {
    height: 34px;
    width: 34px;
  }

  .quize-page-wrapper {
    height: auto;
  }

  .quize-page-wrapper .instructions .instructions-list {
    flex-direction: column;
  }

  .quize-page-wrapper .instructions .instructions-list .instructions-list-item {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .quize-page-wrapper .button.primaryButton {
    width: auto;
  }

  .courses-details-page .courses-details {
    height: auto;
    margin-bottom: 20px;
  }

  .courses-details-page .courses-details .courses-details-image .course-image {
  }

  .terms-condition-page .container-fluid.auth-main-fluid,
  .privacy-policy-page .container-fluid.auth-main-fluid {
    padding: 20px 15px 0;
  }

  .privacy-policy-page .custom-condition-row,
  .terms-condition-page .custom-condition-row {
    padding: 0 5px;
  }

  .registertermprivacy #page-content #region-main-box .custom-condition-row {
    padding: 50px 10px;
  }

  .stakeholder-header-row ul li .btn.add-btn {
    padding: 18px 25px;
  }

  #page-local-stakeholders-index .stakeholder-table-data .common-table.table-responsive .table thead tr th,
  #page-local-stakeholders-index .stakeholder-table-data .common-table.table-responsive .table tbody tr td {
    padding: 20px 14px;
  }

  .add-stakeholder-page .add-stakeholder-row ul li .btn {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    height: auto;
  }

  .add-stakeholder-page .add-stakeholder-row {
    padding: 20px 5px;
  }
}

@media only screen and (max-width: 992px) {
  .button.tertiary-button {
    padding: 14px 30px;
  }

  .news-list {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    background: transparent;
  }

  .news-list .news-list-item {
    width: 48%;
    margin-right: 10px;
  }


  .recommended-courses .recommended-courses-list .recommended-courses-list-item .recommended-courses-title {
    font-size: 20px;
  }

  .favourite-article .favourite-article-list .favourite-article-item .article-title {
    font-size: 16px;
    min-height: 52px;
  }

  .favourite-article .favourite-article-list .favourite-article-item .user-name {
    font-size: 14px;
  }

  .details-page .details-page-title {
    font-size: 24px;
    line-height: normal;
  }

  .details-page .post-author-name {
    font-size: 20px;
    margin-bottom: 0;
  }

  .news-details-page .latest-news-section {
    margin-top: 20px;
  }

  .news-details-page .more-news .news-list {
    flex-wrap: nowrap;
  }

  .news-details-page .more-news .news-list .news-list-item {
    min-width: 370px;
    max-width: 370px;
  }

  #page-my-index.role_supervisior #region-main.has-blocks {
    width: 100%;
  }

  #page-my-index.role_supervisior [data-region="blocks-column"] {
    width: 100%;
    padding-left: 0;
  }

  #page-my-index.role_supervisior .page-container {
    padding: 0 10px;
  }

}

@media only screen and (max-width: 768px) {
  .courses-lessons-item .lesson-activities-wrapper .lesson-activities-card-list.horizontal-layout .lesson-activities-card {
    min-width: 220px;
  }

  .lesson-activities-wrapper .lesson-activities-card {
    min-width: auto;
  }

  .courses-lessons-item .lesson-activities-wrapper .slick-next,
  .courses-lessons-item .lesson-activities-wrapper .slick-prev {
    bottom: -36px;
  }

  .lesson-activities-wrapper .slick-slide {
    padding: 10px 0;
  }

  .lesson-activities-wrapper .lesson-activities-card .lesson-activities-tag {
    font-size: 10px;
  }

  .lesson-activities-wrapper .lesson-activities-card .lesson-activities-name {
    font-size: 14px;
  }

  #page-mod-book-view .path-mod-book #mod_book-chaptersnavigation {
    top: 0;
    margin: 0;
    z-index: 1;
    padding-bottom: 20px;
  }

  #page-local-blog-posts .favourite-article-list .empty-screen {
    height: auto;
    padding-top: 20px;
  }

  .empty-screen {
    height: auto;
    padding-top: 80px;
  }

  .page-container {
    margin-left: 0;
    padding: 10px;
  }

  .back-button {
    position: unset;
  }

  .vertical-header {
    padding: 20px 10px;
    top: 0;
    border-radius: 0;
    position: fixed;
    left: -310px;
    height: 100%;
    overflow-y: auto;
    transition: left 0.3s ease;
  }

  .vertical-header .close-icon {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 20px;
    width: 30px;
    top: 0;
  }

  .vertical-header.active {
    left: 0;
    width: 240px;
    z-index: 999999;
    overflow: unset;
  }

  .notification-panel.open {
    top: 60px;
    position: fixed;
    width: 420px;
    right: 10px;
    left: unset;
  }

  .vertical-header .expand-button-wrapper {
    display: none;
  }

  .vertical-header .brand-logo img {
    width: auto;
  }

  .expand-header .vertical-header .brand-logo img {
    width: 100%;
  }

  .vertical-header .nav-menu {
    margin-top: 20px;
  }

  .vertical-header .nav-menu .nav-menu-item {
    justify-content: flex-start;
    padding: 0;
  }

  .vertical-header .nav-menu .nav-menu-item .nav-menu-item-link {
    font-size: 1.2rem;
    letter-spacing: 1px;
    justify-content: flex-start;
  }

  .vertical-header .nav-menu .nav-menu-item .nav-menu-item-link .nav-menu-item-icon {
    padding-right: 20px;
  }

  .vertical-header .nav-menu .nav-menu-item .nav-menu-item-link .nav-menu-item-icon svg {
    height: 35px;
    width: 35px;
  }
.nav-menu-item-name {
  white-space: nowrap;
}
  .vertical-header .userProfileImage {
    padding-left: 10px;
  }

  .role_supervisior .vertical-header .userProfileImage {
    padding-left: 20px;
  }

  .vertical-header .userProfileImage img {
    height: 46px;
    width: 46px;
  }

  .mobile-header {
    padding: 14px;
    display: flex;
    align-items: center;
    position: sticky;
    z-index: 99;
    top: 0;
    justify-content: space-between;
    width: 100%;
    background: #000A17;
  }

  .mobile-header .right-side {
    display: flex;
  }

  .mobile-header .right-side .notification-wrapper {
    margin-right: 15px;
    display: flex;
    align-items: center;
  }

  .mobile-header .right-side .notification-wrapper .nav-menu-item-icon {
    position: relative;
  }

  .mobile-header .right-side .notification-wrapper .nav-menu-item-icon svg {
    width: 35px;
    height: 35px;
  }

  .vertical-header.active .nav-menu li:last-child .nav-menu-item-link {
    display: none;
  }

  .mobile-header .right-side .notification-wrapper .nav-menu-item-icon .count {
    position: absolute;
    font-size: 10px;
    background: red;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -5px;
    top: 0;
    color: white;
  }

  #notificationPanel .notification-item .message {
    padding-right: 105px;
    font-size: 14px;
  }

  #notificationPanel .notification-item {
    padding: 4px 0 6px;
  }

  #notificationPanel.notification-panel.open {
    height: 150px;
    width: 90%;
    padding: 5px 7px 5px 5px;
  }

  #notificationPanel .notification-item .icon {
    margin-right: 5px !important;
  }

  .mobile-header .hamburger-menu {
    cursor: pointer;
  }

  .mobile-header .logo-image img {
    width: 140px;
  }

  .mobile-header .hamburger-menu img {
    width: 35px;
  }

  .custom-popup .modal-content {
    padding: 20px;
  }

  .custom-popup .modal-body .popup-heading {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .custom-popup .modal-body .popup-status-icon {
    padding-bottom: 20px;
  }

  .custom-popup .modal-body .popup-status-icon .icon {
    width: 40px;
    height: 40px;
  }

  .news-list .news-list-item {
    width: 100%;
  }

  .category-tabs .nav .nav-item {
    margin: 0 10px 10px 0;
  }

  .category-tabs .nav .nav-item button {
    font-size: 16px;
  }

  .details-page .details-page-image img {
    height: 250px;
  }

  .news-details-page .latest-news-section {
    margin-top: 0;
  }

  .news-details-page .more-news .news-list .news-list-item {
    min-width: 300px;
    max-width: 300px;
    margin-bottom: 10px;
  }

  .news-page .category-tabs {
    margin-top: 20px;
  }

  .news-page .news-page-list {
    margin-top: 20px;
  }

  .news-page .news-page-list .news-list-item-inner {
    padding: 10px;
    flex-direction: column;
  }

  .news-page .news-page-list .news-list-item-inner .news-title {
    font-size: 18px;
    line-height: 25px;
  }

  .news-page .news-page-list .news-list-item-inner .news-image {
    margin: 0 0 10px 0;
  }

  .news-page .news-page-list .news-list-item-inner .news-image img {
    height: 200px;
    width: 100%;
  }

  .news-page .news-page-list .news-list-item-inner .news-description {
    width: 100%;
  }

  .news-page .button.tertiary-button {
    margin-top: 14px;
  }

  .news-page br {
    display: none;
  }

  .articles-page .category-tabs {
    margin-top: 20px;
  }

  .articles-page .page-subtitle {
    padding-bottom: 20px;
  }

  .articles-page .page-subtitle br {
    display: none;
  }

  .articles-page .favourite-article-list {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .articles-page .favourite-article-list .row {
    gap: 20px;
  }

  #page-local-blog-posts .articles-page .favourite-article-list {
    margin-top: 0;
    overflow: unset;
  }

  #page-local-blog-posts .articles-page .category-tabs,
  #page-local-blog-posts .news-page .category-tabs {
    margin-top: 15px;
  }

  #page-local-blog-posts .favourite-article {
    padding-top: 0;
  }

  #page-local-blog-posts .news-page .news-page-list {
    padding-top: 10px;
  }

  #page-local-blog-posts .category-tabs .nav .nav-item a {
    font-size: 14px;
    border-radius: 14px;
  }

  #page-local-blog-posts .articles-page .favourite-article-list .row {
    row-gap: 20px;
    column-gap: 0;
  }

  .articles-page .favourite-article-list .favourite-article-item {
    margin-bottom: 0;
  }

  .stakeholder-section {
    padding: 14px 10px;
  }

  .stakeholder-section .section-header {
    padding-bottom: 14px;
  }

  .user-names-tabs .user-image img {
    width: 30px;
    height: 30px;
  }

  .user-names-tabs .nav-item .nav-link {
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .user-names-tabs .nav-item .nav-link .user-name {
    display: none;
  }

  .message-user-tabs {
    padding-top: 15px;
    height: 81vh;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.1019607843);
    text-align: center;
  }

  .message-user-tabs .search-bar {
    display: none;
  }

  .user-details-message .user-details-message-item .input-message-type .input-message::placeholder {
    font-size: 14px;
  }

  .user-details-message .message-body .chat-message-body {
    font-size: 14px;
  }

  .collab-forum .collab-forum-item .collab-forum-item {
    margin-bottom: 20px;
  }

  .collab-forum .collab-forum-item .collab-forum-item-user-info .user-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .collab-forum-details-page .add-collab-forum {
    flex-direction: column;
  }

  .collab-forum-details-page .add-collab-forum .user-image {
    margin-bottom: 20px;
  }

  .collab-forum-details-page .add-collab-forum .collab-forum-form {
    padding: 0;
  }

  .button {
    width: auto;
    padding: 14px 30px;
    font-size: 14px;
  }

  .comments-wrapper.comments-show {
    padding-bottom: 0;
  }

  .comments-wrapper {
    padding: 0 0 0 0;
  }

  #page-my-index .comments-wrapper {
    padding: 16px;
  }

  #page-my-index .comments-wrapper .comments-item-list {
    padding: 0 16px 16px 16px;
    height: 200px;
  }

  #page-my-index .comments-wrapper #comment-update-24 {
    height: 200px !important;
  }

  #page-my-index .comments-wrapper p {
    height: 100% !important;
    margin-bottom: 0 !important;
  }

  #page-my-index .comments-wrapper .comments-item {
    padding: 16px 0;
  }

  #page-my-index .comments-wrapper .input-message-type .input-message {
    padding: 18px 14px;
  }

  .comments-wrapper .input-message-type .input-message::placeholder {
    font-size: 14px;
  }

  #page-my-index .comments-wrapper .input-message-type .messageSendIconWrapper {
    height: 34px;
    width: 34px;
  }

  #page-my-index .comments-wrapper .input-message-type .messageSendIconWrapper img {
    width: 20px;
  }

  .comments-wrapper .date-time {
    margin-top: 10px;
  }

  .comments-wrapper .comments-item .comments-message .user-name {
    font-size: 16px;
  }

  .courses-details-page .instructor-card .section-title {
    font-size: 24px;
  }

  .courses-details-page .instructor-card .user-designation {
    font-size: 16px;
  }

  .courses-details-page .courses-details .courses-info .courses-header .courses-name {
    font-size: 22px;
  }

  .courses-details-page .courses-details .courses-info .courses-lessons .section-title {
    font-size: 22px;
  }

  .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-item-header .courses-lessons-name {
    font-size: 22px;
  }

  .quize-page-wrapper .result-card-list {
    flex-direction: column;
    margin-top: 20px;
  }

  .test-page.quize-page-wrapper {
    padding: 0 20px 20px 20px;
  }

  .test-page.quize-page-wrapper .quize-sticky-header {
    padding-top: 10px;
    position: unset;
  }

  .quize-page-wrapper .result-card-list .result-card {
    margin-bottom: 10px;
  }

  .quize-page-wrapper .remark {
    margin-top: 20px;
  }

  .quize-page-wrapper .quize-timer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
  }

  .quize-page-wrapper .quize-timer .lesson-name {
    font-size: 20px;
  }

  .quize-page-wrapper .quize-timer .course-name {
    font-size: 16px;
  }

  .quize-page-wrapper .quize-timer .quize-button {
    margin-top: 20px;
  }

  .quize-page-wrapper .quize-heading {
    font-size: 24px;
  }

  .quize-page-wrapper .question {
    background-image: none;
    background-color: #1b232e;
    height: auto;
  }

  .quize-page-wrapper .question .question-text {
    font-size: 14px;
    padding-left: 10px;
  }

  .quize-page-wrapper .answer-options {
    padding-left: 0;
    margin-top: 20px;
  }

  .quize-page-wrapper .answer-options .answer-options-item {
    margin-bottom: 20px;
    padding: 14px 30px;
    margin-right: 10px;
  }

  .quize-page-wrapper .question-list .question-list-item {
    margin-bottom: 20px;
  }

  .quize-page-wrapper .instructions .instructions-list .instructions-list-item {
    width: 100%;
    padding-right: 20px;
  }

  .quize-page-wrapper .instructions .instructions-list .instructions-list-item .instructions-title {
    font-size: 16px;
    padding-left: 10px;
  }

  .quize-page-wrapper .instructions .instructions-list .instructions-list-item .trangel {
    display: none;
  }

  .quize-page-wrapper .result-status {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .quize-page-wrapper .result-status img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }

  .quize-page-wrapper .result-status .result-status-heading {
    font-size: 24px;
  }

  .quize-page-wrapper .result-score {
    margin: 10px 0;
  }

  .answer-wrapper {
    padding: 20px 10px;
    height: auto;
  }

  .answer-wrapper .answer-heading {
    font-size: 24px;
  }

  .answer-wrapper .answer-sheet-list .answer-sheet-item .answer-options .answer-options-item {
    padding: 14px 30px;
  }

  .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main {
    height: auto;
  }

  .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main h5 {
    font-size: 18px;
  }

  .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .textarea {
    margin-bottom: 20px;
  }

  .courses-details-page .section-header {
    flex-direction: column;
  }

  .courses-details-page .section-header .lessons-button {
    margin: 10px 10px 0 0;
    font-size: 14px;
    padding: 10px 14px;
  }

  .courses-details-page .section-header .lessons-button span {
    padding: 0 5px;
  }

  .page-container.course-list-page .header-main {
    position: static;
    padding-top: 0;
  }

  .continue-watching-list.continue-watching-row {
    row-gap: 0;
  }

  .page-container .common-custom-pagination .pagination {
    padding-top: 0;
  }

  .page-container .common-custom-pagination .pagination .page-item {
    margin: 0 7px;
  }

  .page-container .common-custom-pagination .pagination .page-item .page-link {
    width: 40px;
    height: 40px;
  }

  .header-main.header-main-update {
    position: static;
  }

  .page-container.category-list-page,
  .page-container.course-list-page {
    padding: 0;
  }

  .page-container.category-list-page .back-to-top {
    margin: 0;
    padding-top: 0;
  }

  .page-container.category-list-page .header-main ul li {
    width: auto;
  }

  .page-container.category-list-page .header-main .search-input {
    width: auto;
  }

  .page-container.category-list-page .continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-info ul li .time-details {
    font-size: 14px;
  }

  .page-container.category-list-page .continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .watching-info ul li span {
    font-size: 14px;
  }

  .page-container.category-list-page .continue-watching-list.continue-watching-row {
    row-gap: 10px;
  }

  .page-container.category-list-page .continue-watching-list.continue-watching-row .continue-watching-list-item .watching-info .title {
    font-size: 20px;
  }

  .modal.common-modal-layout .modal-dialog .modal-content .modal-body .icon-layout-modal.change-password {
    width: 81px;
    height: 81px;
    margin-bottom: 30px;
  }

  .modal-open .modal.common-modal-layout .modal-dialog .modal-body {
    padding: 0;
  }

  .modal-open .modal.common-modal-layout .modal-dialog .modal-body ul {
    margin-top: 20px;
  }

  .modal-open .modal.common-modal-layout .modal-dialog .modal-content {
    padding: 20px;
  }

  .modal-open .modal.common-modal-layout .modal-dialog .modal-content .message {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 32px;
  }

  .quize-page-wrapper {
    padding: 10px;
  }

  #page-my-index .recommended-courses,
  #page-my-index .my-courses {
    padding: 16px;
  }

  #page-my-index .collab-forum {
    padding: 16px;
  }

  #page-my-index .my-courses .button-tabs .nav-tabs .nav-link.active {
    margin: 0;
  }

  #page-my-index .my-courses .button-tabs .button-tabs {
    padding: 0;
  }

  #page-my-index .collab-forum .button-tabs {
    margin-bottom: 0;
  }

  #page-my-index .collab-forum .tab-content {
    margin-top: 20px;
  }

  #page-local-courses-index.pagelayout-mydashboard #region-main-box {
    padding: 0 !important;
  }

  #page-local-courses-index .header-main ul li .search-input .form-control {
    width: 100%;
  }

  #page-local-courses-index .header-main.header-main-update .list-inline-item {
    width: 100%;
  }

  #page-local-courses-index .continue-watching-list.continue-watching-row .continue-watching-list-item {
    margin: 0 0 16px;
  }

  #page-local-courses-index .common-custom-pagination .pagination {
    padding: 0 !important;
    margin: 0 !important;
  }

  .modal-body {
    padding: 0;
  }

  .modal-body ul .list-inline-item {
    width: 100%;
  }

  #page-wrapper .modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn.yes-btn {
    width: 100%;
  }

  #page-wrapper .modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn.no-btn {
    margin-top: 20px;
    width: 100%;
  }

  #page-wrapper .modal.common-modal-layout .modal-dialog .modal-content {
    padding: 20px;
  }

  #page-wrapper .modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn {
    height: auto;
    padding: 15px 14px;
    font-size: 16px;
  }

  #page-wrapper .modal.common-modal-layout .modal-dialog .modal-content .modal-body h4 {
    font-size: 24px;
    line-height: 34px;
  }

  #page-wrapper .modal.common-modal-layout .modal-dialog {
    max-width: 580px;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 20px
  }


  #page-mod-videotime-view .modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn.yes-btn {
    width: 100%;
  }

  #page-mod-videotime-view .modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn.no-btn {
    margin-top: 20px;
    width: 100%;
  }

  #page-mod-videotime-view .modal.common-modal-layout .modal-dialog .modal-content {
    padding: 20px;
  }

  #page-mod-videotime-view .modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn {
    height: auto;
    padding: 15px 14px;
    font-size: 16px;
  }

  .modal.fade.common-modal-layout.show {
    z-index: 999999;
  }

  #page-mod-videotime-view .modal.common-modal-layout .modal-dialog .modal-content .modal-body h4 {
    font-size: 24px;
    line-height: 34px;
  }

  #page-mod-videotime-view .modal.common-modal-layout .modal-dialog {
    max-width: 580px;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 20px
  }

  #page-course-view-remuiformat .modal.common-modal-layout .modal-dialog .modal-content {
    height: auto;
    padding: 16px;
  }

  #page-local-blog-posts #region-main {
    padding: 0;
  }

  #page-course-view-remuiformat .page-container {
    padding: 0;
  }

  #page-course-view-remuiformat #region-main-box {
    padding: 0;
  }

  #page-course-view-remuiformat .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item {
    padding: 16px 16px 5px 16px;
  }

  #page-course-view-remuiformat .courses-details-page .courses-details {
    padding: 16px
  }

  #page-course-view-remuiformat .courses-details-page .courses-details .courses-lessons-item .button.tertiary-button {
    margin-bottom: 0 !important;
  }

  #page-course-view-remuiformat .courses-details-page .courses-details .courses-lessons-item .button.tertiary-button,
  #page-course-view-remuiformat .courses-details-page .courses-details .courses-lessons-item .button.primaryButton {
    padding: 13px 50px;
    text-align: center;
  }

  #page-course-view-remuiformat .courses-details-page .courses-details {
    margin-bottom: 20px;
  }

  #page-mod-videotime-view .watch-courses-video .courses-details-page .courses-details {
    margin-top: 15px;
    padding: 12px;
  }

  #page-mod-videotime-view .courses-details-page {
    padding: 0 5px 0 5px;
  }

  #page-mod-videotime-view .courses-details-page .col-xl-8.col-lg-7.col-12,
  #page-mod-videotime-view .col-xl-4.col-lg-5.col-12 {
    padding: 0;
  }

  #page-mod-videotime-view #region-main .container-fluid.position-relative {
    padding: 0;
  }

  #page-mod-videotime-view .watch-courses-video .reviews-wrapper {
    margin-top: 25px;
    padding: 0 10px 20px 10px;
  }

  #page-mod-videotime-view #region-main .back-button {
    padding: 10px 20px 20px 0;
  }

  #page-mod-videotime-view .courses-details-page .section-header .text-button {
    padding: 0;
  }

  #page-mod-videotime-view .rating-review .review-item {
    margin-right: 10px;
  }

  #page-mod-videotime-view .rating-review .review-item svg {
    width: 30px;
    height: 30px;
  }

  #page-mod-videotime-view .rating-review .review-item label {
    margin: 0;
  }

  #page-mod-videotime-view .modal.common-modal-layout .modal-dialog .modal-content {
    padding: 15px;
  }

  #page-mod-videotime-view .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main {
    padding: 14px;
    height: auto;
  }

  #page-mod-videotime-view .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main h5 {
    font-size: 18px;
  }

  #page-mod-videotime-view .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body {
    overflow: unset;
  }

  .courses-details-page .section-header {
    padding: 20px 0 0;
  }

  #page-mod-videotime-view.watch-courses-video #region-main .courses-details-page .courses-details {
    padding: 16px 16px 5px 16px;
    margin-top: 16px;
  }

  #page-mod-videotime-view .continue-watching-list {
    margin-bottom: 20px;
  }

  #page-mod-videotime-view.watch-courses-video .reviews-wrapper {
    padding: 0 16px 16px 16px;
    margin-top: 20px;
  }

  #page-mod-videotime-view.watch-courses-video .choose-avatar-modal .reviews-wrapper {
    padding: 0;
  }

  .watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item .review-time {
    font-size: 14px;
  }

  .watch-courses-video .reviews-wrapper .reviews-list .reviews-list-item .user-name {
    font-size: 16px;
  }

  .watch-courses-video #allReview .button.primaryButton {
    padding: 10px 70px;
  }

  #allReview .header-div-main {
    height: auto;
  }

  #page-wrapper .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main h5 {
    font-size: 20px;
  }

  #page-wrapper .modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main button img {
    width: 30px;
  }

  #page-local-blog-single_post #region-main {
    padding: 0;
  }

  #page-mod-quiz-starttest .page-container,
  #page-mod-quiz-startquiz .page-container,
  #page-mod-quiz-success .page-container {
    padding: 0 15px;
  }

  #page-mod-quiz-starttest .page-container .col-12,
  #page-mod-quiz-startquiz .page-container .col-12,
  #page-mod-quiz-success .page-container .col-12 {
    padding: 0 5px;
  }

  #page-mod-quiz-starttest #region-main,
  #page-mod-quiz-startquiz #region-main,
  #page-mod-quiz-success #region-main {
    padding: 0;
  }

  #page-mod-quiz-startquiz .quize-page-wrapper .answer-options {
    margin-left: 0;
  }

  #page-mod-quiz-startquiz .quize-page-wrapper .answer-options .que label {
    width: 100%;
    margin-right: 0;
  }

  #page-mod-quiz-startquiz .test-page.quize-page-wrapper {
    padding: 0 20px 20px 10px;
  }

  #page-mod-quiz-success .answer-wrapper .answer-sheet-list .answer-sheet-item .answer-options .answer-options-item {
    width: 100%;
    margin-right: 0;
  }

  #page-local-collab_forum-index #region-main-box {
    padding: 0 10px;
  }

  #page-mod-videotime-view .page-container.d-print-block {
    padding: 0 15px;
  }

  #page-local-courses-index .page-container.d-print-block {
    padding: 0 15px;
  }

  #page-local-courses-index .col-12 {
    padding: 0 11px;
  }

  #page-local-collab_forum-index .section-header .add-collab-forum-button {
    height: 49px;
    width: 50px;
  }

  .category-more-details p:not(:empty) {
    min-height: unset;
    max-height: unset;
    padding-bottom: 0;
    line-height: normal;
  }

  .registertermprivacy #page-content #region-main-box .custom-condition-row {
    padding: 15px;
  }

  .privacy-policy-page .section-title,
  .terms-condition-page .section-title {
    font-size: 18px;
  }

  .registertermprivacy .container-fluid.auth-main-fluid {
    padding: 0;
  }

  .landing-page-footer .nav-menu .nav-menu-item a,
  .landing-page-footer .nav-menu .nav-menu-item a {
    font-size: 18px;
  }

  .registertermprivacy #page-content #region-main-box .custom-condition-row .modal-body {
    height: auto;
  }

  .landing-page-footer .copy-right-text {
    font-size: 16px;
  }

  .registertermprivacy .custom-condition-row .modal-header .condition-header-details .condition-header-details {
    padding-left: 5px;
  }

  .registertermprivacy .btn-close-condition img {
    width: 25px;
  }

  .privacy-policy-page .custom-condition-row .modal-body p,
  .terms-condition-page .custom-condition-row .modal-body p {
    font-size: 16px;
  }

  #page-my-index.pagelayout-mydashboard .page-container,
  #page-local-collab_forum-index .page-container,
  #page-local-blog-posts .page-container,
  #page-local-user-update_profile .page-container,
  #page-local-favorite_items-index .page-container,
  #page-local-change_password-change_password .page-container,
  #page-local-pages-index .page-container {
    padding: 0 15px;
  }

  #page-local-user-update_profile #region-main-box .settings-details-div,
  #page-local-favorite_items-index #region-main-box .settings-details-div,
  #page-local-change_password-change_password #region-main-box .settings-details-div,
  #page-local-pages-index #region-main-box .settings-details-div {
    /* height: auto; */
    height: calc(100vh - 90px);
  }

  #page-local-user-update_profile #region-main-box .settings-menu-div,
  #page-local-favorite_items-index #region-main-box .settings-menu-div,
  #page-local-change_password-change_password #region-main-box .settings-menu-div,
  #page-local-pages-index #region-main-box .settings-menu-div {
    position: sticky;
    top: 82px;
  }

  #page-local-user-update_profile .settings-menu-div .settings-main-inner-card,
  #page-local-favorite_items-index .settings-menu-div .settings-main-inner-card,
  #page-local-change_password-change_password .settings-menu-div .settings-main-inner-card,
  #page-local-pages-index .settings-menu-div .settings-main-inner-card,
  #page-local-user-awards-certificates .settings-menu-div .settings-main-inner-card {
    height: auto;
  }

  .role_supervisior .settings-menu-div .settings-main-inner-card {
    height: calc(80vh - 65px) !important;
  }

  #page-local-user-update_profile.course-1 #region-main-box .row.mx-0>.col-12,
  #page-local-favorite_items-index.course-1 #region-main-box .row.mx-0>.col-12,
  #page-local-change_password-change_password.course-1 #region-main-box .row.mx-0>.col-12,
  #page-local-pages-index.course-1 #region-main-box .row.mx-0>.col-12 {
    padding-right: 10px;
  }

  #page-local-pages-index.privacy-policy-page #region-main-box,
  #page-local-pages-index.terms-condition-page #region-main-box {
    padding: 0 12px;
  }

  #page-local-pages-index.privacy-policy-page.notloggedin #region-main-box,
  #page-local-pages-index.terms-condition-page.notloggedin #region-main-box {
    padding: 0;
  }

  #page-local-user-forgetpassword .auth-main-fluid .auth-main-card h6 {
    font-size: 18px;
    width: 80%;
    margin: 20px auto 30px;
  }

  #page-local-user-forgetpassword .auth-main-fluid .auth-main-card .common-form p {
    margin-top: 0;
  }

  #page-local-blog-posts .section-header.news-title {
    padding-left: 15px;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .nav.nav-pills {
    height: auto;
  }

  #page-wrapper .modal.common-modal-layout#logoutModal .modal-dialog {
    margin: auto;
    padding: 0 20px;
  }

  .modal.common-modal-layout#logoutModal .modal-dialog .modal-content .modal-body ul li:first-child,
  .modal.common-modal-layout#deleteModal .modal-dialog .modal-content .modal-body ul li:first-child {
    width: 100%;
  }

  .modal.common-modal-layout#deleteModal .modal-dialog .modal-content .modal-body ul li:first-child {
    margin-bottom: 15px;
  }

  .modal.common-modal-layout#deleteModal .modal-dialog .modal-content .modal-body ul {
    margin-top: 20px;
  }

  .modal.common-modal-layout#logoutModal .modal-dialog .modal-content .modal-body ul li,
  .modal.common-modal-layout#deleteModal .modal-dialog .modal-content .modal-body ul li {
    width: 100%;
  }

  #page-wrapper .modal.common-modal-layout#logoutModal .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn.no-btn {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .message-user-tabs.expanded .user-names-tabs {
    height: auto;
    padding-bottom: 30px;
  }

  .message-user-tabs .message-user-tabs.expanded .user-names-tabs .nav-item .nav-link:hover {
    padding: 7px !important;
  }

  .user-names-tabs .nav-item .nav-link:hover {
    padding: 7px !important;
  }

  .user-names-tabs .nav-item .nav-link {
    position: relative;
  }

  .message-user-tabs .user-names-tabs .nav-item .count {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    width: 15px;
  }

  #page-my-index .user-names-tabs .user-image img,
  #page-my-index .stakeholder-section .userinitials.size-35 {
    width: 25px;
    height: 25px;
    margin-right: 0;
  }

  .message-user-tabs.expanded .empty-screen-wrapper .user-names-tabs .empty-screen img,
  .message-user-tabs.expanded .empty-screen-wrapper .user-names-tabs .empty-screen a,
  .message-user-tabs.expanded .empty-screen-wrapper .user-names-tabs .empty-screen p {
    display: block;
  }

  .message-user-tabs .empty-screen-wrapper .user-names-tabs .empty-screen img,
  .message-user-tabs .empty-screen-wrapper .user-names-tabs .empty-screen a,
  .message-user-tabs .empty-screen-wrapper .user-names-tabs .empty-screen p {
    display: none;
  }

  .message-user-tabs .nav-tabs:not(.more-nav) .nav-item {
    flex: unset;
  }

  #page-my-index .header-images {
    /* margin-bottom: 20px; */
    display: flex;
    flex-direction: column;
  }

  #page-my-index .header-images .header-left-side {
    padding-top: 0;
    width: 100%;
    padding-bottom: 15px;
  }

  #page-my-index .header-images .header-left-side .dashboard-logo {
    display: none;
  }



  .contarct-history-wrapper .contarct-history-content-wrapper {
    flex-direction: column;
  }

  #page-my-index .block_lw_courses .lw_courses_list {
    margin-top: 5px;
  }

  .live-sessions {
    margin-top: 0;
    padding: 10px 10px 0 10px;
  }

  .contarct-history-wrapper .contarct-history-image img {
    width: 100%;
  }

  .contarct-history-wrapper .contarct-history-image {
    padding-top: 0;
  }

  #page-local-live_sessions-livesession #page1.page-container {
    padding: 0 15px;
  }

  #page-local-live_sessions-livesession #region-main-box {
    padding: 0;
  }

  #page-local-live_sessions-livesession #region-main-box .header-main.header-main-update {
    padding-bottom: 5px;
  }

  #page-local-live_sessions-livesession #region-main-box .live-sessions .live-sessions-images .live-session-item {
    min-width: 248px;
    max-width: 248px;
  }

  #page-local-live_sessions-livesession #region-main-box .live-sessions .live-sessions-images {
    padding-bottom: 10px;
  }

  #page-local-live_sessions-livesession .live-sessions .empty-screen {
    padding: 20px;
    height: auto !important;
  }

  #page-local-live_sessions-livesession .live-sessions .empty-screen img {
    width: 45% !important;
  }

  #page-local-live_sessions-livesession .live-sessions {
    padding: 10px 10px 0 10px;
    margin-bottom: 15px;
  }

  #page-local-live_sessions-livesession .live-sessions h2 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .live-sessions .live-sessions-images .live-session-item .overlay-content h3 {
    font-size: 18px;
  }

  #page-my-index .my-courses .empty-screen {
    padding-top: 20px;
  }

  #page-my-index .my-courses .empty-screen img {
    width: 140px;
  }

  .settings-details-div.help-and-support {
    padding-left: 0;
  }

  .settings-details-div.help-and-support .common-form .form-group .form-control.textarea {
    margin-top: 15px;
  }

  .registertermprivacy .custom-condition-row>.col-12 {
    padding: 0 10px;
  }

  #page-local-pages-index.privacy-policy-page.registertermprivacy #region-main-box,
  #page-local-pages-index.terms-condition-page.registertermprivacy #region-main-box {
    padding: 0;
  }

  .modal.common-modal-layout#viewPopup .modal-dialog .modal-content .modal-body ul li:first-child {
    width: 100%;
  }

  .modal.common-modal-layout#viewPopup .modal-dialog .modal-content .modal-body ul li {
    width: 100%;
  }

  .modal.common-modal-layout#viewPopup .modal-dialog .modal-content .modal-body ul .list-inline-item .mform {
    padding: 0;
  }

  .modal.common-modal-layout#viewPopup .modal-dialog .modal-content .modal-body h4 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 576px) {
  .modal.chat-boat-div#exampleModalRight .modal-dialog {
    width: 100%;
    padding: 10px;
  }

  .modal.chat-boat-div#exampleModalRight .modal-dialog .modal-body #supervisor {
    padding: 0;
  }

  .modal.chat-boat-div#exampleModalRight .user-details-message .user-details-message-item .input-message-type {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .modal.chat-boat-div#exampleModalRight .user-details-message .message-body {
    padding: 0;
  }

  .modal.chat-boat-div#exampleModalRight .user-details-message .message-body .chat-message-body.is-received .userinitials.size-35 {
    margin-right: 5px;
    height: 30px;
    width: 30px;
  }

  .modal.chat-boat-div#exampleModalRight .user-details-message .stakeholder-message-body-inner {
    height: 460px;
  }

  .modal.chat-boat-div#exampleModalRight .input-message-type .send-btn {
    font-weight: 500;
    height: 36px;
    font-size: 16px;
    padding: 0;
    position: absolute;
  }

  .modal.chat-boat-div#exampleModalRight #supervisor .input-message-type .form-control {
    height: 50px;
    background: #000;
  }

  .user-details-message .user-details-message-item .input-message-type .input-message {
    background: #000;
  }

  .stakeholder-section .user-details-message .message-body-inner {
    height: 330px;
  }

  .stakeholder-section .user-details-message .message-body .chat-message-body .user-image img {
    height: 30px;
    width: 30px;
  }

  .stakeholder-section .user-details-message .message-body {
    padding: 5px;
  }

  .stakeholder-section .userinitials.size-35 {
    height: 30px;
    width: 30px;
  }

  .modal.chat-boat-div .nav.nav-pills .nav-item .nav-link {
    font-size: 14px;
    height: 31px;
    width: 98%;
  }

  .modal.chat-boat-div .nav.nav-pills {
    width: 260px;
  }

  .section-header {
    flex-direction: column;
    padding-bottom: 0;
  }

  .stakeholder-header-row ul li .btn.add-btn {
    width: 100%;
  }

  .section-header .section-title {
    padding-bottom: 20px;
    font-size: 20px;
  }

  .courses-details-page .section-header {
    flex-direction: column;
  }

  .courses-details-page .section-header .lessons-button {
    margin: 0 10px 0 0;
    padding: 10px 14px;
  }

  .button-tabs {
    margin-bottom: 20px;
  }

  .button-tabs .nav-tabs .nav-link {
    width: 50%;
    padding: 11px 14px;
    font-size: 12px;
    margin: 0;
  }

  .collab-forum-details-page .collab-forum .section-header {
    padding-bottom: 0;
    align-items: flex-start;
    position: unset;
  }

  .collab-forum .section-header .d-flex.justify-content-between {
    width: 100%;
  }

  .collab-forum .button-tabs {
    width: 100%;
  }

  .collab-forum .collab-forum-item {
    padding: 14px 14px 5px 14px;
  }

  .collab-forum .collab-forum-item .collab-forum-item-user-info .user-info .user-name {
    font-size: 16px;
  }

  .collab-forum .collab-forum-item .collab-forum-item-user-info .user-info .date-time {
    font-size: 14px;
  }

  .collab-forum .collab-forum-item .collab-forum-action-wrapper {
    flex-direction: column;
  }

  .collab-forum .collab-forum-item .collab-forum-action-wrapper .collab-forum-action {
    width: max-content;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .collab-forum .collab-forum-item .collab-forum-action-wrapper .collab-forum-action .count {
    font-size: 14px;
  }

  .courses-details-page .courses-details .courses-info .courses-header {
    margin-bottom: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .courses-details-page .courses-details .courses-info .courses-header .button.primaryButton {
    margin-top: 10px;
  }

  .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-item-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-item-header .timer {
    margin-top: 10px;
  }

  .view-course .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-image #thumbnail-container .video {
    width: 100% !important;
  }

  .view-course .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .courses-lessons-image img {
    height: 200px;
    width: 100%;
  }

  .view-course .courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .lessons-description {
    padding-top: 0;
  }

  #page-my-index .recommended-courses .section-header {
    flex-direction: row;
  }

  #page-my-index .recommended-courses .section-header .section-title {
    padding-bottom: 0;
  }

  #page-my-index .recommended-courses .recommended-courses-list {
    margin-top: 20px;
  }

  #page-local-courses-index .continue-watching-list.continue-watching-row .continue-watching-list-item .watching-info .play-icon {
    height: 43px;
    width: 43px;
  }

  #page-local-courses-index .continue-watching-list.continue-watching-row .continue-watching-list-item .watching-info .play-icon img {
    width: 12px;
  }

  #page-local-courses-index .continue-watching-list.continue-watching-row .continue-watching-list-item .watching-info .favupdate .play-icon img {
    width: auto;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-header.position-relative .stakeholder-view-header {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-header.position-relative .stakeholder-view-header .stakeholder-assessment-div {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1882352941);
    padding-top: 10px;
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header .stakeholder-assessment-div h3 {
    font-size: 20px;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header .stakeholder-data-div .userbutton {
    margin-right: 5px;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-header .close-btn {
    right: 0 !important;
    top: 0 !important;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake ul {
    flex-direction: column;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake ul li.list-inline-item .btn.ongoing-btn {
    margin-left: 0;
    margin-top: 10px;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake h5 {
    font-size: 24px;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake ul li {
    font-size: 16px;
  }

  .modal.drawer.stakeholder-drawer .modal-dialog .modal-header .close-btn img {
    height: 30px !important;
  }

}

@media only screen and (max-width: 420px) {
  .news-list .news-list-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 0 0 10px 0;
    margin-right: 0;
  }

  .news-list .news-list-item .news-title {
    margin-bottom: 0;
  }

  .news-list .news-list-item .news-image {
    height: 170px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .notification-panel.open {
    width: 100%;
    right: 5px;
    max-height: 250px;
  }

  .user-details-message .user-details-message-item .user-info .user-info-item {
    display: none;
  }

  .user-details-message .user-details-message-item .input-message-type .input-message {
    padding: 14px 10px;
  }

  .user-details-message .user-details-message-item .input-message-type .messageSendIconWrapper {
    height: 34px;
    width: 34px;
  }

  .user-details-message .user-details-message-item .input-message-type .messageSendIconWrapper .messageSendIcon {
    width: 16px;
  }

  .user-details-message .message-body .chat-message-body .normal-text {
    margin-bottom: 0;
  }

  .favourite-article .favourite-article-list .favourite-article-item {
    width: 300px;
  }

  .favourite-article .favourite-article-list .favourite-article-item .favourite-article-image img {
    width: 280px;
  }

  #page-local-favorite_items-index .favourite-article .favourite-article-list .favourite-article-item .favourite-article-image img {
    width: 100%;
  }

  #page-local-favorite_items-index .favourite-article .favourite-article-list .favourite-article-item {
    min-width: 270px;
  }

  #page-local-blog-posts .favourite-article .favourite-article-list .favourite-article-item .favourite-article-image img,
  #page-local-blog-posts .favourite-article .favourite-article-list .favourite-article-item {
    width: 100%;
  }

  #page-my-index .recommended-courses .section-header {
    flex-direction: column;
  }

  #page-my-index .recommended-courses .text-button {
    padding: 10px 0 0 0;
  }

  #page-local-blog-single_post .news-details-page .more-news .news-list .news-list-item {
    min-width: 100%;
    max-width: 100%;
  }
}

.settings-menu-div {
  width: 274px;
  float: left;
  background: linear-gradient(360deg, #0B1521 0%, #1A232F 100%);
  padding: 15px;
  border-radius: 24px;
}

.settings-menu-div .settings-main-inner-card {
  height: calc(100vh - 65px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.settings-menu-div .settings-main-inner-card ul li {
  margin-bottom: 5px;
  width: 100%;
}

.settings-menu-div .settings-main-inner-card ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  height: 60px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20.84px;
  text-align: left;
  color: #fff;
  padding: 10px 12px;
  border-radius: 12px;
  opacity: 0.5;
}

.settings-menu-div .settings-main-inner-card ul li a .icon-div {
  width: 24px;
  height: 24px;
  position: relative;
}

.settings-menu-div .settings-main-inner-card ul li a .icon-div img {
  transition: 0.3s ease all;
}

.settings-menu-div .settings-main-inner-card ul li a .details {
  width: calc(100% - 24px);
  padding-left: 11px;
}

.settings-menu-div .settings-main-inner-card ul li a:hover,
.settings-menu-div .settings-main-inner-card ul li a.active {
  background: #0055A3;
  opacity: 1;
}

.vertical-header .nav-menu .nav-menu-item .nav-menu-item-link .nav-menu-item-icon.help-and-support svg {
  height: auto;
  width: 32px;
}

.settings-menu-div .settings-main-inner-card ul li a.active .icon-div.help-and-support svg {
  fill: #fff;
}

.settings-menu-div .settings-main-inner-card .settings-footer-menu {
  margin-top: 45px;
}

.settings-details-div {
  width: calc(100% - 274px);
  float: left;
  padding-left: 40px;
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100vh - 40px);
}

.settings-details-div h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 37.06px;
  text-align: left;
  color: #fff;
  margin-bottom: 30px;
}

.settings-details-div .condition-inner-row {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  border-radius: 20px;
  padding: 35px 18px;
  height: calc(100vh - 40px);
  overflow: auto;
}

.settings-details-div .condition-inner-row h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 34.58px;
  text-align: left;
  color: #fff;
  margin-bottom: 20px;
}

.settings-details-div .condition-inner-row h6 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 400;
  line-height: 29.26px;
  text-align: left;
  color: #fff;
}

.settings-details-div .condition-inner-row p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  color: rgba(255, 255, 255, 0.3764705882);
  margin-bottom: 20px;
}

.settings-details-div .subscription-row h4 {
  font-size: 32px;
  font-weight: 700;
  line-height: 42.56px;
  text-align: left;
  color: #fff;
  margin-bottom: 24px;
}

.settings-details-div .subscription-row p {
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  text-align: left;
  color: rgba(255, 255, 255, 0.3137254902);
  margin-bottom: 48px;
}

.subscription-row-premium {
  background: linear-gradient(180deg, #02132B 0%, #001F48 100%);
  border-radius: 30px;
  padding: 36px 12px;
  height: 100%;
  margin: 0;
  overflow: auto;
}

.subscription-row-premium .premium-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.subscription-row-premium .premium-header h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 42.56px;
  text-align: left;
  background: -webkit-linear-gradient(90deg, #FFB800 0%, #FF5C00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.subscription-row-premium .premium-header span {
  font-size: 24px;
  font-weight: 400;
  line-height: 31.92px;
  text-align: left;
  color: rgba(255, 255, 255, 0.1882352941);
}

.subscription-row-premium .features-col {
  margin-top: 8px;
  border-top: 0;
}

.subscription-row-premium .features-col {
  height: 72vh;
  overflow: auto;
}

.subscription-row-premium .features-col h6 {
  font-size: 27px;
  font-weight: 600;
  line-height: 35.91px;
  text-align: left;
  color: #fff;
  margin-bottom: 25px;
}

.subscription-row-premium .features-col .feature-details-div {
  width: 100%;
  margin-bottom: 25px;
  display: inline-block;
}

.subscription-row-premium .features-col .feature-details-div .feature-icon {
  width: 56px;
  float: left;
}

.subscription-row-premium .features-col .feature-details-div .feature-description {
  width: calc(100% - 56px);
  float: left;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  color: #fff;
}

.subscription-row-premium .summary-col h6 {
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  text-align: left;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding-bottom: 12px;
  margin-bottom: 0;
}

.subscription-row-premium .summary-col ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}

.subscription-row-premium .summary-col ul li {
  font-size: 22px;
  font-weight: 400;
  line-height: 29.26px;
  text-align: left;
  color: rgba(255, 255, 255, 0.1882352941);
}

.subscription-row-premium .summary-col ul.grand-total {
  border-top: 1px solid rgba(255, 255, 255, 0.1254901961);
}

.subscription-row-premium .summary-col ul.grand-total li {
  font-size: 28px;
  font-weight: 700;
  line-height: 37.24px;
  text-align: left;
  color: #73DFFF;
}

.subscription-row-premium.subscription-row-premium-create {
  position: absolute;
  /* top: 0; */
  right: 20px;
  height: calc(94vh - 40px);
  bottom: 0;
  margin: auto;
  padding: 20px;
  width: 500px;
}

#requestModal.modal.fade.common-modal-layout.show {
  overflow: hidden;
  overflow: hidden;
  background: #000000c2;
  z-index: 9999;
}

.subscription-row-premium.subscription-row-premium-create .button.primaryButton {
  height: max-content;
  height: max-content;
  position: absolute;
  bottom: 30px;
  right: 20px;
  left: 20px;
  width: auto;
}

.auth-common-btn.btn {
  background: #73DFFF;
  height: 60px;
  padding: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: center;
  color: #2D264B;
  border-radius: 14px;
  width: 100%;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth-common-btn.btn:disabled {
  background: #083A49;
  color: rgba(255, 255, 255, 0.4);
}

.toggle {
  height: 40px;
  display: inline-block;
  width: 100px;
}

.toggle input[type=checkbox] {
  display: none;
}

.toggle label {
  color: #000;
  position: relative;
  height: 100%;
  width: 100%;
}

.toggle input[type=checkbox]+label::before {
  content: " ";
  display: block;
  height: 25px;
  width: 50px;
  border-radius: 25px;
  position: absolute;
  top: 12px;
  left: 0;
  background: rgba(108, 108, 108, 0.1882352941);
  transition: all 0.3s ease-in;
}

.toggle input[type=checkbox]+label::after {
  content: " ";
  display: block;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
  background: #5F5F5F;
  transition: all 0.3s ease-in;
  cursor: pointer;
}

.toggle input[type=checkbox]:checked+label::after {
  left: 27px;
  transition: all 0.3s ease-in;
  background: #73DFFF;
}

.toggle input[type=checkbox]:checked+label::before {
  background: #0055A3;
  transition: all 0.3s ease-in;
}

.notifications-list li {
  font-size: 24px;
  font-weight: 400;
  line-height: 60px;
  text-align: left;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.notifications-list li .notification-desc {
  width: 75%;
}

.modal.common-modal-layout .modal-dialog {
  margin: 8rem auto;
  max-width: 580px;
}

.modal.common-modal-layout .modal-dialog .modal-content {
  background-color: #19222E !important;
  padding: 44px;
  border-radius: 30px;
}

.modal.common-modal-layout .modal-dialog .modal-content .message {
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  margin-bottom: 30px;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body .icon-layout-modal {
  box-shadow: 0 10px 74.8px 0 rgba(255, 92, 0, 0.7803921569);
  width: 101px;
  height: 101px;
  background: #FF9500;
  border-radius: 50%;
  margin: 0 auto 40px;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body .icon-layout-modal.delete {
  box-shadow: 0 10px 74.8px 0 rgba(255, 0, 0, 0.7803921569);
  background: #FF3B30;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body .icon-layout-modal.change-password {
  box-shadow: 0 10px 74.8px 0 rgba(112, 255, 0, 0.7803921569);
  background: #3EB655;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body h4 {
  font-size: 32px;
  font-weight: 600;
  line-height: 42.56px;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body p {
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px;
  line-height: 21px;
  text-align: center;
  color: rgba(255, 255, 255, 0.1882352941);
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body ul {
  margin-top: 40px;
  text-align: center;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn {
  height: 60px;
  border-radius: 14px;
  padding: 19px 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: center;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn.yes-btn {
  background: #73dfff;
  color: #000a17;
  width: 100%;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li .btn.modal-footer-btn.no-btn {
  background: #0055A3;
  color: #fff;
  width: 230px;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li.modal-footer-cancel {
  width: 48%;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li.modal-footer-cancel .btn.modal-footer-btn {
  width: 100%;
}

.modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li.modal-footer-cancel .btn.modal-footer-btn.yes-btn,
.modal.common-modal-layout .modal-dialog .modal-content .modal-body ul li.modal-footer-cancel .btn.modal-footer-btn.no-btn {
  width: 100%;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog {
  max-width: 642px;
  height: auto;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content {
  padding: 24px;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main {
  background: linear-gradient(180deg, #0B1521 0%, #060F1B 100%);
  height: 78px;
  border-radius: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31.92px;
  color: #fff;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .header-div-main button {
  padding: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  border: 0;
  background: transparent;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .avatar-row-custom {
  margin: 30px 0;
  padding: 24px 0 0;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body .avatar-row-custom ul {
  margin: 0;
}

.modal.common-modal-layout.choose-avatar-modal .modal-dialog .modal-content .modal-body ul li .modal-footer-btn.no-btn {
  width: 496px;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog {
  max-width: 560px;
  width: 560px;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content {
  padding: 30px;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-header {
  background: linear-gradient(180deg, #0B1521 0%, #060F1B 100%);
  padding: 15px;
  border-radius: 15px;
  border: 0;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-header h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31.92px;
  color: #fff;
  margin-bottom: 0;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-header .close-btn.btn {
  border: 0;
  padding: 0;
  background: transparent;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 370px);
  overflow: auto;
  padding: 30px 0 0 0;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-body .subscription-details .subscription-time {
  background: rgba(255, 255, 255, 0.0196078431);
  border-radius: 15px;
  padding: 0;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-body .subscription-details .subscription-time ul {
  border-bottom: 1px solid rgba(255, 255, 255, 0.062745098);
  margin-top: 0;
  padding: 20px 15px;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-body .subscription-details .subscription-time ul li {
  width: 49%;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: rgba(255, 255, 255, 0.3137254902);
  text-align: left;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-body .subscription-details .subscription-time ul li:nth-child(2) {
  font-weight: 600;
  color: #fff;
  text-align: right;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-body .subscription-details .subscription-time ul li.list-inline-item:not(:last-child) {
  margin-right: 0;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-body .subscription-details .subscription-time ul:nth-child(2) {
  border-bottom: 0;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-footer {
  border-top: 0;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 30px;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-footer ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-footer ul li {
  width: 48%;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-footer ul li .btn {
  width: 100%;
  height: 62px;
  border-radius: 14px;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: center;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-footer ul li .btn.renew-btn {
  background: #002a51;
  color: rgb(255 255 255);
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-footer ul li .btn.renew-btn:disabled {
  opacity: .3;
}

.modal.common-modal-layout.common-modal-subscription .modal-dialog .modal-content .modal-footer ul li .btn.remove-btn {
  background: #73DFFF;
  color: #2D264B;
}

.award-certificates-row {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  border-radius: 22px;
  padding: 24px 12px 0;
  margin-bottom: 24px;
  height: 100%;
}

.award-certificates-row h5 {
  font-size: 26px;
  font-weight: 700;
  line-height: 34.58px;
  color: #fff;
  margin-bottom: 20px;
}

.award-certificates-row h6 {
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  color: #fff;
  margin-bottom: 0;
}

.award-certificates-row h6 span {
  color: #37C860;
}

.award-certificates-row .award-img-div {
  margin: 24px auto;
  width: 80px;
  height: 80px;
}

.award-certificates-row .award-img-div img {
  width: 100%;
  height: 100%;
}

.award-certificates-row .marks-div {
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  color: #fff;
  margin-bottom: 24px;
}

.award-certificates-row .marks-div span {
  color: #37C860;
}

.award-certificates-row p {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  color: #fff;
  opacity: 0.3;
  margin-bottom: 24px;
}

.award-certificates-row .btn.view-certificate-btn {
  background: #0055A3;
  color: #fff;
  border-radius: 10px;
  padding: 10px 44px;
}

.latest-news-section.latest-news-settings .news-list {
  display: flex;
  height: auto;
}

.latest-news-section.latest-news-settings .news-list .news-list-item {
  border: 0;
  background: rgba(255, 255, 255, 0.0901960784);
  padding: 12px;
  border-radius: 16px;
  margin-right: 10px;
}

.latest-news-section.latest-news-settings .news-list .news-list-item .news-details {
  width: 210px;
}


.back-to-top {
  margin-bottom: 20px;
}

.back-to-top a {
  font-size: 18px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  color: #fff;
}

.back-to-top a img {
  margin-right: 10px;
}

.category-more-details {
  padding-top: 20px;
}

.category-more-details .comment-person-div {
  display: flex;
  align-items: center;
  width: 100%;
}

.category-more-details .comment-person-div .person-img {
  width: 30px;
  height: 30px;
  box-shadow: 0 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
  border-radius: 50%;
  margin-right: 8px;
}

.category-more-details .comment-person-div .person-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.category-more-details .comment-person-div .person-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 21.28px;
  text-align: left;
  color: #fff;
}

.category-more-details p:not(:empty) {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  text-align: left;
  color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  padding-bottom: 0;
  line-height: normal;
}

.chat-boat-div .modal-dialog {
  width: 512px;
  border-left: 2px solid rgba(255, 255, 255, 0.1254901961);
  background: #000A17;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  transition: 0.5s ease all;
  border-radius: 30px 0 0 30px;
  padding: 20px;
  z-index: 99;
}

.chat-boat-div .modal-dialog .modal-body {
  padding: 0;
}

.chat-boat-div .nav.nav-pills {
  width: 400px;
  border: 1px solid #00C2FF;
  border-radius: 10px;
  height: 40px;
  padding: 2px;
}

.chat-boat-div .nav.nav-pills .nav-item {
  width: 50%;
}

.chat-boat-div .nav.nav-pills .nav-item .nav-link {
  font-size: 16px;
  font-weight: 400;
  line-height: 24.51px;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  height: 35px;
  width: 100%;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat-boat-div .nav.nav-pills .nav-item .nav-link.active {
  background: #0055A3 !important;
  color: #fff;
}

.chat-boat-div .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: 0;
  padding: 0;
}


.chat-boat-div .close-btn img {
  width: 30px;
}

.chat-boat-div .tab-content {
  padding-top: 23px;
}

.chat-boat-div .tab-content .main-chat-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.062745098) 0%, rgba(9, 11, 26, 0) 100%);
  border-radius: 23px;
  padding: 10px;
  height: calc(100vh - 130px);
  position: relative;
}

.chat-boat-div .tab-content .chat-section {
  overflow: auto;
  padding-bottom: 90px;
  height: 89%;
  display: flex;
  flex-direction: column;
}

.chat-boat-div .tab-content .chat-section .sender-div {
  width: 100%;
  margin-top: 15px;
}

.chat-boat-div .tab-content .chat-section .sender-div .sender-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 6px 18.8px -5px rgba(21, 143, 255, 0.5607843137);
  float: left;
}

.chat-boat-div .tab-content .chat-section .sender-div .sender-img img {
  width: 100%;
  height: 100%;
}

.chat-boat-div .tab-content .chat-section .sender-div .sender-details {
  margin-left: 16px;
  max-width: 270px;
  border-radius: 15px 15px 15px 0;
  background: rgba(255, 255, 255, 0.0196078431);
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #fff;
  float: left;
}

.chat-boat-div .tab-content .chat-section .our-chat-details {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.chat-boat-div .tab-content .chat-section .our-chat-details .ch-details {
  padding: 10px;
  max-width: 290px;
  border-radius: 15px 15px 0 15px;
  background: #0055A3;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #fff;
}

.chat-boat-div .tab-content .chat-section .our-chat-details .ch-time {
  font-size: 12px;
  font-weight: 500;
  line-height: 16.34px;
  text-align: left;
  margin-top: 5px;
  color: #898989;
}

.chat-boat-div .tab-content .chat-type-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 20px);
  z-index: 999;
}

.chat-boat-div .tab-content .chat-type-bottom .chat-form {
  position: relative;
  width: 100%;
}

.chat-boat-div .tab-content .chat-type-bottom .chat-form .form-control {
  height: 60px;
  border-radius: 16px;
  padding: 10px 60px 10px 15px;
  background: rgba(255, 255, 255, 0.062745098);
  border-color: rgba(255, 255, 255, 0.062745098);
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  color: #fff;
}

.chat-boat-div .tab-content .chat-type-bottom .chat-form .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.062745098);
}

.chat-boat-div .tab-content .chat-type-bottom .chat-form .send-btn {
  background: #73DFFF;
  border-radius: 8px;
  border: 1px solid #73DFFF;
  padding: 10px;
  height: 44px;
  width: 82px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: center;
  color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}

.modal {
  /*From Right/Left */
}

.modal.drawer {
  pointer-events: none;
}

.modal.drawer .modal-dialog {
  margin: 0;
  display: flex;
  flex: auto;
  transform: translate(25%, 0);
}

.modal.drawer .modal-dialog .modal-content {
  background: transparent;
  border: 0;
  border: none;
  border-radius: 0;
}

.modal.drawer .modal-dialog .modal-content .modal-header {
  padding: 0;
  border: 0;
  background: transparent;
}

/* .modal.drawer .modal-dialog .modal-content .modal-body {
  overflow: auto;
} */

.modal.drawer.stakeholder-drawer .modal-dialog {
  width: 1070px;
  max-width: 1070px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  border-radius: 15px;
  padding: 15px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header {
  display: flex;
  align-items: center;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header .stakeholder-data-div {
  padding-right: 20px;
  display: flex;
  align-items: center;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header .stakeholder-data-div img {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: 2px solid #73DFFF;
  margin-right: 10px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header .stakeholder-data-div h5 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: left;
  color: #fff;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header .stakeholder-data-div ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  text-align: left;
  color: rgba(255, 255, 255, 0.3137254902);
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header .stakeholder-assessment-div {
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.1882352941);
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header .stakeholder-assessment-div h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.3137254902);
  margin-bottom: 0;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header .stakeholder-view-header .stakeholder-assessment-div h3 {
  color: #73DFFF;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-header .close-btn {
  bottom: 0;
  right: 20px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data {
  width: 300px;
  border-radius: 15px;
  padding: 20px;
  background: #02132B;
  float: left;
  margin-top: 20px;
  padding-bottom: 0;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .nav.nav-pills {
  width: 100%;
  background: #000409;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .tab-content {
  height: calc(100vh - 220px);
  overflow: auto;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .tab-content .stake-details-tab-card {
  min-height: 90px;
  margin-bottom: 8px;
  padding: 15px;
  border-radius: 15px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) -16px -3px 30px -6px;
  cursor: pointer;
  border: 1px solid transparent;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .tab-content .stake-details-tab-card.active {
  border-color: #00C2FF;
  background: rgba(0, 0, 0, 0.7490196078);
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .tab-content .stake-details-tab-card .progress-img {
  width: 60px;
  height: 60px;
  float: left;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .tab-content .stake-details-tab-card .progress-img img {
  width: 100%;
  height: 100%;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .tab-content .stake-details-tab-card .details {
  margin-left: 12px;
  float: left;
  width: calc(100% - 72px);
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .tab-content .stake-details-tab-card .details h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24.51px;
  text-align: left;
  color: #73DFFF;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .tab-content .stake-details-tab-card .details p {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
  color: #fff;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right {
  float: left;
  width: calc(100% - 300px);
  padding: 0 15px 20px 30px;
  height: calc(100vh - 145px);
  overflow: auto;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake h5 {
  color: #73DFFF;
  font-size: 28px;
  font-weight: 400;
  line-height: 42.56px;
  margin-bottom: 0;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake ul {
  display: flex;
  align-items: center;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake ul li {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: left;
  color: #0055A3;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake ul li img {
  height: 24px;
  width: 24px;
  margin-right: 12px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake ul li .btn.ongoing-btn {
  margin-left: 12px;
  height: 33px;
  padding: 4px 18px;
  background: #0055A3;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.28px;
  text-align: center;
  color: #fff;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .inner-header-stake ul li .btn.completed-btn {
  margin-left: 12px;
  height: 33px;
  padding: 4px 18px;
  background: #34C759;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.28px;
  text-align: center;
  color: #000;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .courses-tag-row {
  margin-bottom: 25px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .courses-tag-row ul li span {
  background: linear-gradient(180deg, #0B1521 0%, #1A232F 100%);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  text-align: left;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  padding: 4px 18px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .description-row {
  margin-bottom: 40px;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .progress-status-row .btn.btn-primary {
  padding: 12px 35px;
  font-weight: 500;
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-details-right .description-row p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
}

.modal.drawer.show {
  pointer-events: auto;
}

.modal.drawer.show .modal-dialog {
  transform: translate(0, 0);
}

.modal.drawer.right-align {
  flex-direction: row-reverse;
}

.modal.drawer.left-align:not(.show) .modal-dialog {
  transform: translate(-25%, 0);
}

.modal.drawer.stakeholder-drawer .modal-dialog .modal-body .ongoing-completed-tabs-data .tab-content::-webkit-scrollbar {
  display: none;
}

.stakeholder-header-row {
  padding: 20px 15px 45px 0;
}

.stakeholder-header-row h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 43.58px;
  color: #fff;
}

.stakeholder-header-row ul li .stakeholder-search {
  width: 415px;
  position: relative;
}

.stakeholder-header-row ul li .stakeholder-search .form-control {
  width: 100%;
  padding: 10px 40px 10px 15px;
  border-radius: 16px;
  height: 60px;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  color: #fff;
  background: rgba(255, 255, 255, 0.062745098);
  border-color: rgba(255, 255, 255, 0.062745098);
}

.stakeholder-header-row ul li .stakeholder-search .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3137254902);
}

.stakeholder-header-row ul li .stakeholder-search .search-btn {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 0;
  background: transparent;
  border: 0;
  bottom: 0;
  margin: auto;
}

.stakeholder-header-row ul li .stakeholder-search .search-btn img {
  height: 24px;
  width: 24px;
  padding: 0;
}

.stakeholder-header-row ul li .btn.add-btn {
  background: #73DFFF;
  height: 60px;
  padding: 18px 35px;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: center;
  color: #2D264B;
}

.stakeholder-table-data {
  padding: 0 15px 20px 0;
}

.common-table.table-responsive .table {
  border: 1px solid rgba(255, 255, 255, 0.0705882353);
  border-radius: 20px;
  overflow: hidden;
}

.common-table.table-responsive .table thead tr th {
  background: rgba(255, 255, 255, 0.1490196078);
  padding: 25px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.28px;
  text-align: left;
  color: #fff;
  border: 0;
  background: #19222e;
}

.common-table.table-responsive .table tbody tr td {
  vertical-align: middle;
  padding: 15px 20px;
  border-color: rgba(255, 255, 255, 0.1019607843);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  color: rgba(255, 255, 255, 0.3764705882);
}

.common-table.table-responsive .table tbody tr td img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
}

.common-table.table-responsive .table tbody tr td .btn {
  height: auto;
  padding: 4px 18px;
  border-radius: 8px;
  border: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: center;
}

.common-table.table-responsive .table tbody tr td .btn.view-btn {
  background: #0055A3;
  color: #fff;
}

.common-table.table-responsive .table tbody tr td .btn.manage-btn {
  background: #73DFFF;
  color: #2D264B;
}

.common-table.table-responsive .table tbody tr td .btn.renew-btn {
  border: 1px solid #0055A3;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: center;
  color: #fff;
  height: 28px;
}

.common-table.table-responsive .table tbody tr td:nth-child(1) {
  color: #fff;
}

.common-table.table-responsive .table.table-striped>tbody>tr:nth-of-type(odd)>* {
  background: #0d1623;
  --bs-table-accent-bg: #FFFFFF05;
}

.ongoing-details-right .common-table.table-responsive .table.table-striped>tbody>tr {
  background: #0d1623;
}

.ongoing-details-right .common-table.table-responsive .table thead tr th {
  background: #19222e;
  border: 0;
}

.ongoing-details-right .common-table.table-responsive .table.table-striped>tbody>tr:last-child td {
  border: 0;
}

.ongoing-details-right .common-table.table-responsive .table {
  border: 0;
}

.common-table.table-responsive .table.table-striped>tbody>tr:nth-of-type(even)>* {
  background: #000A17;
}

.common-table.table-responsive.progress-table table.table-striped>tbody>tr:nth-of-type(even)>* {
  background: rgba(255, 255, 255, 0.0196078431);
  --bs-table-accent-bg: #FFFFFF05;
}

.progress-status-row h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 31.92px;
  margin-bottom: 20px;
}

.progress-status-row p {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.4);
}

.filter-data-row {
  height: 55px;
  border: 1px solid rgba(0, 0, 0, 0.1882352941);
  border-radius: 10px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.0274509804);
  margin-bottom: 8px;
  cursor: pointer;
}

.filter-data-row .filter-icon {
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.filter-data-row .filter-icon .text-filter-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  color: #fff;
}

.filter-data-row .cross-icon img {
  width: 10px;
  height: 10px;
}

.date-section {
  width: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 51%, rgba(0, 0, 0, 0) 100%);
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.07px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.back-to-stakeholder {
  margin-bottom: 45px;
}

.back-to-stakeholder a {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  color: #fff;
}

.back-to-stakeholder a img {
  margin-right: 5px;
}

.heading-stakeholder h1 {
  font-size: 32px;
  font-weight: 400;
  line-height: 37.06px;
  text-align: left;
  margin-bottom: 20px;
  color: #fff;
}

.add-stakeholder-row {
  background: rgba(137, 137, 137, 0.1019607843);
  border: 1px solid rgba(255, 255, 255, 0.062745098);
  border-radius: 20px;
  padding: 30px 18px;
}

.add-stakeholder-row .common-form-row-inner select option {
  background-color: #fff;
  color: #000;
}

.add-stakeholder-row .common-form-row-inner {
  height: calc(100vh - 320px);
  overflow: auto;
}

.add-stakeholder-row .common-form-row-inner::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 5px;
  background-color: rgba(0, 10, 23, 0.2509803922);
}

.add-stakeholder-row .common-form-row-inner::-webkit-scrollbar {
  width: 5px;
  border-radius: 5px;
  background-color: rgba(0, 10, 23, 0.2509803922);
}

.add-stakeholder-row .common-form-row-inner::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: none;
  background-color: #73dfff;
}

.add-stakeholder-row .common-form .form-group .form-control {
  padding: 10px 15px;
}

.add-stakeholder-row .common-form .form-group .down-icon-dropdown {
  position: absolute;
  top: 62px;
  right: 25px;
  transform: translateY(0%);
  pointer-events: none;
}

.add-stakeholder-row .common-form .form-group .down-icon-dropdown img {
  width: 30px;
  height: 30px;
}

.add-stakeholder-row ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}

.add-stakeholder-row ul li {
  width: 49%;
}

.add-stakeholder-row ul li .btn {
  width: 100%;
  height: 60px;
  padding: 19px 14px;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: center;
  border: 0;
}

.add-stakeholder-row ul li .btn.add-more-stakeholder-btn {
  color: #fff;
  background: #0055A3;
}

.add-stakeholder-row ul li .btn.add-more-stakeholder-btn:disabled {
  opacity: 0.3;
}

.add-stakeholder-row ul li .btn.make-payment-btn {
  background: #73dfff;
  color: #000000;
}

.add-stakeholder-row ul li .btn.make-payment-btn:disabled {
  opacity: 0.3;
}

.add-stakeholder-row h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 27.79px;
  text-align: left;
  color: #fff;
  margin-bottom: 30px;
}

.add-stakeholder-row .ongoing-main-card {
  height: calc(100vh - 240px);
  overflow: auto;
}

.add-stakeholder-row .ongoing-main-card::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.add-stakeholder-row .ongoing-main-card::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.add-stakeholder-row .ongoing-main-card::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.add-stakeholder-row .ongoing-on-boarding-row {
  padding: 16px 4px;
  background: #000A17;
  border-radius: 16px;
  margin-bottom: 16px;
}

.add-stakeholder-row .ongoing-on-boarding-row .user-icon-div {
  width: 45px;
  height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
}

.add-stakeholder-row .ongoing-on-boarding-row .user-icon-div img {
  width: 23px;
}

.add-stakeholder-row .ongoing-on-boarding-row .user-details-div {
  float: left;
  width: calc(100% - 50px);
  padding-left: 12px;
}

.add-stakeholder-row .ongoing-on-boarding-row .user-details-div h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  color: #fff;
  margin-bottom: 8px;
}

.add-stakeholder-row .ongoing-on-boarding-row .user-details-div p {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  color: rgba(255, 255, 255, 0.1882352941);
  margin-bottom: 12px;
}

.add-stakeholder-row .ongoing-on-boarding-row .user-details-div .more-details {
  padding: 0;
  justify-content: flex-start;
}

.add-stakeholder-row .ongoing-on-boarding-row .user-details-div .more-details li {
  width: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  color: #fff;
}

.add-stakeholder-row .ongoing-on-boarding-row .user-details-div .more-details li.dot-tag {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1882352941);
}

.add-stakeholder-row .ongoing-on-boarding-row .btn.trash-btn {
  background: rgba(255, 255, 255, 0.062745098);
  width: 45px;
  height: 45px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 10px;
}

.add-stakeholder-row .ongoing-on-boarding-row .btn.trash-btn img {
  width: 16px;
}

.common-custom-pagination .pagination {
  padding-top: 20px;
}

.common-custom-pagination .pagination .page-item {
  margin: 0 12px;
}

.common-custom-pagination .pagination .page-item .page-link {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.0196078431);
  font-size: 16px;
  font-weight: 500;
  line-height: 21.79px;
  text-align: left;
  color: rgba(255, 255, 255, 0.3137254902);
  border-color: transparent;
}

.common-custom-pagination .pagination .page-item .page-link.left-right-arrow {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
}

.common-custom-pagination .pagination .page-item .page-link.left-right-arrow img {
  height: 16px;
}

.common-custom-pagination .pagination .page-item.active .page-link,
.common-custom-pagination .pagination .page-item:hover .page-link {
  background: rgba(255, 255, 255, 0.1254901961);
  color: #fff;
}

.common-custom-pagination .pagination .page-item.active .page-link.left-right-arrow,
.common-custom-pagination .pagination .page-item:hover .page-link.left-right-arrow {
  background: transparent;
}


/*# sourceMappingURL=style.css.map */
.courses-details-page .courses-details .courses-info p {
  color: #f5f5f5;
}

.nav-menu :not(th)>a:hover {
  font-weight: 700 !important;
}

#page-course-view-remuiformat :not(th)>a:hover {
  font-weight: 700;
}

.back-to-top a:hover {
  font-weight: 400 !important;
}

.text-button:hover {
  color: #fff;
  text-decoration: underline;
}

.review-item input[type="radio"] {
  display: none
}

.rating-review .filled svg path {
  fill: #FF7A00;
}

#fitem_id_vimeo_url {
  display: none;
}

.courses-details-page .section-header .lessons-button:hover {
  font-weight: 400 !important;
}

#page-my-index .collab-forum-details-page {
  padding-top: 17px;
}

.category-tabs .nav .nav-item a {
  padding: 13px 22px;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.1019607843);
  color: rgba(255, 255, 255, 0.5019607843);
  border-radius: 12px;
}

.category-tabs .nav .nav-item a.active {
  background-color: #0055A3 !important;
  color: #fff;
}

.category-tabs .nav .nav-item a:hover {
  font-weight: 400 !important;

}

.course-content {
  padding-top: 7px;
}

.articles-details-list .articles-details-list-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
}

.favourite-article {
  padding-top: 12px;
}

.coursecontentimage {
  padding-top: 14px !important;
}

.coursecontentimage .courses-lessons-item-header .timer {
  padding-top: 14px;
}
.coursecontentimage .courses-lessons-name {
  margin: 0;
}

#thumbnail-container {
  position: relative;
  display: inline-block;
}

#thumbnail-container .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: white;
  cursor: pointer;
  z-index: 99999;
  height: 40px;
  width: 40px;
  background: #000;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#thumbnail-container img {
  width: 12px;
}

#thumbnail-container video,
iframe {
  width: 270px;
  border-radius: 12px;
}

.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
  display: none !important;
}

.tab-content>.active-tab {
  display: block;
}

.overlayvideo {
  display: none;
  /* Hidden initially */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  /* Semi-transparent black */
  color: white;
  display: none;
  align-items: center;
  justify-content: center;
}

.overlayvideo button {
  margin: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  width: 250px;
}

.que label {
  display: inline;
  color: #fff;
  font-size: 16px;
  padding: 14px 50px;
  border-radius: 10px;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.1019607843);
  margin-right: 20px;
  margin-bottom: 20px;
}

.que .answer input[type="radio"]:checked+label {
  background: #0055A3;
  /* Change to your desired color */
  color: #fff;
}

#page-mod-quiz-attempt .answer {
  display: flex;
  margin-top: 30px;
}

#page-mod-quiz-attempt .answer input[type="radio"],
#page-mod-quiz-attempt .answer input[type="checkbox"] {
  display: none;
}

#page-mod-quiz-startquiz .answer-options input[type="radio"],
#page-mod-quiz-startquiz .answer-options input[type="checkbox"] {
  display: none;
}

#page-mod-quiz-startquiz .answer-options .que input[type="radio"]:checked+label {
  background: #0055A3;
  /* Change to your desired color */
  color: #fff;
}

#page-mod-quiz-attempt .que .formulation {
  color: #fcfeff;
  background-color: transparent;
  border-color: transparent;
}

#page-mod-quiz-attempt .que .qtext {
  display: flex;
  align-items: center;
  padding: 12px;
  position: relative;
  margin: auto;
  background-image: url(../../style/assets/images/questionRectangle.png);
  background-repeat: no-repeat;
  height: 81px;
}

#page-mod-quiz-attempt .que .qtext p {
  font-size: 18px;
  padding-left: 20px;
  color: #fff;
}

#page-mod-quiz-attempt .que .info {
  display: none;
}

#page-mod-quiz-attempt .que .content {
  margin: 0 0 0 0;
}

#page-mod-quiz-attempt .qtext .hexagon {
  background-image: url(../../style/assets/images/rectangle-image.svg);
  min-height: 66px;
  min-width: 66px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

#page-mod-quiz-attempt .qtext .hexagon .question-number {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.quize-page-wrapper .result-status .failed {
  color: #FF3535;
  font-size: 32px;
  font-weight: 700;
}

.quize-page-wrapper .result-score span.failed {
  font-weight: 700;
  color: #FF3535;
}

.answer-wrapper .answer-options {
  padding-top: 15px;

}

.no-cursor {
  cursor: default !important;
}

.continue-watching-list-item-display {
  overflow: auto;
  display: flex;
}

button:disabled {
  pointer-events: none;
  /* Ensures no clicks */
  opacity: 0.5;
  /* Makes it visually appear disabled */
}

.drawer {
  background-color: #00000000 !important;
}

.common-table {
  padding: 0px !important;
}

.message-user-tabs .search-bar button {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);

}

.notification-panel {
  position: absolute;
  height: 100%;
  background-color: #293b4d;
  position: absolute;
  top: 20px;
  width: 450px;
  left: 75px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
  transition: right 0.3s ease-in-out;
  overflow-y: auto;
  border: 1px solid #FFFFFF33;
  background: #0A1E38;
  border-radius: 20px;
  padding: 5px 15px 15px 15px;
  height: 216px;
  overflow: auto;
  display: none;
}

.notification-panel::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}

.notification-panel::-webkit-scrollbar {
  width: 0;
  border-radius: 0;
  background-color: transparent;
}

.notification-panel::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent;
}

.notification-panel.open {
  /* right: 0; */
  display: block;
}



#notificationPanel .notification-header {
  display: none;
}

.notification-header {
  background-color: #1e2a38;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #444;
}

.notification-item {
  padding: 14px 0 16px;
  border-bottom: 1px solid #444;
  position: relative;
  display: flex;
  align-items: center;
}


.notification-item .time {

  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0.5;
  transform: translateY(-50%);
}

.notification-item .message {
  /* margin: 5px 0; */
  padding-right: 50px;
}

.notification-item .icon {
  color: red;
  font-size: 18px;
  margin-right: 10px !important;
  display: flex;
  align-items: center;
}

#notificationPanel a:hover {
  font-weight: 400 !important;
}

#notificationPanel a {
  color: #fff;
}

#notificationPanel a:last-child .notification-item {
  border-bottom: 0;
  padding-bottom: 0;
}

.expand-header.expanded .vertical-header .brand-logo img {
  display: none;
}

.expand-header.expanded .vertical-header .brand-logo .biglogo img {
  display: block;
  width: 100%;
}

.expand-header .vertical-header .brand-logo .biglogo img {
  display: none;
}

.expand-header .vertical-header .brand-logo img {
  display: block;
}

#supervisor .input-message-type .send-btn {
  background: #73DFFF;
  border-radius: 8px;
  border: 1px solid #73DFFF;
  padding: 10px;
  height: 44px;
  width: 82px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: center;
  color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}

#supervisor .input-message-type .form-control {
  height: 60px;
  border-radius: 16px;
  padding: 10px 60px 10px 15px;
  background: rgba(255, 255, 255, 0.062745098);
  border-color: rgba(255, 255, 255, 0.062745098);
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  color: #fff;
  padding-right: 100px;
}

a.btn.disabled {
  opacity: .3;
}

.feature-description ul {
  list-style: circle;
}

#page-mod-scorm-player .activity-navigation {
  position: absolute;
  bottom: -121px;
  right: 46%;
}

.user-names-tabs .nav-item .count {
  position: relative;
  font-size: 8px;
  background: red;
  height: 20px;
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -10px;
  right: -5px;
}

.chat-features {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.chat-features .chat-item {
  margin-bottom: 15px;
}


/* Changes Mark Vomend added */

#inst716 > div.card-body.p-3 > div > div.daliy-does-news > div.daliy-does-news-image > img {
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#region-main-box > div > div > div.header-left-side > div.dashboard-logo > a > img {
  width: 47%;
  margin-bottom: 20px;
}

#region-main-box > div > div > div.header-left-side > div.dashboard-header-image > img {
}

#region-main-box > div > div > div.header-left-side > div.dashboard-header-image {
}

#region-main-box > div > div > div.contarct-history-wrapper > div > div.contarct-history-image {
}

#region-main-box > div > div > div.contarct-history-wrapper {
}
.contarct-history-wrapper .contarct-history-content-wrapper .contarct-history-content .text {
font-weight: 600;
font-size: 16px;
}

#inst720 > div.card-body.p-3 > div > section > div.recommended-courses-list > div {
  padding: 22px 16px;
  min-width: fit-content;
}

#page-my-index .header-images .header-left-side {
  padding-top: 0;
}


.header-left-side {
  display: flex;
  align-items: center;     /* Vertically center items */
  height: 100%;            /* Ensure there's height to center within */
}

.dashboard-logo a {
  display: flex;
  align-items: center;
}


#page-content > div.header-banner-section > div.landing-banner > div > div > div.col-lg-9.col-12 > div > div.middle-content > div.banner-image > img {
  width: 66%;
}

.my-courses .my-courses-list .my-courses-list-item .course-name {
  white-space: normal !important;
    overflow: visible !important;
}

.continue-watching-list .continue-watching-list-item .watching-info .title {
      width: 210px !important;
    white-space: normal !important;
    overflow: visible !important;
}

#page-local-courses-index .header-main p {
font-weight: 600 !important;
opacity: inherit !important;
}

.category-more-details p:not(:empty) {
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
margin-top: 0;
overflow: visible;
    display: block;
    font-weight: 600;

}

.category-more-details .comment-person-div {
  display: none !important;
}

 /* div.watching-info.d-flex.justify-content-between .list-inline-item {
  display: none;
}
  */
.continue-watching-list .continue-watching-list-item.continue-watching-list-item-category .category-img .rating-tag {
  display: none !important;
}

.courses-details-page .courses-details .courses-details-image .rating span , .rating {
  display: none !important;
}

#card-container > div.col-xl-8.col-lg-7.col-12 > div > div.courses-details-image , #region-main > div:nth-child(2) > div > div > div > div > div > div > div.details-page-image {

}


#card-container > div.col-xl-8.col-lg-7.col-12 {
  width: 100%;
}

#card-container > div.col-xl-4.col-lg-5.col-12.watch-courses-video {
  display: none;
}

.details-page .post-author-name , .post-date , .details-page .details-page-description , .user-name {
  font-weight: 600 !important;
  color: #fff !important;
  opacity: 1 !important;
}

#page-local-blog-posts .page-subtitle {
  display: none;
}

.courses-details-page .courses-details .courses-info p {
  font-weight: 600;
}

.courses-details-page .courses-details .courses-info .courses-lessons .courses-lessons-list .courses-lessons-item .lessons-description {
  opacity: 1 !important;
   font-weight: 600;
}

.courses-details-page .button.primaryButton#continueWatchingBtn {
  display: none;
}

.lesson-activities-icon , .lesson-activities-name {
  display: none;
}

.lesson-activities-wrapper .lesson-activities-card .lesson-activities-tag {
    position: absolute;
    right: 10px;
    top: 17px;
    background: none;
    /* color: #fff; */
    padding: 4px 8px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: auto;
}

.common-form .form-group .form-control.textarea {
  height: 500px;
}

.lesson-activities-wrapper .lesson-activities-card p {
  overflow: visible;
  white-space: normal;
}



#region-main-box > div > div > div.header-left-side > div.dashboard-header-image {
}

#page-my-index .header-images .header-left-side {
    width: 100%;
    display: flex;
    padding-top: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.dashboard-logo a {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.courses-info ul {
  list-style: circle !important;
}
.details-page .details-page-description {
  font-size: 20px;
}

div.details-page-description ul {
  list-style: circle
}

#region-main-box > div > div > div.header-left-side > div.dashboard-logo > p {
  font-weight: 600;
  font-size: 26px;
}


.quize-page-wrapper .answer-options {
  flex-direction: column !important;
}

div.answeroption  div.mb-3.row.fitem  div.col-md-3.col-form-label.pb-0.pt-0 {
  display: none;
}

#fitem_id_submitbutton > div.col-md-3.col-form-label.d-flex.pb-0.pr-md-0 {
  display: none !important;
}

.generaltable {
  color: #fff;
    font-weight: 600;
}

.generaltable:hover , .generaltable tbody tr:hover {
  color: #fff;
    font-weight: 600;
}

.quize-page-wrapper .instructions .instructions-list {
  flex-direction: column;
}
.answer-wrapper .answer-sheet-list .answer-sheet-item .answer-options .answer-options-item {
  display: block;
}
.table td {
  color: #fff;
}

#region-main > div.activity-navigation.text-center.mt-3 {
  text-align: left !important;
}

.generaltable thead .sticky-column, .generaltable tbody tr:nth-of-type(even) {
  background-color: transparent;
}
a.centerpadded.lessonbutton.standardbutton.pr-3 {
  color: #fff;
    font-weight: 600;
    text-decoration: underline;
}

a.centerpadded.lessonbutton.standardbutton.pr-3:hover {
    text-decoration: none;
}

div.settings-details-div.help-and-support {
  width: 100% !important;
}

#region-main div.box.py-3.contents div.card-body > ul {
  list-style: disc;
}

.question {
  color: #fff !important;
  font-weight: 600;
}

#region-main > div:nth-child(5) > div.box.py-3.contents > div > div > div {
  background-color: #000a17 !important;
}

 div.card-body.p-3 > div > div.menuwrapper > ul > li a {
  color: #fff;
   text-decoration: underline;
   font-weight: 600;

 }
  div.card-body.p-3 > div > div.menuwrapper > ul > li a:hover {
  color: #fff;
   text-decoration: none;
     font-weight: 600;
 }

.menuwrapper li.selected {
      font-size: 24px;
    font-weight: 600;
}

.answer-options .answer-options-item {
  font-weight: 600 !important;
}

.quize-page-wrapper .quize-timer .course-name  , .result-status-info , .result-score{
 color: #fff !important;
 opacity: 1 !important;
 font-weight: 600 !important;
}

#newsletter div.landingpagecontent h4.title , #virtual-courses div.landingpagecontent h4.title , #trainings div.landingpagecontent h4.title , .ask-human-section div.landingpagecontent h4.title{
  font-size: 30px !important;

}

#newsletter div.landingpagecontent p , #virtual-courses div.landingpagecontent p , #trainings div.landingpagecontent p , .ask-human-section div.landingpagecontent p {
  font-size: 26px;
  font-weight: 600;
}

#page-content > div.header-banner-section > div.landing-banner > div > div > div.col-lg-9.col-12 > div > div.landingpagecontent > p:nth-child(2) , #page-content > div.header-banner-section > div.landing-banner > div > div > div.col-lg-9.col-12 > div > div.landingpagecontent > p.text.pb-sm-3 , #page-content > div.header-banner-section > div.landing-banner > div > div > div.col-lg-9.col-12 > div > div.landingpagecontent > button , #page-site-index > section.go-pro-section > p.text{
  font-weight: 600;
}




.my-courses-list.courses-list {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;

  /* Add spacing below the scrollbar */
  margin-bottom: .75rem;

  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 2rem;

  scrollbar-width: thin;
  scrollbar-color: #59b5c9 transparent;
}


.my-courses-list.courses-list::-webkit-scrollbar {
  height: 8px;
  margin-bottom: 10px;
}

.my-courses-list.courses-list::-webkit-scrollbar-thumb {
  background-color: #59b5c9;
  border-radius: 6px;
}

.my-courses-list.courses-list::-webkit-scrollbar-thumb:hover {
  background-color: #47a1b5;
}

/* ------------------------------------------------------------------
   Contract History Card — responsive alignment & sizing
   ------------------------------------------------------------------ */

/* make the header + card area two columns on desktop */
.header-images {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: start;
  width: 100%;
}

/* cap the card’s width so it lines up with your “My Courses” cards */
.contarct-history-wrapper {
  width: 100%;
  max-width: 440px;
}

/* lay out the text + image side by side inside the card */
.contarct-history-content-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* let the text take up all remaining space */
.contarct-history-content {
  flex: 1;
}

/* size the image down so it never over-flows */
.contarct-history-image img {
  width: 80px;
  height: auto;
  display: block;
}

/* tablet: stack into one column */
@media (max-width: 1024px) {
  .header-images {
    grid-template-columns: 1fr;
  }
  .contarct-history-wrapper {
    margin-top: 20px;
  }
  .contarct-history-content-wrapper {
    flex-direction: column;
    gap: 8px;
  }
  .contarct-history-image {
    text-align: center;
  }
}

/* mobile: add a little horizontal padding so it aligns perfectly */
@media (max-width: 768px) {
  .contarct-history-wrapper {
    padding: 0 15px;
  }
}


/* mobile: add a little horizontal padding so it aligns perfectly */
@media (max-width: 1280px) {
  .contarct-history-wrapper {
    max-width: 360px;
  }
}





/* 1. Hide the “dashboard” header everywhere by default */
.header-images,
.contarct-history-wrapper {
  display: none !important;
}

/* 2. Only turn it back on when you’re on the Dashboard/My home page */
/*    (Moodle’s Dashboard has <body id="page-my-index">) */
body#page-my-index .header-images {
  display: flex   !important; /* it was a flex container */
}
body#page-my-index .contarct-history-wrapper {
  display: block  !important;
}


 @media (max-width: 1199px) {
  /* hide the “This Day…” box on small screens */
  body#page-my-index .contarct-history-wrapper {
    display: none !important;
  }
}


.chat-boat-div .nav.nav-pills .nav-item .nav-link {
  font-size: 25px !important;
  font-weight: 600 !important;
}

.landing-banner .landingpagecontent .text {
  font-size: 25px !important;
  font-weight: 600;
}

.header .logo img {
    width: 500px;
}

.landing-banner .features-wrapper {
      height: auto;
}

#page-content > div.header-banner-section > div.landing-banner > div > div > div.col-lg-9.col-12 > div > div.landingpagecontent > h3 {
font-size: 35px;
padding-bottom: 15px;
}


@media (max-width: 450px) {
.header .logo img {
    width: 400px;
}
.landing-banner .landingpagecontent .text , .landing-banner .landingpagecontent .text.pb-sm-3 {
font-size: 20px !important;
}
}

.landing-banner .landingpagecontent .banner-heading , #page-content > div.hero-section > div > div.hero-left > h1 ,.hero-title {
  font-family: "Oswald-SemiBold", sans-serif !important;
    font-size: 65px !important;
    background: linear-gradient(2deg, #00A8FF 0%, #FFFFFF 100%) !important;
    background-clip: text !important;
    padding-bottom: 20px !important;
}


  .hero-tagline {
    display: none;
  }

 
#id_changepassword > div.d-flex.align-items-center.mb-2 > div > h3 , #id_changepasswordcontainer , #mform1_6bzpF6LlqQPQ6vO > div.fdescription.required , #yui_3_18_1_1_1751993554944_18 > i , #page-login-change_password .pagelayout-admin #region-main, .pagelayout-incourse #region-main  {
  color: #fff !important;
  font-weight: 600 !important;
}

.fdescription.required {
  color: #ff7f6e !important; /* or any other light/visible color */
  font-weight: 600;
}

.contarct-history-wrapper .contarct-history-content-wrapper .contarct-history-content .text {
webkit-line-clamp: 0 !important;
}

#inst716 > div.card-body.p-3 > div > div.daliy-does-news > div.daliy-does-news-image > img , .daliy-does-news .daliy-does-news-image img{
}

#region-main > div:nth-child(5) > div.box.py-3.contents > div > div > div {
  background-color: transparent !important;
}

.header-main ul li .search-input .form-control  {
    background: #d3d3d3 !important;
    color: #000 !important;
}

#region-main > div:nth-child(5) > div.box.py-3.contents > div > div > div {
  background-color: transparent !important;
}

.card {
  background: linear-gradient(180deg, rgb(0, 0, 1) 0%, rgb(1, 30, 81) 100%);
  border-radius: 20px;
  border: 1px solid #78d7f3;
  color: #78d7f3;
  transition: all 0.25s;
  margin-top: 1rem;
}
.card-footer .btn {
  margin-bottom: 1rem;
  border-radius: 10px;
}
.card-img-top {
  aspect-ratio: 16/9;
  border-radius: 20px 20px 0 0;
  object-fit: cover;
  transition: all .5s;
}
.card-img-top:hover {
  cursor: pointer;
  transform: scale(1.05);
}
.card-title {
  font-size: 1.5rem;
  white-space: normal;
  text-overflow: ellipsis;
  color: #ffffff;
  max-width: 90%;
  display: block;
  padding: 0 0 2rem 0;
}

.card-body {
  padding: .5rem;
  position: relative;
}
.card-body ul {
  list-style-type: inherit;
  font-size: 1rem;
}
.stat-card {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1rem;
  background: #73deff;
  color: rgb(1, 35, 91);
  font-weight: bold;
  border-radius: 0 0 0 20px;
}
.stat-card h2 {
  line-height: 0.5rem;
}
.card-image-container {
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  border-bottom: 1px solid #78d7f3;
}
.recommended-courses-list .card .card-body .card-title {
  font-size: 1rem;
  padding: 0;
  max-width: 100%;
  font-family: "Poppins-Regular", sans-serif;
}
.session-info {
  display: grid;

}
.session-time {
  display: flex;
  justify-content: space-between;
}

.session-info span {
  justify-content: space-between;
  white-space: nowrap;
}

.view-all {
  padding: 0.75rem 3rem;
  border: 2px solid #ff3c78;
  background: transparent;
  color: #ff3c78;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1.4rem;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  margin-top: 0!important;
}

.view-all:hover {
  background: rgba(255, 60, 120, 0.25);
  color: #ff3c78;
  transform: translateY(-2px);
  box-shadow: 0px 0px 20px 2px #ff3c78,inset 0px 0px 20px 2px #000;
  font-weight: bold;
}

.view-all.alt {
  border: 2px solid #00A8FF;
  background: transparent;
  color: #00A8FF;
}

.view-all.alt:hover {
  background: rgba(0, 168, 255, 0.25);
  font-weight: bold;
  box-shadow: 0px 0px 20px 2px #00A8FF,inset 0px 0px 20px 2px #000;
}
.view-all.complete {
  border: 2px solid #05ffa1;
  background: transparent;
  color: #05ffa1;
}

.view-all.complete:hover {
  background: rgba(5, 255, 161, 0.25);
  font-weight: bold;
  box-shadow: 0px 0px 20px 2px #05ffa1,inset 0px 0px 20px 2px #000;
}

.view-all.feedback-btn {
  padding: 0.5rem;
  font-size: 1.2rem;
  max-height: 4vh;

}
.feedback-btn {
  margin-top: .25rem;
  float: right;
}
.clp-stat {
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  background-color: #78d7f3;
  text-align: center;
  padding: .5rem;
  border-radius: 20px;
  font-weight: bold;
}
.clp-stat span {
  display: block;
  font-size: .8rem;

}
.clp-stat p {
  padding: 0;
  margin: 0;
  line-height: .7rem;
}


.feedback-form {
   align-self: stretch;
 }
.feedback-form .form{
  padding: 0;
  border-radius: 20px;
  height:100%;

}
.clp-fraction {
  padding:0;
  margin: 0;
}
textarea#dashboard-feedback {
  border: 1px solid #78d7f3;
  height: 70%;
  outline: none;
  color: #73deff;
  width:100%;
  font-size: 1.5rem;
  padding: 1rem;
  transition: all 0.3s ease;
  border-radius: 10px;
  resize: none;
  background: rgba(0, 168, 255, 0.25);
  font-weight: bold;
  box-shadow:inset 0px 0px 20px 2px #000;
}
#dashboard-feedback::placeholder {
  font-size: 1.5rem;
  text-align: center;
  align-self: center;
  color: rgba(115, 222, 255, 0.89);
  transition: all 0.3s ease;

}
#dashboard-feedback:focus {
  box-shadow:inset 0px 0px 10px 2px #000;
  background-color: rgba(1, 35, 91,1);
}
#dashboard-feedback:focus::placeholder {
  color: transparent;
}
.course-clp-badge {
  width: 105px;
  aspect-ratio: 1 / 1; /* keeps it square, clip-path makes the hex */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg,rgba(249, 191, 65, 1) 0%, rgba(255, 0, 108, 1) 100%);
  color: #000a18;
  font-weight: 700;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  clip-path: polygon(
          25% 6.7%,
          75% 6.7%,
          100% 50%,
          75% 93.3%,
          25% 93.3%,
          0% 50%
  );
  box-sizing: border-box;
  border: rgba(255, 0, 108, 1);
  user-select: none;
  flex-direction: column;
  float: right;
  margin-top: -70px;
}
.course-clp-badge span {
  font-size: 3rem;
}
.course-clp-badge .label {
  font-size: 1rem;
}
.feedback-label {
  margin: 0;
  padding:0;
  letter-spacing: 1px;
}
.lesson-activities-card-list .slick-arrow.slick-prev,
.lesson-activities-card-list .slick-arrow.slick-next
{
  display: none!important;
}

body {
  margin-left: 90px;
}

.live-sessions-info {
  display: grid;
}