.update-btn {
  margin: 1em 0;
  display: flex;
  justify-content: flex-end; }
  .update-btn .edit-status-wrapper {
    display: flex;
    align-items: center;
    margin-right: 3em; }
    .update-btn .edit-status-wrapper .edit-status-switch {
      margin: 0 1em; }

.section-container .row-wrapper {
  margin-top: 1.5em;
  align-items: center; }

.program-detail-container .discount-section {
  margin: 2em 0; }

.program-detail-container .row-spacing {
  margin-top: 3em; }

.program-detail-container .row-field-wrapper {
  align-items: center; }

.program-detail-container .input-div {
  display: flex;
  justify-content: space-evenly;
  align-items: center; }
  .program-detail-container .input-div .label-name {
    width: 200px; }

.program-detail-container .table-wrapper {
  margin-top: 1.5em; }

.tags-input {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 400px;
  padding: 0 8px;
  border: 1px solid #d6d8da; }
  .tags-input:focus-within {
    border: 1px solid #0052cc; }
  .tags-input input {
    flex: 1;
    border: none;
    font-size: 14px;
    padding: 4px 0 0 0; }
    .tags-input input#search::placeholder {
      opacity: 0.1;
      /* Firefox */ }
    .tags-input input ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      opacity: 0.1;
      /* Firefox */ }
    .tags-input input ::placeholder {
      opacity: 0.1; }
    .tags-input input:focus {
      outline: transparent; }

#tags {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 4px 0 0 0; }

.tag {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0 8px;
  font-size: 14px;
  list-style: none;
  border-radius: 6px;
  margin: 0 6px 4px 0;
  background: #0052cc; }
  .tag .tag-title {
    margin-top: 3px; }
  .tag .tag-close-icon {
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    margin-left: 8px;
    color: #0052cc;
    border-radius: 50%;
    background: #fff;
    cursor: pointer; }

.module-modal .module-details .input-wrapper, .module-modal .lock-modal-wrapper .input-wrapper, .module-modal .map-installment-modal-wrapper .input-wrapper, .lock-modal .module-details .input-wrapper, .lock-modal .lock-modal-wrapper .input-wrapper, .lock-modal .map-installment-modal-wrapper .input-wrapper, .map-installment-modal .module-details .input-wrapper, .map-installment-modal .lock-modal-wrapper .input-wrapper, .map-installment-modal .map-installment-modal-wrapper .input-wrapper {
  margin-bottom: 1em; }
  .module-modal .module-details .input-wrapper:last-child, .module-modal .lock-modal-wrapper .input-wrapper:last-child, .module-modal .map-installment-modal-wrapper .input-wrapper:last-child, .lock-modal .module-details .input-wrapper:last-child, .lock-modal .lock-modal-wrapper .input-wrapper:last-child, .lock-modal .map-installment-modal-wrapper .input-wrapper:last-child, .map-installment-modal .module-details .input-wrapper:last-child, .map-installment-modal .lock-modal-wrapper .input-wrapper:last-child, .map-installment-modal .map-installment-modal-wrapper .input-wrapper:last-child {
    margin-bottom: 2em; }

.module-modal .submit-btn-wrapper, .lock-modal .submit-btn-wrapper, .map-installment-modal .submit-btn-wrapper {
  display: flex;
  justify-content: flex-end; }

.eligibility-step-container .modules-container .module-card:last-child {
  margin-bottom: 1em; }

.eligibility-step-container .content-card-container .content-card:nth-child(n+1) {
  margin-top: 1em; }

.module-card {
  border-color: #d9d9d9; }
  .module-card .module-order {
    color: #788896;
    font-weight: 500; }
  .module-card .module-description {
    margin-top: 0.5em; }
  .module-card .action-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .module-card .action-wrapper .lock-wrapper {
      display: inline-block;
      margin-right: 2em; }
    .module-card .action-wrapper .module-expand-btn,
    .module-card .action-wrapper .action-btn {
      cursor: pointer;
      font-size: 20px;
      transition: 0.5s;
      padding: 6px;
      color: #788896; }
      .module-card .action-wrapper .module-expand-btn:hover,
      .module-card .action-wrapper .action-btn:hover {
        color: #000;
        background-color: #ebebeb;
        border-radius: 20px;
        transition: 0.5s; }
    .module-card .action-wrapper .action-btn:nth-child(n+1) {
      margin-left: 0.5em; }
  .module-card .module-info-section {
    margin-top: 1em; }
    .module-card .module-info-section .content-section {
      margin-top: 1em; }
      .module-card .module-info-section .content-section .module-content-container .content-card:nth-child(n+1) {
        margin-top: 1em; }
      .module-card .module-info-section .content-section .module-content-container .content-card:last-child {
        margin-bottom: 1em; }

.content-card {
  border-color: #d9d9d9; }
  .content-card .type {
    color: #788896;
    font-weight: 500; }
  .content-card .action-wrapper .switch-wrapper .lock-switch {
    margin-right: 1em; }
  .content-card .action-wrapper .action-btn {
    cursor: pointer;
    font-size: 20px;
    transition: 0.5s;
    padding: 6px;
    color: #788896; }
    .content-card .action-wrapper .action-btn:hover {
      color: #000;
      background-color: #ebebeb;
      border-radius: 20px;
      transition: 0.5s; }
  .content-card .action-wrapper .action-btn:nth-child(n+1) {
    margin-left: 1em; }

.content-modal .submit-btn-wrapper {
  margin-right: 3em; }

.content-modal .content-tag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2em; }

.content-modal .content-select-wrapper {
  margin: 2em 0; }
  .content-modal .content-select-wrapper .arrow {
    font-size: 16px;
    padding: 0 1em; }
  .content-modal .content-select-wrapper .set-heading {
    display: flex;
    justify-content: space-between; }

.content-modal .not-available {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.content-modal .cards-select-wrapper .heading {
  margin-bottom: 1em; }

.content-modal .cards-select-wrapper .cards-section {
  display: flex;
  overflow-x: auto;
  overflow-y: scroll;
  counter-reset: card-counter 0;
  padding: 10px;
  border: 1px solid #d9d9d9;
  height: auto; }
  .content-modal .cards-select-wrapper .cards-section .card-wrapper {
    width: 30%;
    padding-right: 2em; }
    .content-modal .cards-select-wrapper .cards-section .card-wrapper:hover p .select-text {
      display: block; }
    .content-modal .cards-select-wrapper .cards-section .card-wrapper:hover .card .video-player-wrapper {
      border: 1px solid #4898de; }
    .content-modal .cards-select-wrapper .cards-section .card-wrapper .card {
      height: auto; }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper .card .video-player-wrapper {
        position: relative;
        padding-top: 56.25%;
        border: none; }
        .content-modal .cards-select-wrapper .cards-section .card-wrapper .card .video-player-wrapper .video-player {
          position: absolute;
          top: 0;
          left: 0; }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper .card .video-player-wrapper.selected {
        box-shadow: 0 0 4px 4px #4898de4a;
        border: 2px solid #4898de; }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper .card .ant-card-body {
        display: none; }
    .content-modal .cards-select-wrapper .cards-section .card-wrapper .card.reading-card {
      transition: 0.5s; }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper .card.reading-card .text-wrapper {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper .card.reading-card .ant-card-body {
        display: block; }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper .card.reading-card.selected {
        box-shadow: 0 0 4px 4px #4898de4a;
        border: 1px solid #4898de; }
    .content-modal .cards-select-wrapper .cards-section .card-wrapper p {
      text-align: center;
      counter-increment: card-counter 1; }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper p:before {
        content: counter(card-counter); }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper p .select-text {
        display: none;
        color: #4898de;
        transition: display 1s, font-weight 0.8s;
        cursor: pointer;
        font-size: 16px; }
        .content-modal .cards-select-wrapper .cards-section .card-wrapper p .select-text:hover {
          font-weight: 500; }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper p .selected-text {
        font-size: 16px;
        color: #4bb543;
        font-weight: 500; }
      .content-modal .cards-select-wrapper .cards-section .card-wrapper p .remove-text {
        font-size: 14px;
        cursor: pointer;
        color: #ff4d4f;
        transition: font-weight 0.8s; }
        .content-modal .cards-select-wrapper .cards-section .card-wrapper p .remove-text:hover {
          font-weight: 500; }

.content-modal .modal-bottom {
  margin-top: 1em; }
  .content-modal .modal-bottom .bonus-item-wrapper {
    display: flex; }
    .content-modal .modal-bottom .bonus-item-wrapper .action-wrapper {
      flex-shrink: 0;
      margin-left: 6px; }
  .content-modal .modal-bottom .bonus-add-btn {
    text-decoration: underline;
    color: #4898de;
    cursor: pointer; }

.course-structure-container .modules-container .module-card:last-child {
  margin-bottom: 1em; }

.course-structure-container .content-card-container .content-card:nth-child(n+1) {
  margin-top: 1em; }