/* Login section */

section.vh-100.rsi-wdrapper .rsi-heading h2 {
  font-size: 45px;

  font-weight: 400;

  line-height: 140%;

  text-transform: uppercase;

  margin-bottom: 8px;

  display: block !important;

  width: auto !important;
}

section.vh-100.rsi-wdrapper .rsi-heading h2 span {
  color: #d49c22;
}

.vsa-form .error {
  color: #f00;

  font-size: 17px;
}

/* Catalog Page 

............................. */

.col-center {
  display: flex;
}

.catlog-select {
  background-color: #e1e1e1;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.rsi-heading h2 {
  font-size: 24px;
  margin: 0px;
}

.card.vsa_card {
  margin-bottom: 24px;
  position: relative;
}

.card.vsa_card .card-body {
  padding: 10px;
}

.card.vsa_card .form-check {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.vsa_filter_options .filter-box {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.vsa_filter_options .filter-box div:last-of-type {
  border-bottom: none;

  padding-bottom: 0px;
}

.vsa_filter_options
  .form-check
  .form-check-input:checked
  ~ .form-check-label::before {
  background-color: #d49c22 !important;
}

.card.vsa_card .video-selection {
  position: absolute;

  top: 0;

  right: 6px;
}

.vsa-select-box .form-check-label {
  font-size: 15px;
}

.vsa-selection-box .btn-style1 {
  font-size: 14px;

  padding: 10px 16px;
}

.vsa_card label.form-check-label {
  font-size: 12px;

  font-weight: 700;

  line-height: 1.4;

  cursor: pointer;
}

.vsa_filter_options .form-check label.form-check-label {
  color: #131315;

  font-size: 15px;

  font-weight: 300;
}

.vsa_card h5.title-play {
  font-size: 13px;

  font-weight: 700;
}

#record_found h5 {
  font-size: 16px;

  font-weight: 400;

  margin-bottom: 15px;
}

.vsa-selection-box {
  margin-bottom: 0px;
  display: flex;
  justify-content: flex-end;
}

.vsa-select-box {
  margin: 9px 20px;

  font-size: 17px;
}

.form-check .form-check-input {
  border: 1px solid#D49C22 !important;
}

.form-check-input:checked {
  background-color: #d49c22 !important;

  color: #d49c22 !important;
}

.hidden_append {
  display: none;
}

.card.vsa_sidebar_card {
  padding: 15px;
}

.vsa_sidebar_card h3 {
  font-size: 22px;

  margin-bottom: 20px;
}

.vsa_sidebar_card h5 {
  font-size: 18px;

  font-weight: 500;

  /*border-bottom: 1px solid #ddd;

  padding-bottom: 6px;*/
}

.vsa_sidebar_card .form-check-input {
  width: 0.8em;

  height: 0.8em;

  margin-top: 0.4em;
}

.vsa_sidebar_card .form-check {
  padding-left: 1em;
}

.vsa_sidebar_card .form-check .form-check-input {
  margin-left: -1.2em;
}

.vsa-action .btn-style1 {
  padding: 8px 16px;

  font-size: 12px;
}

.vsa_btn_modal_watch {
  margin: 30px 40px;

  background: #c04949;

  border-radius: 15px;

  width: 274px;
}

.vs_unique_id {
  font-size: 12px;
}

.vsa_btn_modal_watch a.btn-playshowreel {
  font-size: 21px;

  text-decoration: none !important;

  text-transform: uppercase;
}

.vsa_modal_content {
  font-size: 16px;
}

/* Card Loader */

.cards {
  display: flex;
}

.card {
  background: #fff;

  border-radius: 5px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  margin-bottom: 15px;

  .image {
    img {
      max-width: 100%;

      border-top-left-radius: 5px;

      border-top-right-radius: 5px;
    }
  }

  .content {
    padding: 20px 30px;
  }
}

.card.is-loading {
  .image,
  h2,
  p {
    background: #eee;

    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);

    border-radius: 5px;

    background-size: 200% 100%;

    animation: 1.5s shine linear infinite;
  }

  .image {
    height: 100px;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;
  }

  h2 {
    height: 20px;
  }

  p {
    height: 40px;
  }
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

/* Login Page */

.main-account {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  overflow: hidden;

  margin-bottom: 30px;
}

.account-left {
  padding: 20px;
}

.account-left h2 {
  font-size: 30px;

  margin-bottom: 20px;

  font-weight: 700;
}

.account-left .btn-style1 {
  padding: 12px 40px;
}

/* === Sidebar Default (Desktop) === */

#vsa_sidebar_filters {
  position: relative; /* normal inline on desktop */

  width: 100%;
}

/* Hide mobile-only elements on desktop */

#mobile-filter-btn,
#vsa_sidebar_filters .close-btn,
.vsa-overlay {
  display: none;
}

.confirm-videos-swal {
  width: 50%;
}

/* === Floating Sidebar (Mobile) === */

@media (max-width: 991px) {
  .confirm-videos-swal {
    width: 100%;
  }
  #vsa_sidebar_filters {
    width: 80%;

    max-width: 350px;

    height: 100%;

    position: fixed;

    top: 0;

    right: -100%; /* hidden by default */

    border-left: 1px solid #ddd;

    padding: 0;

    transition: right 0.3s ease-in-out;

    z-index: 9999;

    overflow-y: auto;
  }

  #vsa_sidebar_filters.active {
    right: 0; /* slide in */
  }

  /* Close button (mobile only) */

  #vsa_sidebar_filters .close-btn {
    display: block;

    padding: 12px 15px;

    text-align: right;

    font-size: 22px;

    cursor: pointer;

    border-bottom: none;

    background: #fff;
  }

  .card.vsa_sidebar_card {
    box-shadow: none;

    border: none;

    background: #fff;

    border-radius: 0px;
  }

  /* Overlay (mobile only) */

  .vsa-overlay {
    display: none;

    position: fixed;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 9998;
  }

  .vsa-overlay.active {
    display: block;
  }

  /* Filter button (mobile only, inline not fixed) */

  #mobile-filter-btn {
    display: inline-block;

    /* margin: 10px 0;

        padding: 4px 30px;*/

    background: #fff;

    color: #d49c22;

    border: none;

    border-radius: 16px;

    font-size: 16px;

    margin-bottom: 15px;
  }

  #mobile-filter-btn img {
    margin-right: 10px;
  }

  .catlog-select {
    margin-top: 90px;
  }

  .filter-wrap {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;
  }
}

#userpwd-error,
#confirm_password-error,
#pass1-error,
#pass2-error {
  position: absolute;

  top: 42px;
}

/*#mobilemenu-wrapper {*/

/*    top: 0px !important;*/

/*}*/

.see_allbtn_wrap {
  display: flex;
}

.fbtn {
  margin-right: 10px;
}
.selectdeselectv {
  display: flex;
}
#see_my_selection_wrap {
  padding-right: 10px;
}

@media (max-width: 1400px) {
  .vsa-selection-box .btn-style1 {
    font-size: 12px;

    padding: 10px 10px;
  }

  .header-wrapper .menu-div li a {
    font-size: 14px !important;

    padding: 10px 12px !important;
  }
}

@media (max-width: 1200px) {
  .vsa-selection-box .btn-style1 {
    font-size: 10px;

    padding: 10px 10px;
  }

  .header-wrapper .menu-div li a {
    font-size: 14px !important;

    padding: 10px 12px !important;
  }
}

@media (max-width: 992px) {
  .vsa-selection-box .btn-style1 {
    font-size: 10px;

    padding: 10px 10px;
  }
}

@media (max-width: 768px) {
  .vsa-selection-box .btn-style1 {
    font-size: 8px;

    padding: 6px 9px;
  }
}

@media (max-width: 767px) {
  .vsa-selection-box {
    justify-content: space-between;

    display: flex;
  }

  .vsa-select-box {
    width: 60%;
  }

  #see_my_selection_wrap {
    width: 40%;

    padding-right: 10px;
  }

  .see_allbtn_wrap {
    width: 50%;

    display: flex;
  }

  .vsa-selection-box .btn-style1 {
    font-size: 10px;

    padding: 8px 8px;

    width: 100%;

    line-height: 20px;
  }

  .vsa-selection-box .form-check .form-check-input {
    float: none;
  }

  .catlog-select {
    text-align: center;
  }

  .modal-dialog-scrollable .modal-body {
    height: 400px;
  }

  .vsa-select-box {
    padding-left: 15px !important;
  }

  .vsa_btn_modal_watch {
    padding: 0px;

    width: 229px;

    margin: 20px auto;
  }

  .vsa_btn_modal_watch a.btn-playshowreel {
    font-size: 15px;
  }

  .login-sec {
    margin-top: 140px;
  }

  .fbtn {
    margin-right: 10px;
  }
  .fbtnleft {
    margin-left: 10px;
  }
  .vsa-select-box {
    margin-left: 10px;
  }
}

@media (max-width: 576px) {
  .vsa-selection-box .btn-style1 {
    font-size: 8px;
  }

  .vsa-selection-box {
    justify-content: center;

    display: flex;

    flex-wrap: wrap;
  }

  .vsa-select-box {
    width: 100%;
  }
  .mb2mks {
    margin-bottom: 5px;
  }
  #see_my_selection_wrap {
    width: 100%;

    padding-right: 0px;
  }

  .see_allbtn_wrap {
    width: 100%;

    display: flex;
  }

  .fbtn {
    margin-right: 5px;
  }
  .fbtnleft {
    margin-left: 5px;
  }
  .vsa-select-box {
    margin-left: 10px;
  }
}