.wpstream_dashboard_section_content_wrapper_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.wpstream_dashboard_section_content_wrapper {
  flex-grow: 1;
  background-color: var(--white-color);
  color: var(--night-color);
}

.form-control {
  &:focus {
  border: 1px solid var(--wpstream-line-color)!important;
    box-shadow: none !important;
    color: inherit;
    background-color: var(--wpstream-eerie-black);
  }
  &::placeholder{
    color: inherit;
  }
}

#dashboard-header_profile-image {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
}

#dashboard-header_profile-image-menu {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.wpstream_theme_dashboard_menu_container {
  background-color: var(--wpstream-dashboard-options-menu-item-background-color, #151120);
  height: 100vh;
}

.wpstream-dashboard-header {
  background-color: var(--main-secondary-color);
  height: 90px;
}

.wpstream_dashboard_section .wpstream-dashboard-header .container {
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
}

.wpstream_toggle_dashboard_menu {
  border: none;
  padding: 0;
}

.wpstream-dashboard-header-cta-wrap {
  display: flex;
  gap: 12px;
}

.wpstream_dashboard_header_start_streaming {
  padding: 12px 24px;
}

.wpstream-dashboard-header .navbar {
  padding: 0;
  height: 100%;
}

.wpstream-dashboard-menu-body {
  background-color: #151120;
}

#content.wpstream-dashboard-page {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.woocommerce-account {
  .woocommerce-MyAccount-navigation {
    max-width: 300px;
    width: 100%;
  }
}

#content.wpstream-dashboard-page {
  width: 100%;
  max-width: 100%;

}

.woocommerce-account {
  .woocommerce-MyAccount-navigation {
    max-width: 300px;
    width: 100%;
  }
}


#upload-container {
  margin: 0 0;
  width: 100%;
}


#wpstream_imagelist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
}

.wpstream_uploaded_images {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.wpstream_delete_image {
  background-color: rgba(24, 24, 27, 0.75);
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 4px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: 300ms ease;
  color: var(--secondary-white-color);

  svg {
    width: 18px;
  }

  &:hover {
    background-color: rgba(24, 24, 27, 1);
  }
}

.wpstream-featured-thumb {
  background-color: #67bd34;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;

  padding: 4px;
}

.wpstream_theme_button_dashboard {
  display: inline-block;
  padding: 10px 12px;
  background-color: var(--secondary-white-color);
  border-radius: 24px;
  transition: all 300ms ease;
  border: none;
  
  &:hover {
    cursor: pointer;
    background-color: var(--night-color);
    color: var(--secondary-white-color);
    
    svg {
      path {
        fill: var(--secondary-white-color);
      }
    }
  }
}

.wpstream_section.wpstream_dashboard_section {
  padding: 0;
}

.wpstream_dashboard_section .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.wpstream_theme_dashboard_menu_wrapper {
  width: 240px;
  padding: 0;
  margin: 0;
  --bs-gutter-x: 0px;
  transition: 300ms ease;

  .wpstream-dashboard-logo {
    display: flex;
    max-height: 50px;
    .logo{
      &.logo-retina {
        display: none;
      }

      @media (-webkit-min-device-pixel-ratio: 2),
      (min-device-pixel-ratio: 2),
      (min-resolution: 192dpi) {
        &:where(:not(.logo-retina)) {
          display: none;
        }
        &.logo-retina {
          display: block;
        }
      }
    }
  }

  .wpstream-dashboard-logo-collapsed {
    display: none;
  }
}

.wpstream-dashboard-header-logo-wrapper {
  background-color: var(--wpstream-dashboard-options-menu-item-background-color, #151120);
  width: 240px;
  height: 90px;
  display: flex;
  align-items: center;
}

.wpstream_theme_dashboard_menu_wrapper.menu-collapse {
  width: 74px;

  .wpstream-dashboard-header-logo-wrapper {
    padding: 10px;
    width:auto;
    height: auto;
  }

  .wpstream-dashboard-logo {
    display: none;
  }

  .wpstream-dashboard-logo-collapsed {
    display: flex;
  }

  .list-group-item-action {
    font-size: 0 !important;
    line-height: 0 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 18px 24px 18px 20px !important;

    &:before {
      margin-right: 0 !important;
      top: unset !important;
    }
  }
}

.wpstream-dashboard-page-wrapper {
  display: block;
  padding-top: 0;

  .wpstream_dashboard_section {

    .wpstream_theme_dashboard_menu_wrapper {
      .wpstream_theme_dashboard_menu_container {
        .list-group-item {
          display: flex;
          padding: 18px 24px;
          font-size: 16px;
          font-weight: 500;
          line-height: 18px;
          border-left: 4px solid transparent;
          color: var( --wpstream-dashboard-options-menu-item-color , #F1F1F1 );
          background-color: var( --wpstream-dashboard-options-menu-item-background-color , #151120 );
          align-content: center;
          align-items: center;
          justify-content: flex-start;
          flex-direction: row;
          flex-wrap: nowrap;
          gap:5px;
          svg{
            height: 19px;
            width: auto;
          }

          &:hover {
            border-left: 4px solid var(--violet);
            color: var(--wpstream-dashboard-options-menu-item-color-hover, #F1F1F1);
            background-color: var( --wpstream-dashboard-options-menu-item-background-color-hover, #4e2ee5);
          }
        }

        .active {
          border-left: 4px solid var(--violet);
        }
      }
    }

    .wpstream-dashboard-page-content {
      .woocommerce-MyAccount-content {
        width: 100%;
        float: none;
      }

      .wpstream-grid-main {
        .wpstream-gridcard {
          .card-body {
            .wpstream_author {
              small {
                display: block;
                width: 100%;
                position: relative;
              }
            }
          }
        }
      }

    }
  }
}


.wpstream-modal {

}

.wpstream-modal .modal-dialog {
  width: 100%;
  max-width: 900px;

}


.wpstream-modal-body {
  display: flex;
  flex-direction: row;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  overflow-y: scroll;
  max-height: 500px;
  width: 100%;
}

#wpstream_edit_account_modal .wpstream-modal-body {
}

.wpstream-modal-body-row-full {
  width: 100%;
}

.wpstream-modal-body .select2-container {
  z-index: 999;
}

.wpstream-modal-body input,
.wpstream-modal-body label {
  width: 100%;
}

.wpstream-modal-body .form-row,
.wpstream-modal-body-row-half {
  position: relative;
  width: 47%;
  max-width: 650px;
  margin-bottom: 0;

  label {
    font-weight: 500;
    margin-bottom: 10px;
  }

  input {
    border-radius: 4px;
    border: 1px solid var(--light-grey);
    color: var(--middle-grey);
    height: 40px;
  }


}

.wpstream-modal-body select{
  color: var(--middle-grey);
}



.wpstream-dashboard-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.wpstream-dashboard-details-header {
  width: 200px;
  font-weight: 600;
  min-width: 210px;
  display: inline-block;
}

.wpstream_channel_change_notification,
.wpstream_passoword_change_notification,
.wpstream_account_change_notification {
  width: 100%;
}

#profile-image {
  border-radius: 50%;
  width: 75px;
  height: 75px;

}

.custom-wrapper-selection {
  position: absolute;
  width: 100%;
  float: left;
}

.wpstream-drop-selected {
  position: relative;
  display: inline-block;
  background: #ddd;
  margin: 5px;
  padding: 5px 20px 5px 12px;
  border-radius: 10px;
}

.wpstream-drop-delete-button {
  position: absolute;
  top: 0;
  right: 5px;
  cursor: pointer;
}

.wp-core-ui .quicktags-toolbar input.button.button-small {
  width: auto;
}


label.wpstream_theme_switch {
  position: absolute;
  display: inline-block;
  width: 53px !important;
  height: 25px;
  top: 0;
  left: 130px;
}

.wpstream_theme_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}


.wpstream_theme_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.wpstream_theme_slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .wpstream_theme_slider {
  background-color: #2196F3;
}

input:focus + .wpstream_theme_slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .wpstream_theme_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.wpstream_theme_slider.round {
  border-radius: 25px;
}

.wpstream_theme_slider.round:before {
  border-radius: 50%;
}


.image_max_warn {
  width: 100%;
}


/*= select 2*/
.wpstream-select2 {
}


.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  cursor: pointer;
}

.wpstream-select2 .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.wpstream_term_selected {
  border: none;
  display: inline-flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: var(--dark-ui-anti-flashwhite, #F1F1F1);
  margin: 0 7px 7px 0;
}


/*= start streaming  2*/
.event_unit_style_front.event_list_unit.wpstream_theme_event_list_unit {
  flex-direction: column;
  padding: 0;
  width: 100%;
  margin-top:30px;
}

.wpstream_channel_status {
  position: absolute;
  background-color: #151120;
  color:#fff;
  padding: 5px 10px 5px 10px !important;
}


.wpstream_theme_control_bar_wrapper,
.wpstream_theme_event_thumb_wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.wpstream_theme_event_thumb_wrapper {
  background-color: var(--wpstream-dashboard-options-menu-item-background-color, #151120);
  color: var(--bs-body-color);
  padding: 10px 10px;
}

.wpstream_theme_control_bar_wrapper {
  color: var(--bs-body-color);
  padding: 10px;
  background-color: var(--wpstream-dashboard-options-menu-item-background-color, #151120);
}

.wpstream_theme_dashboard_channel_selector_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;

  .select2-container {
    &--open {
      .select2-selection {
        box-shadow: none !important;
      }
    }
  }
}

.wpstream_theme_dashboard_create_channel_wrapper {
  width: 50%;
}

.wpstream-user-channel-selection {
  max-width: 375px;
  height: 40px;
}

.wpstream-dashboard-account-details,
.wpstream-dashboard-address__address,
.wpstream-order-details-table,
.wpstream-theme-dashboard-chanel-details,
.event_unit_style_front.event_list_unit,
.wpstream_theme_dashboard_channel_selector_wrapper{
  max-width: 925px;
  width: 100%;
}


.wpstream_theme_event_list_unit .wpstream_button.wpstream_turning_on,
.wpstream_theme_event_list_unit .start_event.wpstream_button,
.wpstream_theme_event_list_unit .wpstream_stop_event {
  margin-left: auto;
}

.wpstream_theme_event_thumb_wrapper .event_thumb_wrapper {
  margin-right: 15px;
  min-width: 50px;
  width: 150px;
  height: 95px;
}


.wpstream_theme_event_list_unit .wpstream-button-icon {
  width: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  background-color: transparent;
  color: var(--bs-body-color);
  gap: 7px;
}

.wpstream_theme_event_list_unit .wpstream-button-icon svg {
  max-width: 18px;
  display: inline-block;
  max-height: 20px;
  line-height: 30px;
  margin-top: 0;
  gap: 7px;
}

.wpstream_theme_event_list_unit .wpstream-button-icon svg path {
  fill: currentColor;
}

.wpstream_theme_event_list_unit .event_title,
.wpstream_theme_event_list_unit .wpstream_channel_item_id {
  color: var(--bs-body-color);
}


/*= watch later list */

.wpstream_dashboard_items_list_wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;

}

.wpstream-dashboard-card-featured-image .wpstream_video_unit_video,
.wpstream-dashboard-card-featured-image .wpstream_featured_image,
.wpstream-dashboard-card-featured-image {
  max-width: 168px;
}

.wpstream-dashboard-card-featured-image img {
  border-radius: 8px;
}

.wpstream-dashboard-card {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 15px;
  
  &__info {
    display: flex;
    gap: 15px;

    .wpstream-dashboard-card-title-section,
    .wpstream-dashboard-card-purchase-section {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
    }

    .wpstream-dashboard-card-title-section {
      margin-right: 85px;
      width: 250px;
    }
  }
}

.wpstream-dashboard-card-actions {
  display: flex;
  gap: 10px;
  opacity: 0;
  pointer-events: none;

  a,.wpstream_watch-later-remove-btn {
    width: 32px;
    height: 32px;
    background-color: rgba(24, 24, 27, 0.75);
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;

    svg {
      width: 24px;
      height: 24px;
      color: var(--secondary-white-color); 
      path{
        fill:  var(--secondary-white-color);  
      }
    }

    &:hover {
      background-color: rgba(24, 24, 27, 1);
    }
  }
}

.wpstream_watch-later-remove-btn {
  cursor: pointer;
}

.wpstream-dashboard-page-content {
  padding: 32px;

  .woocommerce-MyAccount-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .wpstream_featured_image_views {
    color: var(--secondary-white-color);
  }
  
  .wpstream_featured_image {
    max-height: 94px;
  }

  .wpstream-dashboard-animation-wrap {
    display: flex;
    justify-content: center;
  }

  .wpstream-dashboard-title {
    text-align: center;
  }

  .wpstream-dashboard-subtitle {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 32px;
    text-align: center;
  }
  
  .wpstream-dashboard-links-wrap.no-woo{
    display: block;
  } 
  
  .wpstream-dashboard-links-wrap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;


    @include media-breakpoint-up(lg) {
      grid-template-columns: 1fr 1fr;
    }

    
    .wpstream-dashboard-link {
      width: 32px;
      height: 32px;
      background-color: var(--wpstream-dashboard-options-button-arrow-background-color, #4e2ee5);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;

      svg path {
        fill: var(--wpstream-dashboard-options-button-arrow-color, #f1f1f1);
      }
    }

    .wpstream-dashboard-link-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-decoration: none;
      padding: 24px;
      border-radius: 8px;
      width: 100%;
      max-width: 368px;
      gap: 35px;
      margin: 0 auto;
        background: var(--wpstream-dashboard-options-button-background-color, linear-gradient(270deg, rgba(78, 46, 229, 1) 0%, rgba(89, 125, 250, 1) 100%));

      &:hover {
        background: var(--wpstream-dashboard-options-button-hover-background-color, var(--add-to-cart-button-hover) );

        .wpstream-dashboard-link {
          background-color: var( --wpstream-dashboard-options-button-arrow-hover-background-color, #f1f1f1 );
          opacity: 1;

          svg {
            path {
              //fill: var(--night-color);
              fill: var( --wpstream-dashboard-options-button-arrow-hover-color, #151120 );
              transition: 300ms ease;
            }
          }
        }
      }
    }

    .wpstream-dashboard-link-content {
      display: flex;
      gap: 12px;
    }

    .wpstream-dashboard-link-text {
      display: flex;
      flex-direction: column;

      .link-title {
        font-weight: 500;
      }

      .link-description {
        font-size: 12px;
      }
    }
  }
}


// Subscriptions
.wpstream-subscriptions{
  table {
    width: 100%;
    border: 1px solid var(--secondary-white-color);
    border-radius: 8px;
  }

  thead {
    @include media-breakpoint-up(lg) {
   
      border-bottom: 1px solid var(--secondary-white-color);
    }
    tr{
      width: 100%;
    }
    th{
        font-size: 12px;
        color: var(--middle-grey);
        line-height: 27px;
        padding: 16px 15px;
        font-weight: 500;
      
    }
  }

  tbody{
    color: var(--night-color);
    tr{
      border-bottom: 1px solid var(--secondary-white-color);

      td{
        line-height: 27px;
        padding: 16px 15px;
      }
    }
  }

  .woocommerce-button.button.view{
    width: 32px;
    height: 32px;
    padding: 4px;
    border-radius: 4px;
    background-color: rgba(24, 24, 27, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
  }

}
.woocommerce-view-subscription{
  .woocommerce-MyAccount-content{
    max-width: 500px;
  }
  h2{
    margin: 30px 0px;
  }
  .shop_table{
    border: 1px solid var(--secondary-white-color);
    tr{
      border-bottom: 1px solid var(--secondary-white-color);
  
      td{
        line-height: 27px;
        padding: 16px 15px;
      }
      th{
        line-height: 27px;
        padding: 16px 15px;
      }
    }
  }
}


// DASHBOARD ORDERS
.wpstream-orders {
  width: 100%;
 
  &__table {
    width: 100%;
    border: 1px solid var(--secondary-white-color);
    border-radius: 8px;
  }

  &__table-header {
    display: none;

    @include media-breakpoint-up(lg) {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid var(--secondary-white-color);
    }
  }

  &__table-header-item {
    font-size: 12px;
    color: var(--middle-grey);
  }

  &__table-body-item {
    text-align: right;

    &:last-child {
      text-align: right;
      display: flex;
      justify-content: flex-end;
    }

    @include media-breakpoint-up(lg) {
      text-align: left;
    }
  }

  &__table-header-item,
  &__table-body-item {
    line-height: 27px;
    padding: 16px 15px;
    width: 100%;
    border-bottom: 1px solid var(--secondary-white-color);

    @include media-breakpoint-up(lg) {
      width: 15%;
      border-bottom: none;

      &:nth-child(2) {
        width: 25%;
      }

      &:nth-child(4) {
        width: 35%;
      }

      &:last-child {
        width: 10%;
        text-align: right;
        display: flex;
        justify-content: flex-end;
      }
    }
  }

  &__table-body-row {
    display: grid;
    grid-template-columns: 1fr 2fr;

    @include media-breakpoint-up(lg) {
      display: flex;
      border-bottom: 1px solid var(--secondary-white-color);
    }
  }

  &__table-body-row-inner {
    display: flex;
    flex-direction: column;

    @include media-breakpoint-up(lg) {
      flex-direction: row;
      width: 100%;
    }
  }

  &__table-header-mobile {
    border-right: 1px solid var(--secondary-white-color);

    @include media-breakpoint-up(lg) {
      display: none;
    }
  }
  
  &__pagination {
    padding: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
  }

  &__pagination-btn {
    padding: 5px 10px;
    border: 1px solid var(--light-grey);
    border-radius: 24px;
    font-weight: 500;
    transition: all 300ms ease;
    font-size: 0;

    @include media-breakpoint-up(sm) {
      font-size: 14px;
      padding: 10px 20px;
    }

    &:hover {
      background-color: var(--night-color);
      color: var(--secondary-white-color);
      border: 1px solid var(--night-color);
      
      svg {
        path {
          fill: var(--secondary-white-color);
        }
      }
    }
    
    &--disabled {
      pointer-events: none;
      opacity: 0.8;
    }
  }

  &__pagination-links-wrap {
    display: flex;
    gap: 15px;
  }

  &__pagination-page {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

    &--active {
      background-color: var(--night-color);
      color: var(--secondary-white-color);
      pointer-events: none;
    }

    &:hover {
      background-color: var(--night-color);
      color: var(--secondary-white-color);
    }
  }

  &__action-btn {
    width: 32px;
    height: 32px;
    padding: 4px;
    border-radius: 4px;
    background-color: rgba(24, 24, 27, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;

    &:hover {
      background-color: var(--night-color);
    }
  }
}

// DASHBOARD ORDERS details
.wpstream-order-details {
  width: 100%;
  margin-bottom: 60px;
}

.wpstream-order-details-table {
  border: 1px solid var(--secondary-white-color);
  border-radius: 8px;
  margin-bottom: 16px;

  &__header {
    display: flex;
    justify-content: space-between;
    padding: 18px 16px;
    border-bottom: 1px solid var(--secondary-white-color);
  }

  &__body-line-item,
  &__footer-subtotal {
    display: flex;
    justify-content: space-between;
    padding: 18px 16px;

    &:not(:last-child) {
      border-bottom: 1px solid var(--secondary-white-color);
    }
  }
}

.woocommerce-customer-details {
  width: 100%;
}

// DASHBOARD ADDRESSES
.wpstream-dashboard-address {
  width: 100%;


  &__address-header {
    display: flex;
    justify-content: space-between;
  }

  &__title {
    margin-bottom: 25px;
    font-size: calc(1.275rem + 0.3vw);;
  }
  
  &__header {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--secondary-white-color);
  }
  
  &__address {
    padding: 40px 0 40px;

    &:not(:last-child) {
      border-bottom: 1px solid var(--secondary-white-color);
    }
    
    &:last-child {
      padding: 40px 0 0;
    }
  }

  &__address-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  &__address-item-label {
    display: inline-block;
    font-weight: 500;
    min-width: 175px;
  }
  
  &__address-item-value {
    color: var(--middle-grey);
  }

  &__edit-link {
    padding: 10px 12px;
    border-radius: 24px;
    background-color: var(--secondary-white-color);
    transition: all 300ms ease;
    border: none;
    min-width: 80px;

    &:hover {
      background-color: var(--night-color);
      color: var(--secondary-white-color);

      svg {
        path {
          fill: var(--secondary-white-color);
        }
      }
    }
  }
}

//DASHBOARD ADDRESS EDIT
.wpstream-dashboard-edit-address {
  width: 100%;

  .wpstream-dashboard-edit-address-form {
    max-width: 650px;

    label {
      font-weight: 500;
      margin-bottom: 4px;
    }

    input {
      background-color: var(--white-color);
      border: 1px solid var(--light-grey);
      border-radius: 4px;
      color: var(--middle-grey);
    }
  }
}

#wpstream_edit_addr_modal,
#wpstream_edit_addr_modal_shipping {
  .select2-container {
    width: 47%;
    max-width: 650px;

    .select2-selection {
      border: 1px solid var(--light-grey);
      border-radius: 4px;
      height: 40px;

      &__single {
        color: var(--middle-grey);
      }

      &__arrow {
        position: absolute;
        right: 33px;
        top: 7px;
      }
    }

    &--open {
     

      .select2-selection {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: none;
      }

      .select2-dropdown {
        top: -5px;
        width: 100% !important;

        &--below {
          border-top: 0 solid transparent !important;
          border-top-left-radius: 0 !important;
          border-top-right-radius: 0 !important;
        }

        .select2-search {
          &__field {
            &:focus {
              box-shadow: none;
              border-color: var(--light-grey);
            }
          }
        }
      }
    }
  }
}

//DASHBOARD ACCOUNT
.wpstream-dashboard-account {
  width: 100%;
  
  &__upload-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    padding-bottom: 35px;
    border-bottom: 1px solid var(--secondary-white-color);
  }

  &__upload-title {
    font-weight: 500;
  }

  &__image-wrapper {
    width: 120px;
  }
  
  #aaiu-upload-imagelist{
    position: absolute;
    bottom: 0px;
  }

  #profile-image {
    width: 96px !important;
    height: 96px !important;
  }

  &__image-actions {
    width: 85%;
    display: flex;
    align-items: center;
  }

  &__image-description {
    font-size: 12px;
    margin-bottom: 10px;
    color: var(--middle-grey);
  }
  
  &__actions-wrap {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }

  &__password {
    padding: 40px 0;

    .item-label {
      display: inline-block;
      min-width: 175px;
      font-weight: 500;
    }

    .item-value {
      color: var(--middle-grey);
    }
  }
}

.wpstream-dashboard-account-details {
  padding: 40px 0 32px;
  border-bottom: 1px solid var(--secondary-white-color);

  &__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 1rem;
    h2{
      margin-bottom: unset;
    }
  }
  
  &__detail-items {
    display: flex;
    flex-direction: column;
    gap: 12px;

    .item-label {
      display: inline-block;
      min-width: 175px;
      font-weight: 500;
    }

    .item-value {
      color: var(--middle-grey);
    }
  }

  &__details-item{
    display: flex;
    @include media-breakpoint-down('lg'){
      flex-direction: column;
    }
  }
}

#wpstream_edit_account_modal {
  label {
    font-weight: 500;
  }

  .form-control {
    background-color: var(--white-color);
    border-radius: 4px;
    border: 1px solid var(--light-grey);
    color: var(--middle-grey);

    &:focus{
       border: 1px solid var(--light-grey)!important;
    }

  }
}

// Start streaming
.wpstream-dashboard-start-streaming {
  &__title {
    font-size: 24px;
  }

  &__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  &__cta-wrapper {
    display: flex;
    gap: 15px;
    flex-direction: column;
    align-items: center;
  }
} 



.wpstream-theme-dashboard-chanel-details {
  &__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
  }

  &__title {
    font-size: 24px;
  }
  
  &__edit-button {
    min-width: 145px;
  }

  &__description {
    margin-top: 22px;
    margin-bottom: 16px;

    .wpstream_account_details_value {
      font-weight: 400;
      color: var(--middle-grey);
    }
  }
  
  &__taxonomies_wrapper {
    padding: 40px 0;
    border-top: 1px solid var(--secondary-white-color);
    border-bottom: 1px solid var(--secondary-white-color);
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 40px;

    .wpstream-dashboard-details {
      .wpstream_account_details_value {
        display: inline-flex;
        gap: 12px;

        .wpstream_term_selected {
          margin: 0;
          font-weight: 400;
          color: var(--middle-grey);
        }
      }
    }
  }
}

.wpstream-theme-dashboard-chanel-gallery {
  padding: 40px 0;

  &__title {
    font-size: 16px;
  }

  &__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;

    .wpstream_uploaded_images {
      border-radius: 8px;
      overflow: hidden;
    }
  }
}
 
.popover {
  border-radius: 8px;
  border: none;
  box-shadow: 0 6px 12px 0 rgba(15, 15, 15, 0.25);

  .popover-body {
    padding: 0;
  }

  .popover-arrow {
    display: none;
  }

  .account-profile-popover {
    display: flex;
    flex-direction: column;
    min-width: 250px;
    &__image {
      display: flex;
      flex-direction: row;
      gap: 12px;
      align-items: center;
      font-weight: 500;
      text-transform: capitalize;
      padding: 16px;
      border-bottom: 1px solid var(--secondary-white-color);
    }
    
    &__action {
      display: flex;
      align-items: center;
      gap: 12px;

      &--website {
        padding: 16px 16px 6px 16px;
        &:before {
          position: relative;
          top: 3px;
          content: url("../img/icons/home.svg");
        }
      }

      &--edit-account {
        padding: 10px 15px 10px 15px;

        &:before {
          position: relative;
          top: 3px;
          content: url("../img/icons/edit_account_black.svg");
        }
      }
    }

    &__logout {
      padding: 15px;
      display: flex;
      align-items: center;
      gap: 12px;
      border-top: 1px solid var(--secondary-white-color);

      &:before {
        position: relative;
        top: 3px;
        content: url("../img/icons/logout_black.svg");
      }
    }

    .dashboard-header-user-profile-menu-item {
      color: var(--night-color);
    }
    .dashboard-header-user-profile-menu-item:hover {
      color: var(--night-color);
      background-color: var(--main-secondary-color);
    }
    .popover .account-profile-popover .dashboard-header-user-profile-menu-item.account-profile-popover__image:hover {
      background-color: var(--bs-white);
    }
  }
}

.wpstream_theme_dashboard_channel_selector_wrapper {
  .select2-container {
    width: 100%;

    .select2-selection {
      border: 1px solid var(--light-grey);
      border-radius: 8px;

      &__arrow {
        position: absolute;
        right: 33px;
        top: 6px;
        width: auto;

        & > b {
          display: none;
        }
      }
    }

    &--open {
      .select2-selection {
        border-color: var(--light-grey) !important;
      }
    }

    .select2-search {
      &__field {
        &:focus {
          border-color: var(--light-grey);
          box-shadow: none !important;
        }
      }
    }
  }
}

.page-template-wpstream-theme-dashboard {
  .select2-container {
    .select2-dropdown {
      top: 35px;
      border: 1px solid var(--light-grey);
      border-radius: 8px;

      .select2-results {
        &__option {
          &--highlighted,
          &--selected {
            color: var(--secondary-white-color) !important;
            background-color: var(--night-color) !important;
          }
        }
      }

      .select2-search {
        &__field {
          &:focus {
            border-color: var(--light-grey);
            box-shadow: none !important;
          }
        }
      }
    }
  }
}

//EDIT CHANEL
.upload-container {
  &__row {
    display: flex;
    gap: 24px;
  }

  &__title {
    width: 100%;
    font-weight: 500;
  }

  &__image-wrap {
    width: 100%;
    max-width: 292px;
    height: 158px;
    background-color: var(--middle-grey);
    border-radius: 8px;
    overflow: hidden;
  }

  &__actions-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;

    p {
      font-size: 12px;
      color: var(--middle-grey);
      margin-bottom: 0;
      max-width: 80%;
    }

    &--column {
      flex-direction: column;
    }

    &--row {
      width: 100%;
      flex-direction: row;
      align-items: center;
      margin-top: 16px;
      
      p {
        max-width: 52%;
      }
    }
  }
}

.wpstream-modal-edit-chanel {
  label {
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px;
  }

  input,
  .wp-editor-container {
    border: 1px solid var(--light-grey);
    border-radius: 4px;
    background-color: var(--white-color);
    color: var(--middle-grey);
  }

  input {
    &:focus {
      background-color: var(--white-color);
      color: var(--middle-grey);
    }
  }

  textarea {
    resize: none;
    border-radius: 8px;
  }

  &__price-settings {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  &__price-settings-item {
    display: flex;
    flex-direction: column;
    height: 62px;
    
    input {
      max-width: 200px;
    }

    label.wpstream_theme_switch {
      top: unset;
      left: 0;
      bottom: 10px;
      width: 32px !important;
      height: 16px;
      margin-bottom: 0;
    }

    .wpstream_theme_slider:before {
      width: 12px;
      height: 12px;
      background-color: var(--secondary-white-color);
      top: 2px;
      left: 2px;
    }

    input:checked + .wpstream_theme_slider {
      background-color: var(--violet);
    }

    input:checked + .wpstream_theme_slider:before {
      transform: translateX(16px);
    }
  }

  .wpstream_edit_channel_taxonomy_wrapper {
    .select2-container {
      .select2-selection {
        display: flex;
        gap: 12px;
        flex-direction: column;
        padding: 0;
        border: none;
        
        &__rendered {
          display: flex !important;
          gap: 12px;
          order: 2;
        }

        &__choice {
          margin: 0 !important;
          color: var(--middle-grey) !important;
        }

        .select2-search {
          order: 1;
          height: 40px;
          max-width: 427px !important;

          &__field {
            width: 100% !important;
            height: 40px !important;
            padding: 8px 12px !important;
            max-width: 427px !important;
            border: 1px solid var(--light-grey) !important;
            border-radius: 4px !important;
            color: var(--middle-grey);
          }
        }
      }

      &--open {
        .select2-selection {
          .select2-search {
            &__field {
              border-bottom-right-radius: 4px !important;
              border-bottom-left-radius: 4px !important;
            }
          }
        }
      }
    }
  }
}

.page-template-wpstream-theme-dashboard.modal-open {
  .select2-container {
    &--open,
    &--focus {
      .select2-selection {
        box-shadow: none;
      }
    }
  }

  .select2-dropdown {
    border: 1px solid var(--light-grey);
    position: relative;
    top: 36px;
    width: 427px !important;

    .select2-results {
      &__option {
        color: var(--middle-grey);
        
        &--selected {
          color: var(--secondary-white-color) !important;
          background-color: var(--night-color) !important;
        }
      }
    }

    &--below {
      border-top: 1px solid var(--light-grey) !important;
      border-top-left-radius: 4px !important;
      border-top-right-radius: 4px !important;
    }
  }
}

//EVENT LIST
.woocommerce-MyAccount-content {
  h3 {
    width: 100%;
    text-align: left;
  }
}

.wpstream-dashboard-card__actions{
  margin-left: auto;
}

.wpstream_dashboard_items_list_wrapper {
  width: 100%;
  max-width: 925px;

  .wpstream-dashboard-card {
    padding: 8px;
    border-radius: 8px;
    transition: all 300ms ease;

    &:hover {
      background-color: rgba(24, 24, 27, 0.1);

      .wpstream-dashboard-card-actions {
        opacity: 1;
        pointer-events: unset;
        margin-left: auto;
      }
    }

    .wpstream-dashboard-card-featured-image {
      border-radius: 8px;
      overflow: hidden;
      max-height: 94px;
    }

    .wpstream-dashboard-card-title-section {
      a {
        color: var(--night-color);
        font-weight: 500;
      }
    }
    
    .wpstream-dashboard-card-categories {
      color: var(--middle-grey);
    }

    .wpstream-dashboard-card-purchase-section {
      .wpstream_dashboard_list_purchased_price {
        font-weight: 500;
      }

      .wpstream_dashboard_list_purchased_on {
        color: var(--middle-grey);
      }
    }
  }
}


//select2
.select2-container {
  &--focus {
    border-color: var(--light-grey) !important;
    box-shadow: none !important;
  }

  .select2-dropdown {
    .select2-search {
      &__field {
        &:focus {
          border-color: var(--light-grey) !important;
        }
      }
    }
  }
}


.wpstream-theme-dashboard-select-channel-notification{
  padding: 10px;
  background-color: var(--secondary-white-color);
  border-radius: 5px;
  width: auto;
  display: inline-block;
  margin-bottom: 10px;
  display: none;
}

.wpstream-theme-dashboard-select-channel{
  max-width: 930px;
  display: flex;
  flex-direction: column;
}



